:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f9fb;--bg-soft:#edf5f8;--surface:#fff;--surface-raised:#fff;--text:#17202f;--muted:#657386;--muted-strong:#485568;--border:#dce7ee;--border-strong:#c8d7e2;--primary:#1d7f76;--primary-strong:#12645d;--primary-soft:#dff5f1;--danger:#c24138;--shadow:0 18px 44px #2440561f;--radius:8px;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10151a;--bg-soft:#152026;--surface:#171f25;--surface-raised:#1d282f;--text:#eef4f2;--muted:#9fb0b8;--muted-strong:#c2d0d5;--border:#2a3a42;--border-strong:#40545f;--primary:#6bd6c9;--primary-strong:#9de5dc;--primary-soft:#143b38;--danger:#ff9188;--shadow:0 18px 44px #00000042}*{box-sizing:border-box}[hidden]{display:none!important}html{background:radial-gradient(circle at 16% -10%, #42b3a226, transparent 32rem), linear-gradient(180deg, var(--bg-soft), var(--bg) 20rem);min-height:100%;color:var(--text)}body{min-height:100%;color:var(--text);background:0 0;margin:0}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.topbar{z-index:10;border-bottom:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;padding:.75rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand{letter-spacing:0;align-items:center;gap:.65rem;font-size:1.02rem;font-weight:760;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius);color:#fff;background:var(--primary);width:2rem;height:2rem;box-shadow:0 8px 18px color-mix(in srgb, var(--primary) 28%, transparent);place-items:center;display:inline-grid}.topbar-actions,.button-row{align-items:center;gap:.65rem;display:flex}.text-button,.icon-button,.button{border:1px solid var(--border);border-radius:var(--radius);min-height:2.45rem;color:var(--text);background:var(--surface);justify-content:center;align-items:center;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.text-button{padding:0 .95rem;font-weight:650}.icon-button{width:2.45rem;padding:0;font-size:1rem}.button{padding:0 1rem;font-weight:700}.button-primary{border-color:var(--primary);color:#fff;background:var(--primary)}.button-secondary{background:var(--primary-soft);border-color:color-mix(in srgb, var(--primary) 34%, var(--border));color:var(--primary-strong)}.text-button:hover,.icon-button:hover,.button:hover{border-color:var(--border-strong);transform:translateY(-1px)}.app-shell{width:min(1440px,100% - 2rem);margin:0 auto;padding:clamp(1.4rem,3.4vw,3rem) 0}.app-shell:has(.home-dashboard){width:100%;min-height:calc(100vh - 4rem);padding:0}.app-shell:has(.home-dashboard) main{min-height:calc(100vh - 4rem)}.footer{width:min(1440px,100% - 2rem);color:var(--muted);gap:.8rem;margin:0 auto;padding:1.5rem 0 2rem;font-size:.92rem;display:grid}.footer a{color:var(--muted-strong);text-decoration:none}.footer a:hover{color:var(--primary-strong)}.friendly-links,.footer-meta{flex-wrap:wrap;align-items:center;gap:.55rem .9rem;display:flex}.friendly-links span{color:var(--muted);font-weight:700}.hero{align-items:end;min-height:clamp(9.5rem,20vh,14rem);padding:1rem 0 1.4rem;display:grid}.eyebrow{color:var(--primary-strong);text-transform:uppercase;margin:0 0 .45rem;font-size:.84rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;max-width:52rem;margin-bottom:.75rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1.06}h2{letter-spacing:0;margin-bottom:.45rem;font-size:clamp(1.35rem,3vw,2rem)}.hero-copy{max-width:42rem;color:var(--muted-strong);font-size:clamp(.98rem,1.5vw,1.08rem);line-height:1.65}.home-dashboard{grid-template-columns:minmax(17rem,22rem) minmax(0,1fr);min-height:calc(100vh - 4rem);display:grid}.category-sidebar{border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface) 78%, transparent);align-content:start;gap:1.4rem;padding:clamp(1rem,2.4vw,2rem);display:grid}.category-sidebar-header{gap:.65rem;display:grid}.category-sidebar-header h1{margin:0;font-size:clamp(1.55rem,2.4vw,2.35rem);line-height:1.12}.category-sidebar-header p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.65}.category-list{gap:.45rem;display:grid}.category-button{border-radius:var(--radius);width:100%;min-height:2.9rem;color:var(--muted-strong);text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:.75rem;padding:0 .85rem;font-weight:760;display:flex}.category-button strong{min-width:2rem;color:var(--muted);background:color-mix(in srgb, var(--bg-soft) 70%, transparent);text-align:center;border-radius:999px;padding:.18rem .45rem;font-size:.8rem}.category-button:hover,.category-button.is-active{border-color:color-mix(in srgb, var(--primary) 32%, var(--border));color:var(--primary-strong);background:var(--primary-soft)}.category-button.is-active strong{color:#fff;background:var(--primary)}.tool-browser,.tool-page{gap:1rem;display:grid}.home-dashboard .tool-browser{align-content:start;padding:clamp(1rem,2.4vw,2rem);overflow:auto}.section-heading,.panel-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-heading p,.tool-header p{color:var(--muted);margin-bottom:0;line-height:1.7}.section-copy{max-width:48rem;margin-top:.35rem}.tool-count{border:1px solid var(--border);color:var(--muted-strong);background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:999px;flex:none;padding:.5rem .75rem;font-size:.9rem;font-weight:650}.search-box{color:var(--muted-strong);gap:.55rem;font-weight:700;display:grid}.search-box input{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:var(--surface);box-shadow:0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent);outline:none;min-height:3.6rem;padding:0 1.1rem;font-size:1rem}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;display:grid}.home-dashboard .tools-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));align-content:start}.tool-card{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 92%, transparent);min-height:9.5rem;box-shadow:0 1px 0 color-mix(in srgb, var(--surface) 90%, transparent);grid-template-columns:auto 1fr auto;align-items:start;gap:1rem;padding:1.15rem;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.tool-card:hover{border-color:color-mix(in srgb, var(--primary) 42%, var(--border));box-shadow:var(--shadow);transform:translateY(-2px)}.tool-icon{border-radius:var(--radius);width:2.6rem;height:2.6rem;color:var(--primary-strong);background:var(--primary-soft);font-family:var(--mono);place-items:center;font-weight:800;display:inline-grid}.tool-card-content{gap:.55rem;display:grid}.tool-card-content strong{font-size:1.08rem}.tool-card-content span{color:var(--muted);line-height:1.65}.tool-card-content small{color:var(--primary-strong);font-size:.84rem;line-height:1.5}.tool-arrow{color:var(--primary-strong);font-size:1.25rem}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted);text-align:center;padding:1.5rem}.tool-header{gap:.8rem;max-width:54rem;display:grid}.tool-header h1{margin-bottom:.55rem;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.08}.tool-header p{max-width:46rem}.back-link{width:fit-content;color:var(--primary-strong);font-weight:760;text-decoration:none}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 92%, transparent);min-width:0;box-shadow:0 1px 0 color-mix(in srgb, var(--surface) 80%, transparent);padding:1rem}.panel h2{margin-bottom:0;font-size:1rem}.panel-actions{flex-wrap:wrap;margin-top:1rem}.status-message{min-height:1.5rem;color:var(--muted);margin:.85rem 0 0}.status-message[data-state=error]{color:var(--danger)}.status-message[data-state=success]{color:var(--primary-strong)}.json-editor{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:34.9rem;min-height:34.9rem;margin-top:1rem;overflow:hidden}.json-editor-input,.json-editor-output{height:34.9rem}.json-editor .jsoneditor{font-family:var(--mono);border:0}.json-editor .jsoneditor-menu{background:var(--primary);border-bottom:1px solid var(--primary)}.json-editor .jsoneditor-tree,.json-editor .jsoneditor textarea.jsoneditor-text{background:var(--surface);color:var(--text)}.json-editor .jsoneditor-field,.json-editor .jsoneditor-value,.json-editor .jsoneditor-readonly,.json-editor .jsoneditor-schema-error,.json-editor div.jsoneditor td,.json-editor div.jsoneditor th,.json-editor div.jsoneditor textarea,.json-editor div.jsoneditor-field,.json-editor div.jsoneditor-value{font-family:var(--mono)}:root[data-theme=dark] .json-editor .jsoneditor{background:var(--surface);color:var(--text)}:root[data-theme=dark] .json-editor .jsoneditor-tree,:root[data-theme=dark] .json-editor .jsoneditor textarea.jsoneditor-text{color:var(--text);background:#111820}:root[data-theme=dark] .json-editor .jsoneditor-field{color:#7dd3fc}:root[data-theme=dark] .json-editor .jsoneditor-string{color:#a7f3d0}:root[data-theme=dark] .json-editor .jsoneditor-number{color:#f9d68c}:root[data-theme=dark] .json-editor .jsoneditor-boolean,:root[data-theme=dark] .json-editor .jsoneditor-null{color:#f0abfc}.content-section{gap:.75rem;max-width:56rem;padding-top:.5rem;display:grid}.content-section h2{margin-bottom:0}.content-section p{color:var(--muted);margin-bottom:0;line-height:1.75}.feature-list{color:var(--muted-strong);gap:.6rem;margin:0;padding-left:1.2rem;line-height:1.65;display:grid}.feedback-entry{z-index:30;border:1px solid color-mix(in srgb, var(--primary) 38%, var(--border));color:#fff;background:var(--primary);min-height:3rem;box-shadow:var(--shadow);border-radius:999px;padding:0 1rem;font-weight:800;position:fixed;bottom:1.25rem;right:1.25rem}.bookmark-nudge{z-index:29;border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 96%, transparent);width:min(100% - 2rem,30rem);box-shadow:var(--shadow);opacity:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.9rem;transition:opacity .22s,transform .22s;display:grid;position:fixed;bottom:5rem;right:1.25rem;transform:translateY(.75rem)}.bookmark-nudge[data-visible=true]{opacity:1;transform:translateY(0)}.bookmark-nudge-content{gap:.25rem;display:grid}.bookmark-nudge-content strong{color:var(--text);font-size:.98rem}.bookmark-nudge-content p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.bookmark-nudge-actions{align-items:center;gap:.45rem;display:flex}.feedback-modal{z-index:40;background:#0f17207a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.feedback-modal[hidden]{display:none}.feedback-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(100%,34rem);box-shadow:var(--shadow);padding:1rem}.feedback-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.feedback-header h2{margin:0;font-size:1.2rem}.feedback-form{gap:.9rem;display:grid}.feedback-form label{color:var(--muted-strong);gap:.45rem;font-weight:700;display:grid}.feedback-form input,.feedback-form textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:var(--surface);outline:none}.feedback-form input{min-height:2.8rem;padding:0 .85rem}.feedback-form textarea{resize:vertical;padding:.8rem;line-height:1.6}.feedback-form input:focus,.feedback-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)}.modal-open{overflow:hidden}@media (width<=820px){.home-dashboard{min-height:auto}.app-shell:has(.home-dashboard){min-height:auto}.app-shell:has(.home-dashboard) main{min-height:auto}.home-dashboard{grid-template-columns:1fr}.category-sidebar{z-index:5;border-right:0;border-bottom:1px solid var(--border);position:sticky;top:3.6rem}.category-sidebar-header{display:none}.category-list{gap:.5rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.category-button{white-space:nowrap;flex:none;width:auto}.workspace{grid-template-columns:1fr}.section-heading,.panel-header{flex-direction:column;align-items:flex-start}.json-editor{height:22rem;min-height:22rem}}@media (width<=560px){.topbar{min-height:3.6rem;padding-inline:1rem}.brand span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.app-shell{width:min(100% - 1rem,1440px);padding-top:1.4rem}.hero{min-height:9rem}.tool-card{min-height:auto}.button-row{gap:.45rem}.button{padding-inline:.75rem}.bookmark-nudge{grid-template-columns:1fr;width:calc(100% - 1.5rem);bottom:4.5rem;right:.75rem}.bookmark-nudge-actions{justify-content:flex-end}}