:root{--bg:#fff;--surface:#fff;--subtle:#f7f8fa;--sidebar:#f7f8fb;--text:#222a3d;--muted:#6d7687;--border:#e7eaf0;--primary:#4c60d9;--primary-soft:#eceffd;--success:#348367;--shadow:0 4px 18px #1a234408;--radius:12px;--editor:#fff;--danger:#bd3c4c;color-scheme:light;font-size:16px}[data-theme=dark]{--bg:#151820;--surface:#1b1f29;--subtle:#202530;--sidebar:#191d27;--text:#e6e9f4;--muted:#a0a8ba;--border:#303645;--primary:#99a8ff;--primary-soft:#2b3559;--success:#7cdbb2;--shadow:0 4px 18px #0002;--editor:#1b1f29;--danger:#ff9aa8;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,system-ui,sans-serif;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none}a,button{color:inherit}a{text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:3px}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:2.3rem;letter-spacing:-1.3px;line-height:1.25}h2{font-size:1.3rem;letter-spacing:-.5px;line-height:1.35}h3{font-size:1rem;line-height:1.5}kbd,p{color:var(--muted)}kbd{font-size:.75rem;font-family:inherit;border:1px solid var(--border);border-radius:4px;padding:1px 5px;white-space:nowrap}.skip-link{position:fixed;inset-block-start:-100px;inset-inline-start:20px;background:var(--primary);color:white;padding:12px;z-index:100}.skip-link:focus{inset-block-start:8px}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;position:fixed;inset-block:0;inset-inline-start:0;display:flex;flex-direction:column;background:var(--sidebar);border-inline-end:1px solid var(--border);padding:30px 18px 16px;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding-inline:9px;font-size:1.7rem;letter-spacing:-1px;font-weight:750}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:#4c60d9;color:white;border-radius:9px;box-shadow:0 3px 8px #4c60d922}.brand-dot{color:var(--primary)}.sidebar-caption{font-size:.75rem;font-weight:700;letter-spacing:1px;color:var(--muted);padding:11px 10px 26px}.sidebar-search{height:40px;border:1px solid var(--border);background:var(--surface);border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:.875rem;color:var(--muted);margin-bottom:24px}.sidebar-search span{flex:1 1;text-align:start}.sidebar-search kbd{border:0;padding:0}.category-nav,.main-nav{display:flex;flex-direction:column;gap:4px}.main-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;font-size:.875rem;border-radius:7px;color:var(--muted)}.category-nav a:hover,.main-nav a:hover{background:var(--border);color:var(--text)}.main-nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-count{margin-inline-start:auto;font-size:.75rem;background:var(--surface);padding:0 5px;border-radius:4px}.nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin:29px 12px 12px;font-weight:600}.category-nav a{display:flex;align-items:center;gap:12px;font-size:.875rem;padding:8px 12px;border-radius:6px;color:var(--muted)}.category-nav a>svg:last-child{margin-inline-start:auto;opacity:0}.category-nav a:hover>svg:last-child{opacity:1}.category-nav a.category-active{background:var(--primary-soft);color:var(--text)}.sidebar-bottom{margin-top:auto;padding-top:30px}.privacy-mini{border:1px solid var(--border);border-radius:9px;padding:14px;background:var(--surface)}.privacy-symbol{color:var(--success);display:block;margin-bottom:8px}.privacy-mini strong{font-size:.875rem;display:block}.privacy-mini p{font-size:.75rem;margin:3px 0 9px}.privacy-mini a{gap:4px}.privacy-mini a,.version{font-size:.75rem;display:flex;align-items:center;color:var(--muted)}.version{gap:6px;padding:20px 8px 0}.version svg{margin-inline-start:auto}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#44a482;flex-shrink:0}.main-shell{width:calc(100% - 248px);margin-inline-start:248px;min-width:0;display:flex;flex-direction:column}.topbar{height:72px;padding:0 40px;border-bottom:1px solid var(--border);justify-content:space-between;gap:20px}.breadcrumbs,.topbar{display:flex;align-items:center}.breadcrumbs{gap:12px;font-size:.875rem;color:var(--muted);min-width:0}.breadcrumbs strong{font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{gap:9px}.header-actions,.local-header{display:flex;align-items:center}.local-header{gap:7px;font-size:.75rem;color:var(--muted);margin-inline-end:16px;white-space:nowrap}.header-divider{height:17px;width:1px;background:var(--border);margin:0 3px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;color:var(--muted)}.icon-btn:hover{color:var(--text);background:var(--subtle)}.english-button{font-size:.875rem;font-weight:600;padding:8px}.mobile-only{display:none}main{flex:1 1;min-width:0}.catalog-page{max-width:1460px;padding:42px 44px 24px;margin:auto}.discovery{max-width:790px;margin:6px auto 32px;text-align:center}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:1.7px;color:var(--muted);display:flex;gap:7px;align-items:center;justify-content:center;margin-bottom:16px}.discovery h1{font-size:2.25rem;letter-spacing:-1.3px}.discovery>p{margin:10px 0 25px;font-size:1rem}.hero-search{display:flex;align-items:center;padding:0 18px;border:1px solid #d9dee8;box-shadow:0 3px 10px #27367507;border-radius:10px;height:60px;gap:13px;background:var(--surface);text-align:start;color:var(--muted)}.hero-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.hero-search input{border:0;background:none;min-width:0;flex:1 1;outline:0;font-size:1rem;color:var(--text);height:100%}.hero-search input:focus-visible{outline:0}.hero-search kbd{border:0;background:var(--subtle);padding:3px 6px}.search-suggestions{justify-content:center;gap:10px;margin-top:12px;flex-wrap:wrap}.search-suggestions,.search-suggestions button{display:flex;align-items:center;font-size:.75rem;color:var(--muted)}.search-suggestions button{gap:5px;border:1px solid var(--border);border-radius:4px;padding:3px 7px}.category-filters{display:flex;align-items:center;gap:6px;padding:0 0 22px;border-bottom:1px solid var(--border);flex-wrap:wrap}.category-filters button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.875rem;padding:7px 11px;border:1px solid var(--border);border-radius:6px;color:var(--muted);white-space:nowrap}.category-filters button.selected{background:var(--text);border-color:var(--text);color:var(--surface)}.category-filters button:hover{border-color:var(--primary)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:27px 0 19px}.section-heading h2{font-size:1.125rem;letter-spacing:-.25px}.section-heading p{font-size:.875rem;margin-top:3px}.section-heading>a{font-size:.875rem;display:flex;align-items:center;gap:7px;color:var(--muted);white-space:nowrap}.section-heading>a:hover{color:var(--primary)}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-card{border:1px solid var(--border);border-radius:10px;transition:border-color .15s,transform .15s;overflow:hidden;background:var(--surface);position:relative;padding:16px 17px 0}.tool-card:hover{border-color:#bcc5eb;transform:translateY(-2px);box-shadow:var(--shadow)}.card-top{display:flex;align-items:center;justify-content:space-between}.tool-icon{width:38px;height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.favorite-button{width:32px;height:32px;border-radius:5px;color:#99a4b8;position:relative;z-index:2;display:grid;place-items:center}.favorite-button:hover{background:var(--subtle);color:var(--primary)}.favorite-button.is-favorite{color:#b27e1b}.card-link{display:block}.card-link:after{content:"";position:absolute;inset:0}.card-link h3{font-size:.9375rem;margin-top:12px;font-weight:600;letter-spacing:-.15px}.card-link p{font-size:.875rem;line-height:1.65;margin:5px 0 15px;min-height:66px;max-width:260px}.card-bottom{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--muted);padding:11px 0}.card-bottom svg{color:#8996ac}.recent-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.875rem;margin-top:18px;color:var(--muted)}.recent-strip>a,.recent-strip>span{display:flex;gap:5px}.recent-strip>a{align-items:center;border:1px solid var(--border);padding:3px 7px;border-radius:5px;color:var(--text)}.editor-feature{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;padding:30px 32px;background:var(--subtle);border:1px solid var(--border);border-radius:12px;margin-top:33px;overflow:hidden;align-items:center}.editor-feature .eyebrow{justify-content:flex-start;font-size:.75rem;margin-bottom:10px;color:var(--primary)}.editor-feature h2{font-size:1.75rem;line-height:1.2;letter-spacing:-.8px}.editor-feature p{font-size:.875rem;max-width:320px;margin:10px 0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border:1px solid var(--border);border-radius:7px;font-size:.875rem;font-weight:500;background:var(--surface);min-height:40px}.btn:hover{color:var(--primary)}.btn.primary,.btn:hover{border-color:var(--primary)}.btn.primary{background:var(--primary);color:var(--bg)}:root:not([data-theme=dark]) .btn.primary{color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--danger)}.feature-editor{background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:0 12px 20px #17295008;transform:rotate(-1deg);overflow:hidden;direction:ltr}.feature-editor-bar{border-bottom:1px solid var(--border);padding:11px;display:flex;align-items:center;gap:5px}.feature-editor-bar i{width:7px;height:7px;border-radius:50%;background:#e2e5ed}.feature-editor-bar i:first-child{background:#e3a299}.feature-editor-bar i:nth-child(2){background:#e5c884}.feature-editor-bar i:nth-child(3){background:#a0c8b1}.feature-editor-bar span{margin-inline-start:auto;margin-inline-end:auto;color:var(--muted);font-family:monospace;font-size:.75rem}.feature-editor-body{padding:19px 14px;display:grid;grid-template-columns:20px 1fr;gap:3px 10px;font-family:monospace;font-size:.8125rem;line-height:1.6;overflow:auto;white-space:nowrap}.line-no{color:#98a1b3}.code-purple{color:#9563ba}.code-blue{color:#4b72b5}.cursor{display:inline-block;height:12px;width:1px;background:var(--primary);vertical-align:middle}.feature-editor-status{font-size:.75rem;padding:7px 10px;border-top:1px solid var(--border);color:var(--muted);display:flex;align-items:center;gap:5px}.feature-editor-status>span:last-child{margin-inline-start:auto}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0 8px}.trust-row>div{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--muted)}.trust-row strong{font-size:.875rem;display:block;font-weight:500;color:var(--text)}.trust-row small{font-size:.75rem;display:block;margin-top:2px}.site-footer{font-size:.75rem;color:var(--muted);display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--border);padding:20px 44px}.site-footer>span:nth-child(2){display:flex;align-items:center;gap:6px}.command-dialog,.language-dialog{border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);padding:0;box-shadow:0 25px 80px #0003;max-height:85vh;overflow:auto}.command-dialog{width:min(640px,calc(100% - 32px));margin:14vh auto auto}.language-dialog{width:min(430px,calc(100% - 32px));padding:22px}.command-dialog::backdrop,.language-dialog::backdrop{background:#13192c66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-search{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border)}.dialog-search input{flex:1 1;min-width:0;border:0;background:none;color:var(--text);outline:0}.command-results{padding:8px}.command-results a{display:flex;align-items:center;gap:14px;padding:12px;border-radius:7px}.command-results a.selected{background:var(--primary-soft)}.command-results a>span{flex:1 1}.command-results strong{display:block;font-size:.875rem}.command-results small{display:block;font-size:.75rem;color:var(--muted)}.dialog-footer{padding:10px 18px;font-size:.75rem;color:var(--muted);border-top:1px solid var(--border)}.dialog-footer,.dialog-title{display:flex;justify-content:space-between}.dialog-title{align-items:center;margin-bottom:18px}.field-input{display:block;width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:10px 12px;min-width:0;font-size:1rem}.language-list{display:grid;gap:4px;margin:12px 0}.language-list button{padding:10px 9px;display:flex;align-items:center;justify-content:space-between;border-radius:6px}.language-list button:hover{background:var(--subtle)}.language-hint{padding:8px 30px;background:var(--primary-soft);display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--primary)}.muted{font-size:.875rem;color:var(--muted)}.empty-state{text-align:center;padding:45px 20px;grid-column:1/-1}.empty-state>svg{color:var(--muted);margin-bottom:10px}.empty-state h2{margin-bottom:8px}.empty-state p{margin-bottom:16px}.empty-small{padding:20px;text-align:center}.load-more{display:flex;margin:25px auto}.document-page{max-width:850px;padding:50px;margin:auto}.document-page h2{margin-top:30px;margin-bottom:8px}.document-page p{margin-top:16px}.tool-page{max-width:1500px;margin:auto;padding:30px 38px}.tool-page>p{margin:10px 0 25px}.work-surface{border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow:hidden}.initial-editor{width:100%;min-height:450px;padding:20px;border:0;font-family:monospace;resize:vertical;background:var(--surface);color:var(--text)}@media(min-width:1700px){.catalog-page{padding-top:54px}.discovery{margin-bottom:40px}.tool-card{padding:20px 20px 0}.card-link h3{font-size:1rem}.card-link p{min-height:48px}}@media(max-width:1200px){.sidebar{width:224px}.main-shell{margin-inline-start:224px;width:calc(100% - 224px)}.catalog-page{padding:35px 28px 22px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{padding:0 28px}.local-header{display:none}.editor-feature{gap:20px;padding:26px}.trust-row small{max-width:150px}.site-footer{padding:18px 28px}.sidebar-caption{font-size:.75rem;letter-spacing:.4px}}@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:248px}[dir=rtl] .sidebar{transform:translateX(100%)}.sidebar.is-open{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;background:#10182977;z-index:29}.main-shell{margin-inline-start:0;width:100%}.mobile-only{display:inline-flex}.topbar{height:62px;padding:0 18px}.breadcrumbs{gap:8px}.catalog-page{padding:30px 24px 20px}.tool-page{padding:25px 20px}.trust-row small{max-width:none}}@media(max-width:600px){.catalog-page{padding:26px 18px 18px}.discovery{margin-top:5px}.discovery h1{font-size:1.9rem}.hero-search{height:54px;padding:0 13px;gap:8px}.hero-search input{font-size:.9375rem}.hero-search kbd{display:none}.category-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:16px;scrollbar-width:none;margin-inline:-18px;padding-inline:18px}.category-filters button{min-height:40px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{padding:13px 13px 0}.tool-icon{height:35px;width:35px}.card-link h3,.card-link p{font-size:.875rem}.card-link p{min-height:88px;line-height:1.6}.section-heading{align-items:start}.section-heading>a{font-size:.75rem}.section-heading p{max-width:175px}.editor-feature{grid-template-columns:1fr;padding:25px;gap:25px}.editor-feature h2 br{display:none}.editor-feature p{max-width:none}.trust-row{grid-template-columns:1fr;gap:20px;padding:2px 5px 12px}.trust-row>div{justify-content:flex-start}.site-footer{padding:18px;flex-wrap:wrap}.breadcrumbs>span,.breadcrumbs>svg,.site-footer>span:nth-child(2){display:none}.header-actions{gap:4px}.document-page{padding:30px 20px}.tool-page{padding:24px 14px}.tool-page h1{font-size:1.6rem}.dialog-search{padding:10px}.icon-btn{min-width:40px;min-height:40px}.favorite-button{width:36px;height:36px}.feature-editor{transform:none}}@media(max-width:360px){.tool-grid{grid-template-columns:1fr}.card-link p{min-height:auto}.header-divider{display:none}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.8125rem;margin-bottom:22px}.tool-heading{display:flex;align-items:center;gap:14px}.tool-heading-icon{width:52px;height:52px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.tool-heading h1{font-size:1.75rem;letter-spacing:-.7px;margin-top:3px}.tool-kicker{font-size:.75rem;color:var(--muted);text-transform:capitalize;display:flex;gap:8px}.favorite-tool{margin-inline-start:auto;color:var(--muted)}.favorite-tool.is-favorite{color:#b27e1b}.tool-description{font-size:1rem;margin:15px 0 24px!important}.locale-note{font-size:.8125rem;background:var(--subtle);padding:8px 12px;border-radius:6px;margin-bottom:15px!important}.engine-loading{min-height:400px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;color:var(--muted)}.workspace-toolbar{justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--border);background:var(--subtle)}.toolbar-actions,.workspace-toolbar{display:flex;align-items:center;flex-wrap:wrap}.toolbar-actions{gap:7px}.compact-select{min-height:38px;max-width:200px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:5px 8px;border-radius:6px;font-size:.875rem}.editor-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:460px}.editor-pane{min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.editor-pane+.editor-pane{border-inline-start:1px solid var(--border)}.pane-header{min-height:45px;display:flex;align-items:center;gap:10px;padding:6px 14px;border-bottom:1px solid var(--border);font-size:.8125rem}.pane-header strong{font-size:.8125rem;font-weight:600}.language-badge{font-size:.75rem;color:var(--muted)}.pane-header>button{margin-inline-start:auto;font-size:.8125rem;color:var(--muted)}.pane-buttons{display:flex;gap:3px;margin-inline-start:auto}.pane-buttons button{width:32px;height:32px;color:var(--muted);border-radius:5px}.pane-buttons button:hover{background:var(--subtle)}.code-editor{flex:1 1;min-height:400px;height:460px;overflow:auto;background:var(--editor)}.code-editor .cm-editor,.code-editor>.cm-theme,.code-editor>.cm-theme-dark,.code-editor>.cm-theme-light{height:100%}.cm-editor.cm-focused{outline:0}.pane-status{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:32px;padding:5px 12px;border-top:1px solid var(--border);font-size:.75rem;color:var(--muted);background:var(--subtle)}.pane-status>span:first-child{display:flex;align-items:center;gap:4px}.pane-status button{padding:0 4px}.draft-bar{gap:12px;padding:11px 14px;border-top:1px solid var(--border);font-size:.8125rem;flex-wrap:wrap}.draft-bar,.draft-bar label{display:flex;align-items:center}.draft-bar label{gap:7px}.draft-bar input{accent-color:var(--primary);width:15px;height:15px}.draft-bar>span{font-size:.75rem;color:var(--muted)}.draft-bar>button{margin-inline-start:auto;color:var(--muted);font-size:.8125rem}.view-tabs{display:flex;align-items:center;gap:2px;background:var(--subtle);border-radius:6px;padding:3px}.view-tabs button{font-size:.8125rem;border-radius:4px;padding:5px 8px;color:var(--muted)}.view-tabs button.selected{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #0001}.view-tabs button:hover{color:var(--primary)}.result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:400px;flex:1 1;color:var(--muted);padding:25px;text-align:center}.result-empty span{font-size:.8125rem}.result-error{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:25px;color:var(--danger);flex:1 1;word-break:break-word}.result-error p{color:var(--danger);font-size:.9375rem}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.feedback{border:1px solid var(--border);border-radius:7px;padding:10px 13px;margin:12px 0;color:var(--primary);font-size:.875rem;overflow-wrap:anywhere}.error-text{color:var(--danger)}.tool-hint{font-size:.8125rem;line-height:1.65;margin-top:15px}.handoff-strip{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}.handoff-strip>span{font-size:.8125rem;color:var(--muted);margin-inline-end:5px}.handoff-strip .btn,.tool-privacy{font-size:.8125rem}.tool-privacy{display:flex;align-items:center;gap:7px;color:var(--muted);margin:24px 0}.tool-privacy svg{color:var(--success)}.related-tools{border-top:1px solid var(--border);padding-top:22px;margin-top:24px}.related-tools h2{font-size:1.0625rem;margin-bottom:14px}.related-tools>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.related-tools a{display:flex;align-items:center;gap:9px;border:1px solid var(--border);padding:12px;border-radius:8px;font-size:.8125rem}.related-tools a>svg:first-child{color:var(--primary)}.related-tools a>svg:last-child{margin-inline-start:auto}.related-tools a:hover{border-color:var(--primary)}.work-surface:fullscreen{height:100%;display:flex;flex-direction:column;border-radius:0;background:var(--surface)}.work-surface:fullscreen .editor-split{flex:1 1}.work-surface:fullscreen .code-editor{height:calc(100vh - 175px)}.options-strip{display:flex;gap:15px;border-bottom:1px solid var(--border);padding:12px;background:var(--subtle);flex-wrap:wrap}.options-strip>label{flex:1 1;min-width:200px;font-size:.8125rem}.options-strip .field-input{margin-top:6px}.compare-input{min-height:120px;resize:vertical;font-family:monospace}.explorer{flex:1 1;min-height:460px;display:flex;flex-direction:column}.viewer-controls{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--border);flex-wrap:wrap}.viewer-controls input{flex:1 1;min-width:140px;font-size:.8125rem;padding:6px 9px}.viewer-controls button{font-size:.75rem;color:var(--primary);padding:5px}.virtual-view{height:378px;overflow:auto;font-size:.8125rem}.tree-row{display:flex;align-items:center;gap:8px;white-space:nowrap;border-bottom:1px solid var(--border);min-width:100%;width:max-content;padding-inline-end:10px;font-family:ui-monospace,monospace}.tree-row strong{font-weight:500;color:var(--primary)}.tree-value{max-width:280px;overflow:hidden;text-overflow:ellipsis}.tree-row button,.tree-row small{color:var(--muted);font-size:.75rem}.tree-row button{font-family:inherit;padding:3px}.tree-toggle{width:20px}.type-string{color:var(--success)}.type-number{color:#b47736}.virtual-table-head,.virtual-table-row{display:grid;width:100%;min-width:max-content}.virtual-table-head{position:sticky;top:0;z-index:2;background:var(--subtle);height:36px}.virtual-table-head strong,.virtual-table-row span{padding:7px 12px;border-bottom:1px solid var(--border);border-inline-end:1px solid var(--border);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400}.virtual-table-head strong{font-weight:600}.viewer-note{padding:5px 9px;color:var(--muted);font-size:.75rem;border-top:1px solid var(--border);margin-top:auto}.preview-frame{width:100%;height:460px;border:0;background:var(--surface);flex:1 1;min-height:400px}.layout-preview,.layout-source{grid-template-columns:1fr}.layout-preview .editor-pane{border:0}.markdown-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-top:12px;font-size:.8125rem;color:var(--muted)}.markdown-meta summary{cursor:pointer}.markdown-meta details p{font-family:monospace}.responsive-preview{display:flex;justify-content:center;background:var(--subtle);flex:1 1;min-width:0}.color-workspace,.numeric-workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.input-card,.result-card{border:1px solid var(--border);border-radius:12px;padding:28px;background:var(--surface);min-width:0}.input-card h2{font-size:1.125rem;margin-bottom:24px}.numeric-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.numeric-heading h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{min-width:0;display:flex;flex-direction:column;gap:7px;font-size:.875rem}.form-grid label.wide{grid-column:1/-1}.form-grid textarea{min-height:130px;resize:vertical}.result-card{background:var(--primary-soft);border-color:transparent;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:340px}.result-label{font-size:.875rem;color:var(--muted)}.big-result{font-size:2.7rem;line-height:1.3;letter-spacing:-1.3px;margin:10px 0 24px;color:var(--primary);font-weight:600;overflow-wrap:anywhere;width:100%}.result-details{display:flex;flex-direction:column;gap:10px;width:100%;border-top:1px solid #a8b2e73b;padding:18px 0;margin-bottom:18px}.result-details>div{display:flex;justify-content:space-between;gap:12px;font-size:.875rem}.result-details span{color:var(--muted)}.result-details strong{font-weight:500;text-align:end}.formula-note{margin-top:22px;border:1px solid var(--border);background:var(--subtle);border-radius:9px;padding:16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:.875rem}.formula-note code{overflow-wrap:anywhere}.converter-card{border:1px solid var(--border);border-radius:12px;padding:30px}.conversion-inputs{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:20px}.conversion-inputs>label{display:flex;flex-direction:column;gap:12px;font-size:.875rem}.conversion-inputs>label>span{color:var(--muted)}.conversion-output,.large-input{font-size:2.2rem;min-height:78px;display:flex;align-items:center}.conversion-output{padding:12px;background:var(--primary-soft);border-radius:8px;color:var(--primary);overflow-wrap:anywhere;line-height:1.4}.swap-button{background:var(--subtle);border:1px solid var(--border);width:50px;height:50px;border-radius:50%;margin:auto;color:var(--muted)}.conversion-equation{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border);font-size:.9375rem}.unit-reference{margin-top:28px}.unit-reference h2{font-size:1.125rem;margin-bottom:14px}.unit-reference>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 25px}.unit-reference>div>div{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:9px 0;font-size:.875rem}.unit-reference span{color:var(--muted)}.unit-reference strong{text-align:end;font-weight:500}.color-workspace{grid-template-columns:.85fr 1.2fr}.color-field{display:block;margin-bottom:20px;font-size:.875rem}.color-field>div{display:flex;align-items:center;gap:10px;margin-top:8px}.color-field input[type=color]{width:46px;height:44px;border:1px solid var(--border);border-radius:6px;padding:3px;background:var(--surface);cursor:pointer}.color-field .field-input{flex:1 1;font-family:monospace}.range-field{display:block;margin:22px 0;font-size:.875rem}.range-field strong{float:inline-end;font-weight:500}.range-field input{width:100%;display:block;margin-top:12px;accent-color:var(--primary)}.code-result{padding:14px;background:var(--subtle);border:1px solid var(--border);border-radius:8px;margin-top:24px}.code-result pre{font-size:.8125rem;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 15px}.color-preview{border:1px solid var(--border);border-radius:12px;min-height:460px;display:grid;place-items:center;overflow:hidden}.color-preview-label{font-size:2rem;font-family:monospace;text-shadow:0 1px 20px #0002}.contrast-sample{padding:30px}.contrast-sample h2{font-size:2.1rem;line-height:1.3}.contrast-sample p{margin-top:18px}.contrast-sample>strong{display:block;font-size:2.3rem;margin-top:28px}.contrast-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.contrast-badges span{font-size:.8125rem;border:1px solid;border-radius:6px;padding:5px 9px}.shadow-sample{width:65%;min-height:180px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;font-size:1.25rem}.palette-swatches{display:flex;width:100%;height:100%;min-height:460px}.palette-swatches button{flex:1 1;display:flex;align-items:flex-end;justify-content:center;padding:25px 4px;font-family:monospace;font-size:.875rem;writing-mode:vertical-rl}.stack-label{display:flex;flex-direction:column;gap:9px;margin:20px 0;font-size:.875rem}.generator-input{min-height:180px;resize:vertical}.checkbox-list{display:grid;gap:12px;margin:20px 0}.checkbox-list label{font-size:.875rem;display:flex;gap:8px;align-items:center}.checkbox-list input{accent-color:var(--primary);width:16px;height:16px}.qr-preview{max-width:100%;height:auto;align-self:center;margin:18px 0;border-radius:8px}.generated-output{font-family:ui-monospace,monospace;font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;width:100%;margin:20px 0 25px}.password-output{font-size:1.5rem;letter-spacing:.5px;color:var(--primary)}.date-result{font-size:1.7rem;letter-spacing:-.5px}.clock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.clock-grid>div{border:1px solid var(--border);border-radius:9px;padding:18px}.clock-grid span{display:block;font-size:.8125rem;color:var(--muted)}.clock-grid strong{display:block;font-size:1.65rem;font-weight:500;margin-top:8px}.workspace-page{max-width:1150px;margin:auto;padding:42px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;margin:5px 0 28px}.workspace-heading .eyebrow{justify-content:flex-start;margin-bottom:10px}.workspace-heading p{margin-top:13px;font-size:1rem}.workspace-heading>svg{color:var(--primary)}.workspace-actions{display:flex;gap:9px;flex-wrap:wrap}.draft-list{display:grid;gap:12px}.draft-list article{display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:10px;padding:16px}.draft-list .tool-icon{color:var(--primary);background:var(--primary-soft)}.draft-list article>div{flex:1 1;min-width:0}.draft-list h3{font-size:.9375rem}.draft-list p{font-size:.75rem;margin-top:3px}.storage-note{margin:30px 0;border-top:1px solid var(--border);padding-top:25px}.storage-note h2{font-size:1.125rem}.storage-note p{margin-top:10px;font-size:.9375rem}.confirm-copy{margin:18px 0 22px}.ad-slot{min-height:100px;border:1px solid var(--border);display:flex;align-items:flex-start;justify-content:center;margin:25px 0;color:var(--muted);font-size:.75rem}.ad-slot.rail{min-height:300px}@media(max-width:1150px){.tool-page{padding:30px 25px}.workspace-toolbar .btn{font-size:.8125rem}.related-tools>div{grid-template-columns:repeat(2,minmax(0,1fr))}.color-workspace{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.big-result{font-size:2.25rem}.input-card,.result-card{padding:22px}.pane-header{padding:6px 9px;gap:6px}.pane-header .view-tabs button{padding:5px 6px;font-size:.75rem}.conversion-inputs{gap:12px;grid-template-columns:1fr 55px 1fr}}@media(max-width:700px){.editor-split{grid-template-columns:1fr}.editor-pane+.editor-pane{border-inline-start:0;border-top:1px solid var(--border)}.code-editor{height:340px;min-height:300px}.code-editor .cm-editor{min-height:300px!important}.preview-frame{height:400px;min-height:350px}.color-workspace,.numeric-workspace{grid-template-columns:1fr}.color-preview,.palette-swatches{min-height:320px}.numeric-workspace{gap:14px}.result-card{min-height:240px}.form-grid{grid-template-columns:1fr 1fr}.favorite-tool span{display:none}.favorite-tool{padding:8px;min-width:40px}.tool-heading h1{font-size:1.5rem}.tool-heading-icon{width:44px;height:44px}.workspace-toolbar{padding:9px;gap:9px}.draft-bar{gap:7px}.draft-bar>span{width:100%;order:3}.conversion-inputs{grid-template-columns:1fr;gap:12px}.swap-button{transform:rotate(90deg)}.converter-card{padding:22px}.conversion-equation{flex-wrap:wrap}.unit-reference>div{grid-template-columns:1fr}.clock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-page{padding:28px 18px}.workspace-heading>svg{display:none}.workspace-heading h1{font-size:1.75rem}.draft-list article{flex-wrap:wrap;gap:10px}.draft-list article>div{min-width:160px}.draft-list .btn{margin-inline-start:auto}.tool-privacy{align-items:flex-start;font-size:.8125rem}.tool-privacy svg{margin-top:3px}.tool-page{padding:24px 16px}.related-tools a{font-size:.8125rem}.view-tabs button{min-height:34px}.pane-buttons button{width:36px;height:36px}.options-strip>label{min-width:100%}}@media(max-width:420px){.form-grid,.related-tools>div{grid-template-columns:1fr}.tool-heading{gap:10px}.tool-heading h1{font-size:1.35rem}.clock-grid{grid-template-columns:1fr}.work-surface .toolbar-actions .btn{font-size:.75rem;padding:7px 9px}.pane-header .view-tabs button{font-size:.75rem;padding:4px 5px}.breadcrumbs strong{max-width:160px}}@media(max-width:850px){.sidebar{visibility:hidden}.sidebar.is-open{visibility:visible}}.tool-guide{margin:34px 0;padding-top:28px;border-top:1px solid var(--border);max-width:980px;font-size:1rem;line-height:1.75}.tool-guide h2{font-size:1.2rem;margin:25px 0 12px}.tool-guide h3{font-size:.85rem;margin-bottom:8px;color:var(--muted)}.tool-guide p{margin:12px 0}.tool-guide ol{padding-inline-start:24px}.tool-guide li{margin:7px 0}.guide-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-examples section{min-width:0;padding:18px;background:var(--subtle);border:1px solid var(--border);border-radius:9px}.guide-examples pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;line-height:1.6;max-height:340px;overflow:auto;direction:ltr;text-align:left}.tool-directory{margin:0 auto;max-width:1300px;padding:24px 40px 48px}.tool-directory h2{font-size:1.4rem}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:24px}.directory-grid h3{font-size:1rem}.directory-grid p{font-size:.9rem;line-height:1.6;margin:10px 0}.directory-grid ul{padding-inline-start:18px}.directory-grid li{padding:4px 0;font-size:.9rem}.directory-grid a:hover{text-decoration:underline;color:var(--primary)}.data-grid-wrap{width:100%;overflow:auto;max-height:650px;border:1px solid var(--border);margin:14px 0}.data-grid{border-collapse:collapse;font-size:.85rem;width:100%}.data-grid caption{text-align:start;padding:12px;color:var(--muted)}.data-grid td,.data-grid th{border:1px solid var(--border);padding:8px;text-align:start;max-width:400px}.data-grid thead{position:sticky;top:0;background:var(--subtle)}.data-grid input,.data-grid textarea{width:140px;min-width:100px;background:var(--surface);color:var(--text);border:1px solid transparent;border-radius:3px;padding:8px;font:inherit}.data-grid input:focus,.data-grid textarea:focus{border-color:var(--primary);outline:2px solid var(--primary-soft)}.data-grid button{padding:8px;min-width:32px}.data-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto}.sql-results{margin-top:28px}.sql-results h2{font-size:1.2rem;margin:20px 0 12px}.sql-results small{font-size:.8rem;color:var(--muted)}.sql-results details{border:1px solid var(--border);border-radius:8px;padding:14px;margin:8px 0}.sql-results summary{cursor:pointer}.sql-results details pre{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;font-size:.85rem}.options-strip input[type=password]{min-width:min(320px,65vw)}@media(max-width:900px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.directory-grid,.guide-examples{grid-template-columns:1fr}.tool-directory{padding:24px 18px}.tool-guide{font-size:.95rem}}.image-drop{padding:28px;border:2px dashed var(--border);border-radius:12px;text-align:center;margin-bottom:20px;background:var(--subtle)}.image-drop p{margin:12px 0;overflow-wrap:anywhere;font-size:.9rem}.image-options .toolbar-actions{margin-top:22px;flex-wrap:wrap}.image-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.image-result{min-width:0;border:1px solid var(--border);border-radius:12px;padding:18px;background:var(--surface)}.image-result>img{width:100%;height:auto;max-height:400px;object-fit:contain;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 50%/16px 16px}.image-result p{margin:12px 0;font-size:.85rem}.image-result h3{font-size:.9rem;overflow-wrap:anywhere}.image-result pre{font-size:.8rem;white-space:pre-wrap;overflow:auto;max-height:230px;direction:ltr;text-align:left}.image-palette{display:flex;min-height:100px;margin:16px 0}.image-palette>span{flex:1 1;position:relative}.image-palette code{position:absolute;bottom:0;writing-mode:vertical-rl;background:var(--surface);font-size:10px;padding:4px}.image-histogram{display:flex;align-items:flex-end;height:150px;direction:ltr;margin:16px 0}.image-histogram i{flex:1 1;min-width:0;background:var(--primary)}@media(max-width:700px){.image-results{grid-template-columns:1fr}.image-drop{padding:20px 12px}}.file-workspace{min-width:0}.file-drop{padding:28px;border:2px dashed var(--border);border-radius:12px;background:var(--subtle);text-align:center}.file-drop p{margin:12px 0;font-size:.9rem;overflow-wrap:anywhere}.file-drop>span{font-size:.85rem;color:var(--muted)}.file-list{list-style-position:inside;padding:0;display:grid;gap:8px;margin:16px 0;max-height:340px;overflow:auto}.file-list li{display:flex;gap:12px;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:8px;padding:12px}.file-list-name{min-width:0;overflow-wrap:anywhere;font-size:.9rem}.file-list small{display:block;color:var(--muted)}.file-list li>div{display:flex;flex-shrink:0;gap:4px}.file-list .btn{min-width:40px;min-height:42px;padding:6px 12px}.file-options{margin-top:18px}.file-options .toolbar-actions{margin-top:20px}.file-options small{font-size:.8rem;color:var(--muted)}.file-options .file-checkbox{flex-direction:row;align-items:center;grid-column:1/-1}.file-checkbox input{width:18px;height:18px;flex-shrink:0;accent-color:var(--primary)}.file-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.file-results>h2{grid-column:1/-1}.file-result{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:18px;border:1px solid var(--border);border-radius:10px}.file-result-name{font-size:.9rem;overflow-wrap:anywhere;max-width:100%}.file-result>span{color:var(--muted);font-size:.85rem}.file-result>img{width:100%;height:auto;max-height:360px;object-fit:contain;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 50%/16px 16px}.file-report,.file-text-preview{background:var(--subtle);border:1px solid var(--border);border-radius:9px;padding:16px;margin:18px 0}.file-report pre,.file-text-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;font-size:.85rem}.file-report pre{text-align:left}.file-report summary{cursor:pointer}.file-notes{font-size:.9rem;margin:22px 0;overflow-wrap:anywhere}.file-notes p+p{margin-top:10px}@media(max-width:700px){.file-results{grid-template-columns:1fr}.file-drop{padding:20px 12px}.file-options{padding:18px}.file-list li{flex-wrap:wrap}.file-list li>div{margin-inline-start:auto}.file-options .btn{min-height:44px}}.file-page-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.file-table{min-width:0}.file-table td{white-space:pre-wrap;overflow-wrap:anywhere;min-width:80px}.file-table .data-grid-wrap{max-height:560px}.file-table .data-grid th{white-space:nowrap}.file-workspace:has(.file-page-nav) .file-result>img{max-height:850px}.file-workspace:has(.file-page-nav) .file-results{grid-template-columns:1fr}.image-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:16px 0;align-items:start}.image-stage-card,.live-image-preview{min-width:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}.image-stage-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;font-size:13px;border-bottom:1px solid var(--border)}.image-stage-toolbar strong{margin-inline-end:auto}.image-stage-toolbar .btn{padding:6px 9px;min-height:32px}.image-stage-toolbar .segmented{display:flex;flex-wrap:wrap;gap:4px}.image-stage-frame{padding:16px;background:repeating-conic-gradient(#ddd 0 25%,#f5f5f5 0 50%) 50%/16px 16px}.image-stage{position:relative;margin:auto;max-height:560px;-webkit-user-select:none;user-select:none;overflow:hidden;width:100%}.image-stage img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.image-stage.cropping{touch-action:none;cursor:crosshair}.crop-selection{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #0008;cursor:move;outline:1px solid #334155}.crop-selection:focus-visible{outline:3px solid #6366f1}.crop-thirds{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 32.9%,#fff8 33%,#fff8 33.4%,transparent 33.5%,transparent 66%,#fff8 66.1%,#fff8 66.5%,transparent 66.6%),linear-gradient(180deg,transparent 32.9%,#fff8 33%,#fff8 33.4%,transparent 33.5%,transparent 66%,#fff8 66.1%,#fff8 66.5%,transparent 66.6%)}.crop-handle{position:absolute;width:22px;height:22px;border:3px solid white;background:#6366f1;z-index:2;border-radius:4px}.crop-handle.nw{top:0;left:0;cursor:nwse-resize}.crop-handle.ne{top:0;right:0;cursor:nesw-resize}.crop-handle.sw{bottom:0;left:0;cursor:nesw-resize}.crop-handle.se{bottom:0;right:0;cursor:nwse-resize}.crop-size{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);font:12px ui-monospace,monospace;white-space:nowrap;color:white;background:#000b;padding:3px 6px;pointer-events:none}.live-image-preview>img{display:block;max-width:100%;max-height:560px;width:auto;height:auto;object-fit:contain;margin:auto}.image-preview-placeholder{min-height:120px;display:grid;place-items:center}.image-source-tabs{display:flex;gap:6px;overflow-x:auto;margin-top:14px}.image-source-tabs .btn{flex-shrink:0;max-width:240px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.image-adjust{display:flex;flex-direction:column;gap:8px}.image-adjust input[type=range]{width:100%;accent-color:#6366f1;min-height:32px}.crop-precision summary{cursor:pointer;padding:8px 0}.image-stage-card>.tool-hint{padding:8px 12px;margin:0}.image-source-tabs .btn[aria-pressed=true],.segmented .btn[aria-pressed=true]{background:#eef2ff;border-color:#6366f1;color:#4338ca}@media(max-width:900px){.image-preview-grid{grid-template-columns:1fr}.image-stage{max-height:none}.live-image-preview>img{max-height:360px}}.date-primary{display:grid;gap:8px;max-width:420px;margin-block-end:18px}.date-workspace textarea{margin-block-end:20px}.date-results{display:flex;flex-wrap:wrap;gap:14px;margin:0}.date-results>div{flex:1 1 160px;padding:14px;border:1px solid var(--border);border-radius:10px;overflow-wrap:anywhere}.date-results dt{font-size:14px;opacity:.7;margin-block-end:8px}.date-results dd{margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:20px}.date-results .date-results dd{font-size:16px}.date-results-list{display:grid;gap:12px;padding-inline-start:24px}.calendar-table{width:100%;max-width:720px;border-collapse:collapse;table-layout:fixed}.calendar-table caption{font-size:22px;font-weight:650;padding:16px}.calendar-table td,.calendar-table th{padding:14px 4px;text-align:center;border:1px solid var(--border);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.calendar-table th{font-size:14px;opacity:.7}.calendar-table td{height:60px;font-size:18px}.calendar-table td:nth-child(n+6){background:color-mix(in srgb,var(--primary) 6%,transparent)}.clock-workspace{max-width:900px}.clock-workspace fieldset{border:0;padding:0;margin:0}.clock-display{display:block;text-align:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(28px,7vw,76px);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-block:40px;letter-spacing:-.04em}.clock-workspace>.toolbar-actions{justify-content:center}.clock-laps{max-height:320px;overflow:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clock-laps li{padding:8px}.clock-laps span{opacity:.6;margin-inline-start:24px}.column-chooser{border:1px solid var(--border);border-radius:10px;padding:12px}.column-chooser>div{display:flex;align-items:center;gap:8px;padding:5px}.column-chooser label{display:flex;align-items:center;gap:10px;flex:1 1;overflow-wrap:anywhere}.column-chooser small{opacity:.6}.column-chooser .btn{min-width:42px;min-height:42px}.split-file-list{display:flex;flex-wrap:wrap;gap:10px;padding:20px;max-height:500px;overflow:auto}.pdf-page-picker{margin-block:20px;padding:18px;border:1px solid var(--border);border-radius:12px}.pdf-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px;margin-block:18px}.pdf-page-grid article{border:2px solid var(--border);border-radius:10px;overflow:hidden}.pdf-page-grid article.selected{border-color:var(--primary)}.pdf-thumb{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:200px;background:#edf0f5;border:0;padding:10px;cursor:pointer}.pdf-thumb img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 2px 5px #0002}.pdf-selection-mark{position:absolute;inset-inline-end:8px;bottom:8px;background:var(--primary);color:white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.pdf-thumb-controls{display:flex;align-items:center;gap:4px;padding:8px;font-size:14px;flex-wrap:wrap}.pdf-thumb-controls span{flex:1 1}.pdf-thumb-controls .btn{min-width:36px;min-height:36px;padding:4px}.browser-workspace{display:grid;gap:18px;min-width:0;padding:24px}.browser-workspace label{display:grid;gap:8px}.browser-workspace input[type=range]{width:100%;accent-color:var(--primary)}.browser-results{margin:0;display:grid;gap:0;min-width:0}.browser-results>div{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.browser-results dt{font-weight:600;overflow-wrap:anywhere}.browser-results dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:14px}.camera-preview{width:100%;max-height:440px;aspect-ratio:16/9;background:#101622;object-fit:contain;border-radius:12px}.browser-text{width:100%;min-height:180px;resize:vertical;white-space:pre-wrap}.browser-options{display:flex;flex-wrap:wrap;gap:16px}.browser-options label{display:flex;align-items:center}.image-paste-zone{border:2px dashed var(--border);border-radius:12px;padding:48px 24px;text-align:center}.image-paste-zone:focus{outline:2px solid var(--primary);outline-offset:3px}.pasted-image{margin:0;display:grid;gap:12px;justify-items:start}.pasted-image img{max-width:100%;height:auto;max-height:500px;object-fit:contain}.browser-workspace .toolbar-actions{flex-wrap:wrap}@media(max-width:600px){.browser-workspace{padding:16px}.browser-results>div{grid-template-columns:1fr;gap:8px}.image-paste-zone{padding:32px 16px}}.hash-files{list-style:none;padding:0}.hash-files li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.hash-files span{overflow-wrap:anywhere;min-width:0}.hash-results{display:grid;gap:16px}.hash-results article{border:1px solid var(--border);border-radius:12px;padding:18px;min-width:0}.hash-results h3{overflow-wrap:anywhere;margin-top:0}.hash-results output{display:block;overflow-wrap:anywhere;font-family:ui-monospace,monospace;margin:16px 0}.browser-workspace fieldset{display:grid;gap:18px;border:0;padding:0;min-width:0}.color-conversion{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0}.color-native{display:flex;align-items:center;gap:12px;min-width:0}.color-native input[type=color]{width:64px;height:48px;border:0;background:none;padding:0;flex:none}.color-native label{flex:1 1;min-width:0}.color-channel{display:grid;grid-template-columns:48px minmax(40px,1fr) 88px;gap:12px;align-items:center}.color-preview-swatch{display:grid;place-items:center;min-height:160px;border-radius:12px;font-size:24px;font-family:ui-monospace,monospace}.color-conversion dd output{display:block;margin-bottom:8px}.color-palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.palette-tile{display:grid;gap:32px;min-height:144px;border:0;border-radius:12px;padding:18px;text-align:start;cursor:pointer;font:inherit}.palette-tile strong{font-family:ui-monospace,monospace}.palette-tile:focus-visible{outline:3px solid var(--primary);outline-offset:3px}@media(max-width:760px){.color-conversion{grid-template-columns:1fr}.color-channel{grid-template-columns:40px minmax(40px,1fr) 74px;gap:8px}.color-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.archive-browser{display:grid;gap:12px;padding:20px;min-width:0}.archive-browser>label{display:grid;gap:8px}.archive-table th[scope=row]{max-width:360px;min-width:140px;white-space:normal;overflow-wrap:anywhere;text-align:start}.archive-table small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:4px}.archive-table input[type=checkbox]{width:22px;height:22px;cursor:pointer;accent-color:var(--primary)}.archive-table .field-input{min-width:180px}.archive-workspace .file-drop p{overflow-wrap:anywhere}.archive-workspace .toolbar-actions{flex-wrap:wrap}.archive-workspace{min-width:0}.archive-workspace input[type=range]{width:100%;max-width:400px}.archive-table input[type=checkbox]{min-width:22px;padding:0}.archive-table .field-input{width:100%;border:1px solid var(--border);padding:10px}.archive-workspace>.toolbar-actions{margin:12px 0}@media(max-width:640px){.archive-browser{padding:14px}.archive-browser .data-grid-wrap{border:0;max-height:640px}.archive-table,.archive-table tbody{display:block}.archive-table thead{display:none}.archive-table caption{display:block;padding:8px 0}.archive-table tbody tr{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px 10px;border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:12px;background:var(--surface)}.archive-table td,.archive-table th[scope=row]{border:0;padding:0;min-width:0;max-width:none;grid-column:2;overflow-wrap:anywhere}.archive-table td:first-child{grid-column:1;grid-row:1/4;padding-top:2px}.archive-table td[data-label]:before{content:attr(data-label);display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.archive-table .field-input{min-width:0;width:100%;font-size:16px}.archive-table small{font-size:12px}.archive-table input[type=checkbox]{min-width:24px;width:24px;height:24px}}.design-workspace{display:grid;gap:20px;min-width:0}.design-columns{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:20px;align-items:start}.design-columns>*,.design-output{min-width:0}.design-options{display:grid;gap:18px}.design-options>label{display:grid;gap:6px}.design-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.design-field{display:grid;gap:6px;align-content:start;min-width:0}.design-field>span{font-size:.85rem;line-height:1.4;min-height:2.4em}.design-field input[type=range],.svg-workspace input[type=range]{width:100%;accent-color:var(--primary);min-height:32px}.design-preview{display:grid;gap:18px;overflow:hidden}.design-output{display:grid;gap:14px}.design-output textarea,.svg-source{font-family:ui-monospace,monospace;font-size:.85rem;resize:vertical;overflow-wrap:anywhere;min-width:0;width:100%}.design-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.design-swatch{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:120px;padding:14px;border:1px solid #0002;border-radius:12px;min-width:0;overflow-wrap:anywhere}.design-swatch span{font-size:.8rem}.design-swatch strong{font:600 .9rem ui-monospace,monospace;direction:ltr}.design-metric{font-size:1.7rem;direction:ltr}.vision-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vision-comparison>div{display:grid;gap:4px}.vision-comparison .design-swatch{padding:8px;min-height:90px}.radius-stage{display:grid;place-items:center;min-height:320px;background:var(--subtle);border-radius:12px}.radius-sample{width:240px;height:240px;max-width:100%;display:grid;place-items:center;background:#5265d8;color:#fff;text-align:center;padding:20px}.shadow-text-stage{display:grid;place-items:center;min-height:300px;padding:32px;background:#f7f8fb;color:#222a3d;overflow:hidden;border-radius:12px}.shadow-text-stage span{font-size:clamp(24px,4vw,48px);overflow-wrap:anywhere;max-width:100%;text-align:center}.filter-pattern{display:grid;grid-template-columns:repeat(2,1fr);position:relative;min-height:280px;border-radius:16px;overflow:hidden;background:#fff}.filter-pattern i:first-child{background:linear-gradient(45deg,#e75d44,#fed07b)}.filter-pattern i:nth-child(2){background:linear-gradient(135deg,#5265d8,#7fcecc)}.filter-pattern i:nth-child(3){background:linear-gradient(135deg,#263452,#89b184)}.filter-pattern i:nth-child(4){background:linear-gradient(45deg,#fbede0,#bb75a4)}.filter-pattern span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-shadow:0 2px 3px #0008;font-size:2rem;font-weight:700}.fluid-preview{padding:24px;min-height:240px;background:var(--subtle);overflow-wrap:anywhere;line-height:1.3}.type-scale-preview{display:grid;gap:12px}.type-scale-preview>div{display:grid;gap:4px;border-bottom:1px solid var(--border);padding-bottom:12px}.type-scale-preview small{color:var(--muted);direction:ltr}.type-scale-preview span{line-height:1.3;overflow-wrap:anywhere}.bezier-control{display:grid;gap:16px}.bezier-control>p{font-size:.85rem}.bezier-control svg{display:block;width:100%;height:auto;max-height:400px;touch-action:none;direction:ltr;background:var(--subtle);border-radius:12px}.bezier-control svg text{fill:var(--text);font-size:12px}.bezier-control circle{cursor:grab;outline:none}.bezier-control circle:focus-visible{stroke:var(--text);stroke-width:5px}.bezier-track{height:48px;background:var(--subtle);border-radius:8px;overflow:hidden;padding-block:8px}.bezier-dot{height:32px;width:32px;background:var(--primary);border-radius:50%}.svg-source{min-height:300px;line-height:1.6}.svg-preview{min-height:280px;max-height:480px;overflow:auto;border:1px solid var(--border);border-radius:8px;direction:ltr}.svg-preview>img{display:block}.svg-preview>p{padding:20px;color:#555}.svg-workspace .form-grid{align-items:center}.svg-workspace input[type=color]{min-width:44px;min-height:36px}@media(max-width:900px){.design-columns{grid-template-columns:minmax(0,1fr)}}@media(max-width:450px){.design-fields{gap:12px}.design-swatches{grid-template-columns:1fr}.design-swatch{min-height:90px}.vision-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.design-preview{padding:16px}.radius-stage{min-height:280px}}.office-workspace{display:grid;gap:18px;min-width:0}.office-workspace iframe{width:100%;height:680px;border:1px solid var(--border);background:var(--surface);border-radius:10px}.office-workspace textarea{width:100%;resize:vertical}.office-filename{overflow-wrap:anywhere;margin-block:16px}.office-workspace select{background:var(--surface);color:var(--text);padding:8px;border:1px solid var(--border);border-radius:6px}.file-format-directory{display:grid;gap:20px;width:100%;max-width:1300px;margin-inline:auto;padding:32px 40px 48px}.file-format-directory .directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}.file-format-directory article{display:flex;flex-direction:column;gap:12px;margin:0;padding:24px}.file-format-directory article h2{font-size:1.15rem;margin:0}.file-format-directory article p{margin:0}.file-format-directory article .toolbar-actions{margin-top:auto;padding-top:8px}.file-format-directory>.directory-grid{margin-top:0}.file-format-directory>.tool-hint{margin-top:8px}.format-search{display:grid;gap:8px;max-width:640px}.search-capabilities{margin-block:28px;padding:20px;background:var(--subtle);border-radius:12px}.search-capabilities dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 16px}.search-capabilities dd{margin:0;overflow-wrap:anywhere}.search-capabilities a{text-decoration:underline}.search-capabilities ul{padding-inline-start:20px}@media(max-width:700px){.file-format-directory{padding:24px 18px}.file-format-directory h1{font-size:1.65rem}.file-format-directory article{padding:20px}}.page-language-links{max-width:1300px;width:100%;margin:24px auto 0;padding:24px 40px;border-top:1px solid var(--border);font-size:.85rem}.page-language-links>div{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:14px}.page-language-links a{color:var(--muted)}.page-language-links a:hover,.page-language-links a[aria-current=page]{color:var(--primary);text-decoration:underline}@media(max-width:700px){.page-language-links{padding:24px 18px}}