.tools-app{--tools-ink: #121315;--tools-muted: #62666b;--tools-faint: #898d92;--tools-line: #dedfe1;--tools-paper: #ffffff;--tools-soft: #f6f6f5;--tools-code: #f4f4f2;display:grid;grid-template-columns:15rem minmax(0,1fr);min-height:calc(100vh - 4rem);color:var(--tools-ink);background:var(--tools-paper)}[data-theme=dark] .tools-app{--tools-ink: #f1f3f5;--tools-muted: #b5bbc3;--tools-faint: #8d949d;--tools-line: #30343a;--tools-paper: #111315;--tools-soft: #15181b;--tools-code: #0d0f11}.tools-app *,.tools-app *:before,.tools-app *:after{box-sizing:border-box}.tools-app button,.tools-app input,.tools-app textarea,.tools-app select{font:inherit}.tools-app button,.tools-app label[for]{cursor:pointer}.tools-app button:disabled{cursor:not-allowed;opacity:.42}.tools-app button:focus-visible,.tools-app input:focus-visible,.tools-app textarea:focus-visible,.tools-app label[for]:focus-visible{outline:2px solid var(--tools-ink);outline-offset:3px}.tools-directory{position:sticky;top:4rem;align-self:start;min-height:calc(100vh - 4rem);padding:2rem 1.25rem;border-right:1px solid var(--tools-line);background:var(--tools-soft)}.tools-eyebrow,.tools-category,.converter-step{margin:0 0 .55rem;color:var(--tools-faint);font:.68rem/1.25 ui-monospace,Cascadia Mono,SFMono-Regular,monospace;letter-spacing:.13em;text-transform:uppercase}.tools-directory h1{margin:0 0 1.5rem;font-size:1.2rem;letter-spacing:-.025em}.tools-search-label,.visually-hidden,.node-row-main label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tools-directory input,.tools-app textarea,.tools-app input[type=text],.tools-app input[type=url],.tools-app select{color:var(--tools-ink);border:1px solid var(--tools-line);border-radius:.2rem;background:var(--tools-paper)}.tools-directory>input{width:100%;height:2.4rem;margin-bottom:1.5rem;padding:0 .7rem}.tools-category{margin-top:.5rem}.tools-directory-item{width:100%;padding:.7rem;border:1px solid transparent;border-radius:.2rem;text-align:left;color:inherit;background:transparent;transition:background-color .18s ease,color .18s ease}.tools-directory-item.is-active,.tools-directory-item:hover{color:var(--tools-paper);background:var(--tools-ink)}.tools-directory-item strong,.tools-directory-item span{display:block}.tools-directory-item span,.tools-empty{margin-top:.15rem;font-size:.75rem;opacity:.68}.tools-workspace{min-width:0;padding:2rem clamp(1.25rem,3vw,3rem) 3.5rem}.tools-loading{color:var(--tools-muted)}.clash-converter,.rule-editor{width:min(100%,92rem);margin:0 auto}.converter-header,.rule-editor>header{display:flex;align-items:flex-start;gap:2rem;padding-bottom:1.35rem;border-bottom:1px solid var(--tools-line)}.converter-header h1,.rule-editor h2{margin:0;font-size:clamp(1.55rem,2.5vw,2.15rem);line-height:1.12;letter-spacing:-.045em}.converter-header p:not(.converter-step){max-width:46rem;margin:.55rem 0 0;color:var(--tools-muted)}.local-status{margin-left:auto;padding:.55rem .7rem;border:1px solid var(--tools-line);white-space:nowrap;font:.72rem/1.3 ui-monospace,Cascadia Mono,monospace}.local-status span{display:inline-block;width:.42rem;height:.42rem;margin-right:.45rem;border-radius:50%;background:currentColor}.privacy-notice{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:.85rem 1rem;border:1px solid var(--tools-ink);background:var(--tools-soft)}.privacy-notice p{margin:.2rem 0 0;color:var(--tools-muted);font-size:.78rem}.privacy-notice button{margin-left:auto;white-space:nowrap}.converter-mode{display:inline-flex;margin:1.45rem 0;border:1px solid var(--tools-ink)}.converter-mode button,.source-tabs button,.source-file-button,.source-tabs>span{padding:.62rem 1rem;border:0;color:var(--tools-muted);background:transparent}.converter-mode button.is-active{color:var(--tools-paper);background:var(--tools-ink)}.converter-grid{display:grid;grid-template-columns:minmax(24rem,.92fr) minmax(27rem,1.08fr);min-height:42rem;border:1px solid var(--tools-line)}.converter-input-panel{min-width:0;padding:1.35rem;border-right:1px solid var(--tools-line)}.converter-input-panel>h2,.converter-output-panel h2,.node-section-heading h2,.rule-editor h3{margin:0;font-size:1rem;letter-spacing:-.02em}.source-tabs{display:flex;align-items:center;margin:1rem 0 .9rem;border-bottom:1px solid var(--tools-line)}.source-tabs button,.source-file-button,.source-tabs>span{margin-bottom:-1px;font-size:.8rem}.source-tabs .is-active,.source-tabs button.is-active{color:var(--tools-ink);border-bottom:2px solid var(--tools-ink)}.source-file-button{margin-left:auto}.converter-input-panel>label,.subscription-form label,.rule-editor label{display:block;margin:0 0 .4rem;color:var(--tools-muted);font-size:.74rem;font-weight:650}.converter-input-panel>textarea,.subscription-form input,.rule-editor textarea,.rule-editor input{width:100%}.converter-input-panel>textarea{min-height:10rem;padding:.8rem;resize:vertical;font:.76rem/1.65 ui-monospace,Cascadia Mono,monospace}.subscription-form{min-height:12.5rem;padding:1rem 0}.subscription-form input,.rule-editor input{height:2.45rem;padding:0 .7rem}.subscription-form p{margin:.6rem 0 1rem;color:var(--tools-muted);font-size:.75rem}.panel-actions,.converter-output-panel footer,.converter-footer,.configuration-strip,.inline-form{display:flex;align-items:center;gap:.65rem}.panel-actions{margin-top:.75rem}.primary-button,.secondary-button,.danger-button{min-height:2.35rem;padding:.5rem .85rem;border:1px solid var(--tools-ink);border-radius:.15rem;transition:background-color .18s ease,color .18s ease}.primary-button{color:var(--tools-paper);background:var(--tools-ink)}.primary-button:hover:not(:disabled){color:var(--tools-ink);background:var(--tools-paper)}.secondary-button,.danger-button{color:var(--tools-ink);background:var(--tools-paper)}.secondary-button:hover:not(:disabled),.danger-button:hover:not(:disabled){color:var(--tools-paper);background:var(--tools-ink)}.danger-button{border-style:dashed}.text-button{padding:.3rem .4rem;border:0;color:var(--tools-muted);background:transparent;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2rem}.text-button:hover:not(:disabled){color:var(--tools-ink);text-decoration-color:currentColor}.node-section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-top:1.7rem;padding-top:1.2rem;border-top:1px solid var(--tools-line)}.node-list{margin-top:.7rem;border-top:1px solid var(--tools-line)}.node-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.65rem;padding:.7rem .2rem;border-bottom:1px solid var(--tools-line)}.node-row-main{min-width:0}.node-row-main input{width:100%;padding:0;overflow:hidden;border:0;color:var(--tools-ink);font-weight:700;text-overflow:ellipsis;background:transparent}.node-row-main span{display:block;margin-top:.15rem;overflow:hidden;color:var(--tools-faint);font:.69rem/1.3 ui-monospace,Cascadia Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.protocol-badge{padding:.15rem .35rem;border:1px solid var(--tools-line);font:.62rem/1.2 ui-monospace,monospace}.converter-empty{margin:1rem 0;color:var(--tools-faint);font-size:.78rem}.converter-diagnostics{margin-top:1rem}.diagnostic-group{padding:.75rem .85rem;border-left:3px solid var(--tools-ink);background:var(--tools-soft)}.diagnostic-group+.diagnostic-group{margin-top:.6rem}.diagnostic-group h3{margin:0 0 .4rem;font-size:.78rem}.diagnostic-group ul{margin:0;padding-left:1rem}.diagnostic-group li{margin:.2rem 0;color:var(--tools-muted);font-size:.74rem}.diagnostic-group li strong{margin-right:.4rem;color:var(--tools-ink)}.converter-output-panel{display:flex;min-width:0;min-height:34rem;flex-direction:column;background:var(--tools-code)}.converter-output-panel>header{display:flex;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--tools-line);background:var(--tools-paper)}.converter-output-panel>header span{margin-left:auto;color:var(--tools-faint);font:.7rem ui-monospace,monospace}.converter-output-panel .output-meta{display:flex;align-items:center;gap:.8rem;margin-left:auto}.converter-output-panel .output-meta span{margin-left:0}.output-code{width:100%;min-height:34rem;flex:1;padding:1.2rem;resize:vertical;border:0!important;border-radius:0!important;outline-offset:-3px!important;background:var(--tools-code)!important;font:.75rem/1.65 ui-monospace,Cascadia Mono,SFMono-Regular,monospace!important;tab-size:2}.converter-output-panel footer{justify-content:flex-end;padding:.85rem 1rem;border-top:1px solid var(--tools-line);background:var(--tools-paper)}.configuration-strip{margin-top:1rem;padding:.85rem 1rem;border:1px solid var(--tools-line)}.configuration-strip>div{min-width:0}.configuration-strip strong,.configuration-strip span{display:block}.configuration-strip span{margin-top:.15rem;color:var(--tools-muted);font-size:.74rem}.configuration-strip button{margin-left:auto}.converter-footer{justify-content:space-between;min-height:3.5rem;margin-top:.75rem}.converter-footer p{margin:0;color:var(--tools-muted);font-size:.76rem}.converter-footer>div{display:flex;gap:.45rem}.rule-editor>header{align-items:center;justify-content:space-between}.rule-editor-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:1.5rem;margin-top:1.5rem}.rule-editor-grid>section,.rule-editor-side>section{padding:1.1rem;border:1px solid var(--tools-line)}.rule-editor h3{margin-bottom:1rem}.rule-editor textarea{min-height:7rem;padding:.7rem;resize:vertical;font:.75rem/1.6 ui-monospace,monospace}.rule-editor textarea+button,.rule-editor input+button{margin-top:.65rem}.rule-list{margin-top:1rem;border-top:1px solid var(--tools-line)}.rule-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;padding:.7rem 0;border-bottom:1px solid var(--tools-line)}.rule-row code{overflow-wrap:anywhere;font-size:.72rem}.rule-row>div{grid-column:2}.rule-editor-side{display:grid;align-content:start;gap:1.5rem}.rule-editor-side label:not(:first-of-type){margin-top:.75rem}.simple-list{margin:1rem 0 0;padding:0;list-style:none}.simple-list li{display:flex;align-items:center;gap:.6rem;padding:.65rem 0;border-top:1px solid var(--tools-line)}.simple-list li>span{min-width:0;flex:1}.simple-list strong,.simple-list small{display:block}.simple-list small{overflow:hidden;color:var(--tools-faint);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.inline-form input{flex:1}.inline-form button{margin-top:0!important}@media(max-width:64rem){.tools-app{grid-template-columns:13rem minmax(0,1fr)}.converter-grid,.rule-editor-grid{grid-template-columns:1fr}.converter-input-panel{border-right:0;border-bottom:1px solid var(--tools-line)}}@media(max-width:48rem){.tools-app{grid-template-columns:1fr}.tools-directory{position:static;min-height:auto;padding:.85rem 1rem;border-right:0;border-bottom:1px solid var(--tools-line)}.tools-directory h1,.tools-category,.tools-directory-item span{display:none}.tools-directory>input{margin-bottom:.55rem}.tools-workspace{padding:1.25rem 1rem 2.5rem}.converter-header,.privacy-notice,.configuration-strip,.converter-footer{align-items:stretch;flex-direction:column}.local-status,.privacy-notice button,.configuration-strip button{width:100%;margin-left:0;text-align:center}.converter-mode{display:grid;grid-template-columns:1fr 1fr;width:100%}.converter-mode button,.source-tabs button,.source-file-button,.source-tabs>span{padding-inline:.65rem}.converter-grid{min-height:0}.converter-input-panel{padding:1rem}.node-row{grid-template-columns:auto minmax(0,1fr) auto}.node-row>.text-button{grid-column:2 / -1;justify-self:start}.converter-output-panel,.output-code{min-height:25rem}.converter-output-panel footer,.converter-footer>div{align-items:stretch;flex-direction:column}.converter-output-panel footer button,.converter-footer button{width:100%}}@media(prefers-reduced-motion:reduce){.tools-app *{scroll-behavior:auto!important;transition-duration:.01ms!important}}