.limits{display:flex;list-style:none;flex-direction:column;gap:8px;margin:0;padding:0}.limits li{display:grid;grid-template-columns:130px minmax(0,1fr)110px;align-items: center;gap:10px;font-size:13.5px}.limits li>.mono{text-align:right}.limits meter{width:100%;height:8px}.diff-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-height:75vh}.diff{border-collapse:collapse;font-family:var(--mono);width:100%;font-size:12.5px;line-height:1.55}.diff-split{table-layout:fixed}.diff-split col,.diff-num{width:46px}.diff td{vertical-align:top;padding:0 8px}.diff-num{color:var(--muted);text-align:right;user-select:none;background:var(--surface-2);font-variant-numeric:tabular-nums}.diff-sign{color:var(--muted);user-select:none;width:18px}.diff-code{white-space:pre-wrap;overflow-wrap:anywhere}.side-del{background:var(--del)}.side-add{background:var(--add)}.hl-del{background:var(--del-strong);color:inherit;border-radius:2px}.hl-add{background:var(--add-strong);color:inherit;border-radius:2px}.diff-fold td{background:var(--surface-2);color:var(--muted);font-family:var(--font);padding:3px 10px;font-size:12px}.diff-inline{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:14px;font-size:13px}.diff-inline .hl-del{text-decoration:line-through}.diff-summary{display:flex;gap:14px;font-weight:560}.add-text{color:var(--success)}.del-text{color:var(--danger)}.diff-same-note{background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:10px 14px;font-weight:560}.tx-options{align-items: flex-end;gap:12px 18px}.tx-highlight{overflow:auto;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;margin:0;font-size:13px;line-height:1.6}.tx-hit{background:var(--accent-soft);color:inherit;box-shadow:inset 0 -2px 0 var(--accent);border-radius:2px}.tx-hit.tx-odd{box-shadow:inset 0 -2px 0 var(--warn)}.tx-empty{display:inline-block;vertical-align:text-bottom;background:var(--accent);width:2px;height:1.1em;margin:0 1px}.tx-hint{color:var(--ink-2);margin-top:4px}.case-list .output-value{white-space:pre-wrap}.input.slugify-max{width:110px}.lines-ops{display:flex;flex-direction:column;gap:14px}.input.lines-num{width:110px}.input.lines-affix{width:140px}.replace-del{text-decoration:line-through}.replace-ins{text-decoration:none}.regex-pattern{display:flex;align-items: center;gap:6px}.regex-pattern .input{flex:1;font-size:15px}.regex-slash{color:var(--muted);white-space:nowrap;font-size:18px}.regex-table{max-height:60vh}.regex-cell{white-space:pre-wrap;overflow-wrap:anywhere}.regex-groups{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;margin:0}.regex-groups>div{display:contents}.regex-groups dt{color:var(--muted)}.regex-groups dd{margin:0}.regex-cheats summary,.morse-chart summary,.nato-table summary{cursor:pointer;color:var(--ink-2);font-size:14px;font-weight:560}.regex-cheats .table{margin-top:8px}.regex-cheats td:first-child{white-space:nowrap;width:1%}.unicode-warn{background:var(--surface-2);border-left:3px solid var(--warn);border-radius:8px;padding:8px 12px;font-size:13.5px}.unicode-table{max-height:70vh}.unicode-table td{white-space:nowrap}.unicode-cont td{border-top:0}.unicode-char{display:inline-flex;background:var(--surface-2);border-radius:6px;justify-content:center;align-items: center;min-width:30px;height:28px;padding:0 4px;font-size:18px;line-height:1}.unicode-char.is-special{border:1px dashed var(--warn);color:var(--warn);font-size:14px}.unicode-flag{background:color-mix(in srgb,var(--warn)8%,transparent)}.unicode-bidi{background:var(--danger-soft)}.unicode-badge{display:inline-block;background:var(--surface-2);color:var(--warn);border-radius:999px;margin-left:6px;padding:1px 6px;font-size:11.5px;font-weight:600}.unicode-badge-bidi{color:var(--danger)}.stack.unicode-norm{gap:4px}.unicode-norm .output-value{white-space:pre-wrap}.input.lorem-count{width:110px}.markdown-preview{overflow:auto;border:1px solid var(--line-strong);background:var(--surface);overflow-wrap:anywhere;border-radius:8px;min-height:200px;max-height:75vh;padding:14px 18px;line-height:1.6}.markdown-preview>*+*{margin-top:.8em}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4{margin-top:1.2em;line-height:1.25}.markdown-preview>:first-child{margin-top:0}.markdown-preview h1{border-bottom:1px solid var(--line);padding-bottom:.2em;font-size:1.7em}.markdown-preview h2{border-bottom:1px solid var(--line);padding-bottom:.2em;font-size:1.35em}.markdown-preview h3{font-size:1.15em}.markdown-preview a{color:var(--accent)}.markdown-preview ul,.markdown-preview ol{margin-bottom:0;padding-left:1.6em}.markdown-preview li+li{margin-top:.2em}.markdown-preview li>input[type=checkbox]{vertical-align:middle;margin:0 .4em 0 -1.3em}.markdown-preview li:has(>input[type=checkbox]){list-style:none}.markdown-preview code{background:var(--surface-2);border-radius:4px;padding:.1em .35em}.markdown-preview pre{overflow:auto;background:var(--surface-2);border-radius:8px;padding:12px 14px;font-size:13px}.markdown-preview pre code{background:0 0;padding:0}.markdown-preview blockquote{border-left:3px solid var(--line-strong);color:var(--ink-2);margin-left:0;margin-right:0;padding-left:14px}.markdown-preview table{border-collapse:collapse;font-size:.93em}.markdown-preview th,.markdown-preview td{border:1px solid var(--line-strong);padding:5px 10px}.markdown-preview th{background:var(--surface-2)}.markdown-preview img{max-width:100%}.markdown-preview hr{border:0;border-top:1px solid var(--line)}.h2md-paste{resize:none;text-align:center;color:var(--muted);border-style:dashed;min-height:0}.cipher-shift{min-width:220px}.cipher-shifts{max-height:50vh}.cipher-preview{font-family:var(--mono);overflow-wrap:anywhere;font-size:12.5px}.cipher-current td{background:var(--accent-soft)}.morse-slider{min-width:200px}.morse-chart dl,.nato-table dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin:10px 0 0}.morse-chart dl>div,.nato-table dl>div{display:flex;border:1px solid var(--line);background:var(--surface);border-radius:7px;align-items:baseline;gap:10px;padding:5px 9px}.morse-chart dt,.nato-table dt{min-width:1.2em;font-weight:640}.morse-chart dd,.nato-table dd{color:var(--ink-2);letter-spacing:.08em;margin:0}.nato-table dd{letter-spacing:0}.nato-options>:first-child{flex:260px;max-width:360px}.nato-cards{display:flex;list-style:none;flex-wrap:wrap;gap:6px;margin:0;padding:0}.nato-card{display:flex;border:1px solid var(--line);background:var(--surface);border-radius:9px;flex-direction:column;align-items: center;gap:2px;min-width:64px;padding:8px 10px}.nato-char{font-size:20px;font-weight:650;line-height:1.1}.nato-word{color:var(--ink-2);text-align:center;font-size:12.5px}.nato-unknown{opacity:.7;border-style:dashed}.nato-gap{width:14px}.input.columns-sep{width:80px}.columns-spec{min-width:260px}.columns-preview{max-height:340px}.columns-preview td{white-space:pre;overflow:hidden;text-overflow:ellipsis;max-width:240px}.columns-preview th{padding:0}.columns-head{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;min-width:36px;padding:6px 10px}.columns-head:hover{color:var(--accent)}.columns-preview .columns-on{background:var(--accent-soft)}.columns-preview th.columns-on{color:var(--accent)}.input.wrap-width,.input.wrap-prefix{width:90px}.regex-table .num{white-space:nowrap;width:1%}.tx-options>.toggle{min-height:38px}.cipher-shifts .num{white-space:nowrap;width:1%}.extract-kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 14px}.extract-kind .badge{margin-left:2px}.emoji-top{align-items: flex-end}.emoji-top>.emoji-search{flex:260px}.emoji-tones button{padding:5px 7px;font-size:18px;line-height:1}.emoji-tabs{display:flex;flex-wrap:wrap;gap:4px}.emoji-tabs button{display:inline-flex;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;align-items: center;gap:6px;padding:6px 10px;font-size:13px}.emoji-tabs button:hover{color:var(--ink);border-color:var(--line-strong)}.emoji-tabs button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}.emoji-layout{display:grid;grid-template-columns:minmax(0,1fr)280px;align-items: start;gap:14px}.emoji-layout>.panel:only-child{grid-column:1/-1}@media (max-width:760px){.emoji-layout{grid-template-columns:minmax(0,1fr)}.emoji-tab-name{display:none}}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));overflow:auto;gap:2px;max-height:60vh}.emoji-cell{aspect-ratio:1;cursor:pointer;font-size:26px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",var(--font);background:0 0;border:1px solid #0000;border-radius:8px}.emoji-cell:hover{background:var(--surface-2)}.emoji-cell.on{border-color:var(--accent);background:var(--accent-soft)}.emoji-detail{position:sticky;align-items: flex-start;top:12px}.emoji-big{font-size:64px;line-height:1.1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",var(--font)}.emoji-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;margin:0;font-size:13px}.emoji-facts dt{color:var(--muted)}.emoji-facts dd{overflow-wrap:anywhere;margin:0}.speech-controls{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items: end;gap:12px 16px}.speech-range{display:flex;align-items: center;gap:8px;min-height:38px}.speech-range input{accent-color:var(--accent);flex:1;min-width:0}.speech-range .mono{text-align:right;min-width:44px}.speech-warn{color:var(--ink-2);margin:0}.speech-text{overflow:auto;white-space:pre-wrap;max-height:50vh;font-size:15px;line-height:1.7}.speech-chunk{background:var(--accent-soft);border-radius:3px}.speech-word{background:var(--accent);color:var(--accent-ink);border-radius:3px}.ascii-art-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.ascii-art-off{opacity:.5}.ascii-art-result .textarea{font-family:var(--mono);line-height:1.2}.numeronym-opts{align-items: flex-end}.numeronym-found{display:flex;flex-direction:column;gap:4px;margin:0;padding-left:18px}.numeronym-hit td{background:var(--accent-soft)}.whitespace-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items: start;gap:18px}.whitespace-toggles{gap:6px}.whitespace-changes{display:flex;flex-wrap:wrap;align-items: center;gap:6px}.readability-scores{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.readability-score{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:6px;padding:12px}.readability-score header{display:flex;justify-content:space-between;align-items: center;gap:8px}.readability-score h3{margin:0;font-size:13.5px;font-weight:640}.readability-score p{color:var(--ink-2);margin:0}.readability-value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:650}.readability-score p.readability-shaky{color:var(--warn)}.tx-highlight .readability-long{background:color-mix(in srgb,var(--warn)18%,transparent);color:inherit;border-radius:2px}.tx-highlight .readability-vlong{background:var(--del);color:inherit;box-shadow:inset 0 -2px 0 var(--danger);border-radius:2px}.readability-text .tx-highlight{font-family:var(--font);font-size:14px}.jwt-part{border-left-width:3px}.jwt-part-header{border-left-color:var(--danger)}.jwt-part-payload{border-left-color:var(--accent)}.jwt-part-signature{border-left-color:var(--warn)}.jwt-json-wrap{position:relative}.jwt-json{overflow:auto;background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-height:420px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.jwt-json-copy{position:absolute;top:4px;right:4px}.jwt-sig{overflow-wrap:anywhere;color:var(--ink-2)}.jwt-verify{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items: start;gap:10px 14px}.jwt-verify>.row{padding-top:24px}@media (max-width:760px){.jwt-verify{grid-template-columns:minmax(0,1fr)}.jwt-verify>.row{padding-top:0}}.jwt-status{font-weight:560}.jwt-valid{color:var(--success)}.jwt-expired{color:var(--danger)}.jwt-early{color:var(--warn)}.jwt-none{color:var(--muted)}.jwt-verdict{color:var(--muted);min-height:1.5em;font-weight:600}.jwt-verdict.ok{color:var(--success)}.jwt-verdict.bad{color:var(--danger)}.uuid-controls{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.uuid-controls .field:has(select){grid-column:span 2}.uuid-info{gap:6px}.uuid-info .output{grid-template-columns:minmax(170px,auto)minmax(0,1fr)auto}.hash-list{display:flex;flex-direction:column;gap:6px}.hash-list .output{grid-template-columns:90px minmax(0,1fr)auto;min-height:44px}.hash-match .output{border-color:var(--success);background:var(--add)}.hash-match .output-label{color:var(--success);font-weight:600}.hash-file{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;padding:10px 12px}.hash-file-name{overflow-wrap:anywhere;font-weight:600}.hash-progress{display:flex;align-items: center;gap:10px}.hash-progress progress{accent-color:var(--accent);flex:1;height:8px}.hash-verdict{font-weight:600}.hmac-key{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items: start;gap:10px 14px}.hmac-key>.row{padding-top:24px}@media (max-width:760px){.hmac-key{grid-template-columns:minmax(0,1fr)}.hmac-key>.row{padding-top:0}}.hmac-list{display:flex;flex-direction:column;gap:6px}.hmac-list .output{grid-template-columns:130px minmax(0,1fr)auto;min-height:44px}.hmac-match .output{border-color:var(--success);background:var(--add)}.hmac-match .output-label{color:var(--success);font-weight:600}.hmac-verdict{font-weight:600}.keypair-warn{color:var(--warn)}.qr-layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(260px,340px);align-items: start;gap:20px}@media (max-width:860px){.qr-layout{grid-template-columns:minmax(0,1fr)}}.qr-side{position:sticky;top:72px}.qr-frame{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:12px}.qr-checker{background-color:var(--surface);background-image:conic-gradient(var(--surface-2)25%,transparent 0 50%,var(--surface-2)0 75%,transparent 0);background-size:16px 16px}.qr-svg{display:block;width:100%;height:auto}.qr-placeholder{display:grid;aspect-ratio:1;border:1.5px dashed var(--line-strong);border-radius:var(--radius);text-align:center;place-items: center;padding:24px;font-size:14px}.qr-warn{color:var(--warn)}.qr-color input[type=color]{width:64px}.qr-color input[type=color]:disabled{opacity:.4;cursor:not-allowed}.qr-toggle-cell{display:flex;align-items: flex-end;min-height:36px;padding-bottom:8px}.qr-source{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);margin:0;padding:8px}.qr-source img{display:block;object-fit:contain;max-width:100%;max-height:360px;margin:0 auto}.data-uri-mime{flex:0 280px}.data-uri-name{flex:0 240px}.data-uri-dl{align-self: flex-end}.data-uri-warn{color:var(--warn)}.data-uri-preview{border:1px solid var(--line);border-radius:var(--radius);background-color:var(--surface);background-image:conic-gradient(var(--surface-2)25%,transparent 0 50%,var(--surface-2)0 75%,transparent 0);background-size:16px 16px;margin:0;padding:12px}.data-uri-preview img{display:block;object-fit:contain;max-width:100%;max-height:420px;margin:0 auto}.password-hash-warn{background:var(--surface-2);color:var(--warn);border-radius:8px;padding:8px 12px}.password-hash-info{overflow-wrap:anywhere;min-height:1.5em}.password-hash-verdict{font-weight:600}.password-result{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);flex-wrap:wrap;align-items: center;gap:10px;padding:14px 14px 14px 16px}.password-result output{overflow-wrap:anywhere;user-select:all;flex:260px;min-width:0;font-size:19px;line-height:1.4}.password-strength{display:flex;flex-direction:column;gap:4px}.password-meter{background:var(--surface-2);overflow:hidden;border-radius:999px;height:8px}.password-meter span{display:block;border-radius:inherit;background:currentColor;height:100%;transition:width .2s}.password-s0{color:var(--danger)}.password-s1{color:var(--warn)}.password-s2{color:var(--ink-2)}.password-s3{color:var(--accent)}.password-s4{color:var(--success)}.password-toggles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 16px}.password-check .input{flex:260px;width:auto}.password-warnings{color:var(--warn);margin:0;padding-left:18px}.base64-binary{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:8px 10px}.base64-binary .small{flex:1;min-width:200px}.base64-file{overflow-wrap:anywhere}.base64-save{align-items: flex-end}.base64-save .field{flex:1;min-width:180px}.base-encodings-all,.url-parser-parts{gap:6px}.url-parser-segments{display:flex;flex-wrap:wrap;align-items: center;gap:6px;padding:0 12px}.url-parser-segments code{background:var(--surface-2);overflow-wrap:anywhere;border-radius:5px;padding:1px 6px}.url-parser-params td{vertical-align:middle;padding:4px 6px}.url-parser-params td:last-child{width:40px}.url-parser-params .input{min-height:32px;padding:5px 8px}.html-entities-note{display:flex;flex-wrap:wrap;gap:4px 12px}.html-entities-unknown{color:var(--warn);overflow-wrap:anywhere}.totp-params{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items: start;gap:12px}.totp-display{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:8px;padding:14px 16px}.totp-main{display:flex;flex-wrap:wrap;align-items: center;gap:12px}.totp-code{letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:650}.totp-bar{background:var(--line);overflow:hidden;border-radius:999px;height:6px}.totp-bar span{display:block;background:var(--accent);height:100%;transition:width 1s linear}.totp-bar-low span{background:var(--danger)}.totp-new{display:flex;flex-wrap:wrap;align-items: flex-start;gap:16px}.totp-new-text{flex:300px;min-width:0}.totp-qr{color:#000;background:#fff;border-radius:8px;flex:none;width:200px;height:200px}.encrypt-key{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items: start;gap:10px 14px}.encrypt-key>.row{padding-top:24px}@media (max-width:760px){.encrypt-key{grid-template-columns:minmax(0,1fr)}.encrypt-key>.row{padding-top:0}}.encrypt-params{display:flex;color:var(--ink-2);align-items: center;min-height:36px}.certificate-card .panel-actions{flex-wrap:wrap}.certificate-table th{white-space:nowrap;vertical-align:top;width:190px}.certificate-table td{overflow-wrap:anywhere}.certificate-list{list-style:none;margin:0;padding:0}.certificate-list li+li{margin-top:2px}.certificate-prints{gap:6px;margin-top:10px}.certificate-prints .output{grid-template-columns:80px minmax(0,1fr)auto}@media (max-width:640px){.certificate-table th{white-space:normal;width:auto}}.basic-auth-warn{color:var(--warn)}.basic-auth-out{gap:6px}.basic-auth-out .output{grid-template-columns:120px minmax(0,1fr)auto}.bip39-warn{border:1px solid var(--warn);border-radius:var(--radius);background:var(--surface-2);color:var(--warn);margin:0;padding:10px 12px;font-weight:560}.bip39-controls{align-items: flex-end}.bip39-hex{flex:320px}.bip39-result{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:10px;padding:12px 14px}.bip39-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));list-style:none;gap:6px 14px;margin:0;padding:0;font-size:15px}.bip39-grid li{display:flex;align-items:baseline;gap:8px}.bip39-grid .muted{text-align:right;min-width:2ch;font-size:12px}.bip39-unknown{color:var(--warn)}.bip39-unknown ul{margin:4px 0 0;padding-left:18px}.safelink-list{gap:8px}.safelink-item{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:6px;padding:10px 12px}.safelink-url{overflow-wrap:anywhere;flex:260px;min-width:0}.safelink-tags{gap:6px}.safelink-original{overflow-wrap:anywhere;text-decoration:line-through}.data-warn{color:var(--warn)}.data-table-wrap{max-height:60vh}.data-table .table td{white-space:pre-wrap;overflow-wrap:anywhere;max-width:420px}.data-table-idx{white-space:nowrap;width:1%}.data-table-sort{display:inline-flex;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items: center;gap:6px;padding:0}.data-table-sort:hover{color:var(--accent)}.data-table-arrow{color:var(--muted);font-size:10px}th[aria-sort=ascending] .data-table-arrow,th[aria-sort=descending] .data-table-arrow{color:var(--accent)}.input.csv-delim,.input.sql-dialect{width:auto}.markdown-table-aligns{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.markdown-table-col-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono)}.markdown-table-preview{max-height:50vh}.markdown-table-preview .table td{white-space:pre-wrap}.markdown-table-preview .markdown-table-align-left{text-align:left}.markdown-table-preview .markdown-table-align-center{text-align:center}.markdown-table-preview .markdown-table-align-right{text-align:right}.input.json-to-ts-root{width:160px}.json-diff-same{background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:10px 14px;font-weight:560}.json-diff-wrap{max-height:65vh}.json-diff-path{white-space:nowrap}.json-diff-val{overflow-wrap:anywhere}.json-diff-badge{display:inline-block;white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600}.json-diff-badge-added{background:var(--add);color:var(--success)}.json-diff-badge-removed{background:var(--del);color:var(--danger)}.json-diff-badge-changed{background:var(--accent-soft);color:var(--accent)}.json-diff-old{background:var(--del);border-radius:3px;padding:0 3px}.json-diff-new{background:var(--add);border-radius:3px;padding:0 3px}.jsonpath-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:3px 9px;font-size:12px}.jsonpath-chip:hover{border-color:var(--accent);color:var(--ink)}.jsonpath-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.jsonpath-results{max-height:60vh}.jsonpath-path{white-space:nowrap}.jsonpath-val{overflow-wrap:anywhere}.env-warnings{margin:0;padding-left:18px;font-size:13.5px}.query-string-pairs{max-height:50vh}.query-string-value{white-space:pre-wrap;overflow-wrap:anywhere}.json-to-code-options{align-items: flex-end}.input.json-to-code-root{width:160px}.json-schema-errors{max-height:50vh}.json-schema-path{white-space:nowrap}.json-schema-msg{overflow-wrap:anywhere}.html-to-jsx-options{align-items: flex-end}.input.html-to-jsx-name{width:180px}.html-to-jsx-warnings,.docker-compose-warnings{margin:0;padding-left:18px;font-size:13.5px}.input.json-tree-search{width:min(320px,100%)}.json-tree-layout{display:grid;grid-template-columns:minmax(0,1.6fr)minmax(0,1fr);align-items: start;gap:16px}@media (max-width:860px){.json-tree-layout{grid-template-columns:minmax(0,1fr)}}.json-tree-panel{overflow:auto;max-height:70vh;padding:8px}.json-tree-side{position:sticky;top:12px}.json-tree,.json-tree ul{list-style:none;margin:0;padding:0}.json-tree ul{border-left:1px solid var(--line);margin-left:11px;padding-left:10px}.json-tree-row{display:flex;border-radius:6px;align-items: center;gap:2px}.json-tree-row:hover{background:var(--surface-2)}.json-tree-row.on{background:var(--accent-soft)}.json-tree-caret{color:var(--muted);text-align:center;cursor:pointer;background:0 0;border:0;flex:none;width:20px;height:22px;padding:0;transition:transform .12s;font-size:11px;line-height:22px}span.json-tree-caret{cursor:default}.json-tree-caret.open{transform:rotate(90deg)}.json-tree-caret:hover{color:var(--ink)}.json-tree-label{display:flex;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:baseline;gap:6px;min-width:0;padding:2px 6px 2px 2px;font-size:13px}.json-tree-key{color:var(--accent);white-space:nowrap}.json-tree-index{color:var(--muted);white-space:nowrap}.json-tree-colon{color:var(--muted);margin-left:-5px}.json-tree-count{white-space:nowrap}.json-tree-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.json-tree-string{color:var(--success)}.json-tree-number{color:var(--warn)}.json-tree-boolean,.json-tree-null{color:var(--danger)}.json-tree-type{background:var(--surface-2);color:var(--muted);font-family:var(--font);border-radius:999px;flex:none;margin-left:auto;padding:0 7px;font-size:11px;line-height:18px}.json-tree-row.hit .json-tree-type{background:var(--accent-soft);color:var(--accent)}.json-tree mark{background:color-mix(in srgb,var(--warn)30%,transparent);color:inherit;border-radius:2px}.json-tree-more{padding:2px 0 2px 20px}.input.json-xml-root{width:160px}.json-xml-switch{color:inherit;font:inherit;text-decoration:underline;cursor:pointer;background:0 0;border:0;padding:0}.zp{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0}.zp-list{position:absolute;z-index:20;overflow:auto;border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow);border-radius:9px;max-height:300px;padding:4px;top:calc(100% + 4px);left:0;right:0}.zp-option{display:grid;grid-template-columns:minmax(0,auto)minmax(0,1fr)auto;cursor:pointer;border-radius:6px;align-items:baseline;gap:8px;padding:6px 8px}.zp-option.on{background:var(--accent-soft)}.zp-empty{padding:6px 8px}.zp-city{white-space:nowrap;font-weight:560}.zp-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-now{display:flex;flex-wrap:wrap;align-items: center;gap:6px 10px}.ts-now-value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:24px;font-weight:640}.ts-now-ms{font-variant-numeric:tabular-nums}.ts-list{gap:8px}.ts-list .output-value:not(.mono),.nw-list .output-value:not(.mono){font-family:var(--font);font-size:14.5px}.ts-list .output{grid-template-columns:minmax(120px,34%)minmax(0,1fr)auto}.tz-form{display:grid;grid-template-columns:minmax(0,2fr)minmax(0,1fr)minmax(0,1fr)auto;align-items: end;gap:10px}.tz-warn{color:var(--warn)}.tz-list{display:flex;list-style:none;border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;margin:0;padding:0}.tz-row{display:grid;grid-template-columns:minmax(0,1.4fr)auto minmax(0,1.2fr)minmax(150px,auto);border-bottom:1px solid var(--line);align-items: center;gap:14px;padding:10px 12px}.tz-row:last-child{border-bottom:0}.tz-source{background:var(--accent-soft);border-radius:var(--radius)var(--radius)0 0}.tz-place,.tz-meta{display:flex;flex-direction:column;min-width:0}.tz-place span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tz-clock{display:flex;align-items: center;gap:8px}.tz-time{font-variant-numeric:tabular-nums;font-size:24px;font-weight:640}.tz-dot{background:var(--line-strong);border-radius:50%;width:8px;height:8px}.tz-dot.on{background:var(--success)}.tz-actions{display:flex;justify-content:flex-end;align-items: center;gap:2px}.tz-shift{white-space:nowrap;border-radius:999px;margin-right:6px;padding:2px 8px;font-size:12px;font-weight:560}.tz-shift.ahead{background:var(--accent-soft);color:var(--accent)}.tz-shift.behind{background:var(--surface-2);color:var(--ink-2)}.tz-add{max-width:420px}@media (max-width:760px){.tz-form{grid-template-columns:minmax(0,1fr)minmax(0,1fr)}.tz-form>:first-child{grid-column:1/-1}.tz-row{grid-template-columns:minmax(0,1fr)auto;gap:6px 12px}.tz-actions{grid-column:1/-1;justify-content:flex-start}}.dc-when{display:grid;grid-template-columns:minmax(0,1.3fr)minmax(0,1fr)auto auto;align-items: end;gap:10px}.dc-headline{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:20px}.dc-headline strong{letter-spacing:-.01em;font-weight:640}.dc-parts{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.dc-parts .field:last-child{grid-column:span 2}@media (max-width:560px){.dc-when{grid-template-columns:minmax(0,1fr)minmax(0,1fr)}}.cron-input{flex-wrap:nowrap}.cron-input .input{letter-spacing:.02em;flex:1;font-size:17px}.cron-desc{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;padding:12px 14px;font-size:17px;font-weight:560}.cron-syntax{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px 14px;margin:0}.cron-syntax div{display:flex;gap:8px}.cron-syntax dt{min-width:14px;font-weight:640}.cron-syntax dd{margin:0}.cron-runs{font-variant-numeric:tabular-nums;margin:0;padding:0 0 0 26px}.cron-runs li{border-bottom:1px solid var(--line);padding:5px 0}.cron-runs li:last-child{border-bottom:0}.cron-runs li span:first-child{margin-right:8px}.nb-rows{display:flex;flex-direction:column;gap:8px}.nb-row{display:grid;grid-template-columns:170px minmax(0,1fr)84px;align-items: center;gap:10px}.nb-label{color:var(--ink-2);font-size:13.5px;font-weight:560}.nb-custom{display:flex;align-items: center;gap:8px}.nb-custom .input{width:72px}.nb-bits{white-space:nowrap}@media (max-width:560px){.nb-row{grid-template-columns:minmax(0,1fr)auto}.nb-row>.nb-label{grid-column:1/-1}}.by-input{display:grid;grid-template-columns:minmax(0,2fr)minmax(0,1fr);gap:10px;max-width:480px}.by-readable strong{font-size:18px;font-weight:640}.by-on td{background:var(--accent-soft)}.by-unit{color:var(--ink-2);width:60px}.by-copy{width:1%;vertical-align:middle!important;padding:2px 4px!important}.by-time{letter-spacing:-.01em;font-size:24px;font-weight:640}.ro-input{max-width:420px;font-size:18px}.ro-result{letter-spacing:.04em;overflow-wrap:anywhere;font-size:32px;font-weight:640}.ro-parts{display:flex;flex-wrap:wrap;gap:6px}.ro-part{display:inline-flex;border:1px solid var(--line);background:var(--surface-2);border-radius:8px;flex-direction:column;align-items: center;min-width:46px;padding:5px 9px}.ro-part .mono{font-size:16px;font-weight:640}.nw-input{font-variant-numeric:tabular-nums;max-width:420px;font-size:18px}.nw-list{gap:8px}.nw-list .output{grid-template-columns:104px minmax(0,1fr)auto}.nw-list .output-value{hyphens:auto;font-size:15px;line-height:1.45}.pc-q{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.pc-num{font-variant-numeric:tabular-nums;width:110px}.pc-result{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-height:34px}.pc-result strong{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:640}.un-form{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.5fr)auto minmax(0,1.5fr);align-items: end;gap:10px}.un-value{font-variant-numeric:tabular-nums;font-size:17px}.un-swap{margin-bottom:1px}.un-result{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 14px}.un-result strong{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:650}.un-table td{vertical-align:middle}.un-pick{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.un-pick:hover{color:var(--accent)}.un-on td{background:var(--accent-soft)}.un-from td{background:var(--surface-2)}.un-tag{color:var(--muted);margin-left:8px}.un-copy{width:1%;padding:2px 4px!important}@media (max-width:760px){.un-form{grid-template-columns:minmax(0,1fr)auto}.un-form>:first-child{grid-column:1/-1}.un-form>:nth-child(2),.un-form>:nth-child(4){grid-column:1}.un-swap{grid-row:2/4;grid-column:2;align-self: center}}.ar-size{display:grid;grid-template-columns:minmax(0,1fr)auto minmax(0,1fr);align-items: end;gap:8px}.ar-preview-wrap{display:grid;place-items: center;min-height:176px}.ar-preview{display:grid;border:2px solid var(--accent);background:var(--accent-soft);color:var(--accent);border-radius:6px;place-items: center;min-width:24px;min-height:24px;transition:width .15s,height .15s;font-weight:640}.ar-ratio{display:flex;align-items: center;gap:10px}.ar-ratio strong{letter-spacing:-.01em;font-size:32px;font-weight:680}.web-badge{display:inline-flex;overflow-wrap:anywhere;border-radius:999px;align-items: center;gap:4px;padding:2px 9px;font-size:12.5px;font-weight:560;line-height:1.5}.web-badge-ok{background:var(--add);color:var(--success)}.web-badge-bad{background:var(--danger-soft);color:var(--danger)}.web-badge-warn{background:color-mix(in srgb,var(--warn)14%,transparent);color:var(--warn)}.web-badge-info{background:var(--accent-soft);color:var(--accent)}.web-search{position:relative;display:flex;align-items: center}.web-search .icon{position:absolute;color:var(--muted);pointer-events:none;left:11px}.web-search .input{padding-left:34px}.web-number{display:flex;align-items: center;gap:8px}.web-empty{text-align:center;padding:18px 0}.color-top{display:grid;grid-template-columns:180px minmax(0,1fr);align-items: start;gap:16px}@media (max-width:760px){.color-top{grid-template-columns:minmax(0,1fr)}}.color-hero{display:grid;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--muted);font-family:var(--mono);place-items: center;min-height:150px;font-size:15px;font-weight:600}.color-input{display:flex;gap:8px}.color-input input[type=color]{flex:none}.color-warn{background:color-mix(in srgb,var(--warn)12%,transparent);color:var(--warn);border-radius:8px;padding:8px 12px}.color-formats{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}.color-formats .output{grid-template-columns:52px minmax(0,1fr)auto}.color-scale{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.color-step{display:flex;font:inherit;cursor:pointer;border:0;justify-content:center;align-items: flex-end;min-height:64px;padding:6px 2px;font-size:10.5px}.color-step span{opacity:0;transition:opacity .12s}.color-step:hover span,.color-step.base span{opacity:1}.color-step:focus-visible span{opacity:1}.color-step.base{box-shadow:inset 0 0 0 2px}@media (max-width:760px){.color-scale{grid-template-columns:repeat(6,minmax(0,1fr))}}.color-contrast{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);align-items: start;gap:16px}@media (max-width:760px){.color-contrast{grid-template-columns:minmax(0,1fr)}}.color-preview{display:flex;border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:20px;font-size:15px}.color-preview-large{font-size:24px;line-height:1.2}.color-preview-ui{display:inline-grid;border:2px solid;border-radius:8px;place-items: center;width:36px;height:36px}.color-ratio{display:flex;flex-direction:column}.color-ratio strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:700}.color-wcag td,.color-wcag th{vertical-align:middle}.input.css-units-main{font-size:18px}.css-units-context{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.css-units-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.css-units-results .output{grid-template-columns:44px minmax(0,1fr)auto}.css-units-pick{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.css-units-pick:hover{text-decoration:underline}.chmod-grid th[scope=row]{position:static;background:0 0;font-size:13.5px}.chmod-grid td,.chmod-grid th{vertical-align:middle}.chmod-grid tr:last-child th{border-bottom:0}.chmod-check{accent-color:var(--accent);cursor:pointer;width:18px;height:18px;margin:0}.chmod-specials{display:flex;flex-direction:column;gap:8px}.chmod-opts{justify-content:flex-end;gap:10px}.chmod-words{color:var(--ink-2);margin:0;padding-left:18px}.chmod-presets{display:flex;flex-wrap:wrap;gap:8px}.chmod-preset-label{opacity:.75;font-weight:400}.input.cidr-input{font-size:16px}.cidr-note{background:color-mix(in srgb,var(--warn)12%,transparent);color:var(--warn);border-radius:8px;padding:6px 8px 6px 12px}.cidr-outputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:8px}.cidr-outputs-wide{grid-template-columns:repeat(auto-fill,minmax(min(480px,100%),1fr))}.cidr-outputs .cidr-wide{grid-column:1/-1}@media (max-width:760px){.cidr-outputs{grid-template-columns:minmax(0,1fr)}}.cidr-split-head{display:grid;grid-template-columns:200px minmax(0,1fr);align-items: end;gap:16px}@media (max-width:760px){.cidr-split-head{grid-template-columns:minmax(0,1fr)}}.cidr-table{max-height:420px}.semver-version{display:flex;align-items: center;gap:10px}.semver-version .input{flex:1;font-size:16px}.semver-preid{max-width:320px}.semver-compare{display:grid;grid-template-columns:minmax(0,1fr)48px minmax(0,1fr);align-items: end;gap:10px}.semver-op{display:grid;font-family:var(--mono);color:var(--accent);place-items: center;height:36px;font-size:22px;font-weight:700}.semver-results{display:flex;list-style:none;flex-direction:column;gap:6px;margin:0;padding:0}.semver-results li{display:flex;border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;align-items: center;gap:10px;padding:5px 10px}.input.user-agent-samples{width:auto;max-width:100%}.user-agent-note{background:color-mix(in srgb,var(--warn)12%,transparent);color:var(--warn);border-radius:8px;padding:8px 12px}.user-agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.user-agent-rows{display:flex;flex-direction:column;gap:6px;margin:0}.user-agent-rows>div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px}.user-agent-rows dt{color:var(--muted)}.user-agent-rows dd{text-align:right;overflow-wrap:anywhere;margin:0}.http-status-group{gap:8px}.http-status-list{display:flex;list-style:none;flex-direction:column;gap:6px;margin:0;padding:0}.http-status-item{display:grid;grid-template-columns:58px minmax(0,1fr);border:1px solid var(--line);background:var(--surface);border-radius:9px;gap:12px;padding:10px 12px}.http-status-item p{color:var(--ink-2);margin:2px 0}.http-status-code{text-align:center;background:var(--surface-2);border-radius:6px;align-self: start;padding:3px 0;font-size:15px;font-weight:700}.http-status-1xx .http-status-code{color:var(--muted)}.http-status-2xx .http-status-code{background:var(--add);color:var(--success)}.http-status-3xx .http-status-code{background:var(--accent-soft);color:var(--accent)}.http-status-4xx .http-status-code{background:color-mix(in srgb,var(--warn)14%,transparent);color:var(--warn)}.http-status-5xx .http-status-code{background:var(--danger-soft);color:var(--danger)}.http-status-rare{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;margin-left:8px;padding:0 6px}.mime-controls{display:grid;grid-template-columns:minmax(0,1fr)260px;gap:10px}@media (max-width:760px){.mime-controls{grid-template-columns:minmax(0,1fr)}}.mime-table{max-height:60vh}.mime-type{overflow-wrap:anywhere}.mime-ext{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:5px;margin:0 6px 2px 0;padding:0 6px;font-size:12.5px}.mime-ext:hover{border-color:var(--accent);color:var(--accent)}.ascii-keyzone{display:flex;border:1.5px dashed var(--line-strong);color:var(--ink);font:inherit;border-radius:var(--radius);background:var(--surface-2);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items: center;gap:4px;width:100%;min-height:120px;padding:16px}.ascii-keyzone:focus{outline:none;border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.ascii-bigkey{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:34px;font-weight:700}.ascii-keyinfo dd{overflow-wrap:anywhere;font-size:16px}.ascii-mods{display:flex;flex-wrap:wrap;gap:4px}.ascii-mods kbd{opacity:.45}.ascii-mods kbd.on{opacity:1;border-color:var(--accent);color:var(--accent)}.ascii-history kbd{margin-right:4px}.ascii-table{max-height:65vh}.ascii-table td{vertical-align:middle}.ascii-control td{background:color-mix(in srgb,var(--surface-2)60%,transparent)}.ascii-char{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:copy;border-radius:6px;min-width:34px;padding:1px 6px;font-size:14px;font-weight:600}.ascii-char:hover{border-color:var(--accent)}.gitignore-group{display:flex;flex-direction:column;gap:6px}.gitignore-chips{display:flex;flex-wrap:wrap;gap:6px}.gitignore-chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;padding:4px 11px;font-size:13.5px}.gitignore-chip:hover{border-color:var(--accent)}.gitignore-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:560}.commit-head{display:grid;grid-template-columns:minmax(0,1.3fr)minmax(0,1fr);gap:12px}@media (max-width:760px){.commit-head{grid-template-columns:minmax(0,1fr)}}.commit-desc{display:flex;align-items: center;gap:8px}.commit-desc .input{flex:1}.commit-issues,.meta-tags-warnings{display:flex;list-style:none;flex-direction:column;align-items: flex-start;gap:6px;margin:0;padding:0}.input.validators-input{letter-spacing:.02em;font-size:16px}.validators-out .output{grid-template-columns:minmax(90px,auto)minmax(0,1fr)auto}.meta-tags-color{display:flex;gap:8px}.meta-tags-color input[type=color]{flex:none}.meta-tags-card{overflow:hidden;border:1px solid var(--line-strong);background:var(--surface);border-radius:12px}.meta-tags-image{display:grid;aspect-ratio:1.91;background:var(--surface-2);text-align:center;overflow-wrap:anywhere;place-items: center;padding:12px}.meta-tags-image img{object-fit:cover;width:100%;height:100%}.meta-tags-image:has(img){padding:0}.meta-tags-text{display:flex;border-top:1px solid var(--line);flex-direction:column;gap:3px;padding:10px 14px 12px}.meta-tags-host{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px}.meta-tags-desc{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;color:var(--muted);-webkit-box-orient:vertical;font-size:13.5px}.input.ip-tools-input{font-size:16px}.ip-tools-outputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));gap:8px}.mac-address-end{display:flex;align-items: flex-end;padding-bottom:8px}.mac-address-legend{display:flex;flex-direction:column;gap:4px;margin:0}.mac-address-legend div{display:flex;gap:8px}.mac-address-legend dt{min-width:32px;font-weight:640}.mac-address-legend dd{margin:0}.ipv6-ula-input{flex-wrap:nowrap}.ipv6-ula-input .input{flex:1;min-width:0;font-size:16px}@media (max-width:560px){.ipv6-ula-input{flex-wrap:wrap}}.ipv6-ula-prefix.mono{border-left:3px solid var(--accent);background:var(--accent-soft);overflow-wrap:anywhere;border-radius:0 8px 8px 0;margin:0;padding:14px 16px;font-size:22px;font-weight:640}.ipv6-ula-outputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));gap:8px}.random-port-hero.mono{border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);text-align:center;font-variant-numeric:tabular-nums;margin:0;padding:14px 16px;font-size:40px;font-weight:700;line-height:1.1}.random-port-table{max-height:520px}.git-cheatsheet-select{min-width:220px}.git-cheatsheet-list{display:flex;list-style:none;flex-direction:column;gap:6px;margin:0;padding:0}.git-cheatsheet-item{display:flex;border:1px solid var(--line);background:var(--surface);border-radius:9px;flex-direction:column;gap:6px;padding:10px 12px}.git-cheatsheet-item p{margin:0}.git-cheatsheet-head{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.git-cheatsheet-cmd{display:flex;align-items: flex-start;gap:8px}.git-cheatsheet-cmd pre{background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:7px;flex:1;min-width:0;margin:0;padding:8px 10px;font-size:13px}.email-normalize-options{gap:6px}.email-normalize-table{max-height:520px}.http-headers-cat{min-width:220px}.http-headers-list,.http-headers-findings{display:flex;list-style:none;flex-direction:column;gap:6px;margin:0;padding:0}.http-headers-item{display:flex;border:1px solid var(--line);background:var(--surface);border-radius:9px;flex-direction:column;gap:4px;padding:10px 12px}.http-headers-item p{color:var(--ink-2);margin:0}.http-headers-head{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.http-headers-example{display:flex;align-items: center;gap:8px}.http-headers-example code{background:var(--surface-2);overflow-wrap:anywhere;border-radius:6px;flex:1;min-width:0;padding:4px 8px}.http-headers-finding{display:grid;grid-template-columns:110px minmax(0,1fr);border:1px solid var(--line);background:var(--surface);border-left-width:3px;border-radius:9px;align-items: start;gap:10px;padding:8px 12px}.http-headers-finding p{margin:2px 0 0}.http-headers-bad{border-left-color:var(--danger)}.http-headers-warn{border-left-color:var(--warn)}.http-headers-info{border-left-color:var(--accent)}.http-headers-ok{border-left-color:var(--success)}@media (max-width:560px){.http-headers-finding{grid-template-columns:minmax(0,1fr)}}.curl-convert-warnings{display:flex;list-style:none;flex-direction:column;gap:4px;margin:0;padding:0}.curl-convert-warnings li{display:flex;align-items:baseline;gap:8px}.design-split{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);align-items: start;gap:14px}.design-sticky{position:sticky;top:12px}@media (max-width:860px){.design-split{grid-template-columns:minmax(0,1fr)}.design-sticky{position:static}}.design-color{display:flex;align-items: center;gap:8px}.design-color input[type=color]{flex:none}.design-slider{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items: center;gap:2px 10px}.design-slider input[type=range]{grid-column:1/-1;grid-row:2;width:100%;margin:0}.design-slider-num{grid-column:2;grid-row:1;display:inline-flex;align-items: center;gap:6px}.design-slider-num .input{text-align:right;width:84px;min-height:30px;padding:3px 8px}.design-code{display:flex;flex-direction:column;gap:6px;min-width:0}.design-code-head{display:flex;justify-content:space-between;align-items: center;gap:8px}.design-code pre{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;border-radius:8px;max-height:360px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.design-presets{display:flex;border:0;flex-wrap:wrap;gap:6px;min-inline-size:0;margin:0;padding:0}.design-preset{display:inline-flex;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:8px;align-items: center;gap:8px;padding:5px 10px;font-size:13px}.design-preset:hover{border-color:var(--accent);color:var(--ink)}.design-preset[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.design-preset-thumb{background:var(--accent);border-radius:5px;flex:none;width:22px;height:22px}.box-shadow-layers{display:flex;list-style:none;flex-direction:column;gap:4px;margin:0;padding:0}.box-shadow-layers li{display:flex;border:1px solid var(--line);border-radius:8px;align-items: center;gap:2px;padding:2px}.box-shadow-layers li.on{border-color:var(--accent);background:var(--accent-soft)}.box-shadow-pick{display:flex;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items: center;gap:8px;min-width:0;padding:5px 6px}.box-shadow-pick .mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-shadow-swatch{border:1px solid var(--line-strong);border-radius:4px;flex:none;width:16px;height:16px}.icon.box-shadow-up{transform:rotate(90deg)}.icon.box-shadow-down{transform:rotate(-90deg)}.box-shadow-stage{display:grid;border:1px solid var(--line);border-radius:8px;place-items: center;min-height:280px;padding:40px}.box-shadow-box{aspect-ratio:1;width:min(180px,100%)}.gradient-bar-wrap{position:relative;padding:0 9px 14px}.gradient-bar{border:1px solid var(--line-strong);cursor:copy;border-radius:6px;height:34px}.gradient-marker{position:absolute;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line-strong),0 1px 3px #0000004d;cursor:grab;touch-action:none;border-radius:50%;width:18px;height:18px;margin-left:-9px;padding:0;bottom:2px}.gradient-marker.on{box-shadow:0 0 0 2px var(--accent),0 1px 3px #0000004d}.gradient-stop{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr)auto;align-items: end;gap:12px}@media (max-width:560px){.gradient-stop{grid-template-columns:minmax(0,1fr)auto}}.gradient-preview{border:1px solid var(--line);border-radius:8px;min-height:300px}.border-radius-pair{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);gap:12px}@media (max-width:560px){.border-radius-pair{grid-template-columns:minmax(0,1fr)}}.border-radius-stage{display:grid;border:1px dashed var(--line-strong);background:var(--surface-2);overflow:hidden;border-radius:8px;place-items: center;min-height:300px;padding:24px}.border-radius-box{position:relative;max-width:100%}.border-radius-shape{position:absolute;box-shadow:0 0 0 1px var(--line);inset:0}.border-radius-handle{position:absolute;border:2px solid var(--accent);background:var(--surface);cursor:grab;touch-action:none;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;padding:0}.cubic-bezier-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.cubic-bezier-presets .design-preset{gap:6px;padding:3px 8px 3px 4px;font-size:11.5px}.cubic-bezier-thumb{flex:none;width:18px;height:26px}.cubic-bezier-thumb path{fill:none;stroke:var(--accent);stroke-width:14}.cubic-bezier-graph{display:flex;justify-content:center}.cubic-bezier-box{position:relative;touch-action:none;user-select:none;width:min(300px,100%)}.cubic-bezier-box svg{display:block;overflow:visible;width:100%;height:auto}.cubic-bezier-square{fill:var(--surface-2);stroke:var(--line-strong)}.cubic-bezier-diag{stroke:var(--line-strong);stroke-dasharray:4 4}.cubic-bezier-arm{stroke:var(--muted);stroke-width:1.5}.cubic-bezier-curve{fill:none;stroke:var(--accent);stroke-width:3.5;stroke-linecap:round}.cubic-bezier-handle{position:absolute;border:3px solid var(--accent);background:var(--surface);cursor:grab;touch-action:none;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;padding:0}.cubic-bezier-handle.h1{border-color:var(--warn)}.cubic-bezier-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media (max-width:560px){.cubic-bezier-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}.cubic-bezier-tracks{display:flex;flex-direction:column;gap:10px}.cubic-bezier-track{display:grid;grid-template-columns:80px minmax(0,1fr);align-items: center;gap:10px}.cubic-bezier-lane{position:relative;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:28px}.cubic-bezier-ball{position:absolute;background:var(--accent);animation-name:cubic-bezier-run;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:both;border-radius:50%;width:20px;height:20px;top:3px;left:3px}.cubic-bezier-ball.linear{background:var(--muted)}@keyframes cubic-bezier-run{0%{left:12%}to{left:calc(88% - 20px)}}.clip-path-point,.clip-path-make{display:grid;grid-template-columns:auto minmax(0,1fr)minmax(0,1fr);align-items: end;gap:10px}.clip-path-make{display:flex;flex-wrap:wrap}.clip-path-make .field{flex:90px}.clip-path-point .field-label:first-child{padding-bottom:9px}.clip-path-stage{position:relative;aspect-ratio:1;touch-action:none;user-select:none;cursor:crosshair;width:min(100%,420px);margin:0 auto}.clip-path-sample{position:absolute;background:radial-gradient(circle at 72% 28%,#fde68a 0 9%,#0000 10%),linear-gradient(170deg,#0000 55%,#065f46 55.5% 70%,#0000 70.5%),linear-gradient(195deg,#0000 60%,#047857 60.5%),linear-gradient(#38bdf8 0%,#a5b4fc 45%,#f9a8d4 62%);inset:0}.clip-path-sample.ghost{opacity:.22}.clip-path-overlay{position:absolute;pointer-events:none;overflow:visible;width:100%;height:100%;inset:0}.clip-path-overlay polygon{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.clip-path-handle{position:absolute;display:grid;color:#fff;font:inherit;cursor:grab;background:#18181b;border:2px solid #fff;border-radius:50%;place-items: center;width:22px;height:22px;margin:-11px 0 0 -11px;padding:0;font-size:10px;font-weight:700;box-shadow:0 1px 4px #0006}.clip-path-handle.on{background:var(--accent);color:var(--accent-ink)}.glassmorphism-stage{position:relative;display:grid;overflow:hidden;border-radius:8px;place-items: center;min-height:340px;padding:32px 20px}.glassmorphism-orb{position:absolute;border-radius:50%}.glassmorphism-orb.a{background:linear-gradient(135deg,#facc15,#f97316);width:130px;height:130px;top:14%;left:12%}.glassmorphism-orb.b{background:linear-gradient(135deg,#22d3ee,#6366f1);width:170px;height:170px;bottom:8%;right:8%}.glassmorphism-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;width:min(320px,100%);min-height:180px;padding:22px}.glassmorphism-card strong{font-size:18px}.css-triangle-field{border:0;min-inline-size:0;margin:0;padding:0}.css-triangle-field legend{margin-bottom:5px;padding:0}.css-triangle-dirs{display:grid;grid-template-columns:repeat(3,44px);gap:4px}.css-triangle-dir{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:8px;height:44px;font-size:16px}.css-triangle-dir:hover{border-color:var(--accent)}.css-triangle-dir.on{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.css-triangle-stage{display:grid;border:1px dashed var(--line-strong);background:var(--surface-2);overflow:auto;border-radius:8px;place-items: center;min-height:200px;padding:20px}.svg-placeholder-stage{display:grid;border:1px dashed var(--line-strong);background:var(--surface-2);border-radius:8px;place-items: center;padding:16px}.svg-placeholder-stage img{display:block;width:auto;max-width:100%;height:auto;max-height:420px}.type-scale-group{display:flex;border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;min-inline-size:0;margin:0;padding:10px 12px 12px}.type-scale-group legend{padding:0 4px;font-size:13px;font-weight:640}.type-scale-ratio{display:grid;grid-template-columns:minmax(0,2fr)minmax(0,1fr);gap:8px}.type-scale-misc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media (max-width:760px){.type-scale-misc{grid-template-columns:repeat(2,minmax(0,1fr))}}.type-scale-rows{display:flex;flex-direction:column}.type-scale-row{display:grid;grid-template-columns:170px minmax(0,1fr);border-bottom:1px solid var(--line);align-items:baseline;gap:14px;padding:8px 0}.type-scale-row:last-child{border-bottom:0}.type-scale-row.base .type-scale-meta code{color:var(--accent);font-weight:640}.type-scale-meta{display:flex;flex-direction:column;gap:2px}.type-scale-sample{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.15}@media (max-width:560px){.type-scale-row{grid-template-columns:minmax(0,1fr);gap:4px}}.palette-harmony{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}.palette-harmony .palette-swatch{min-height:110px}.palette-scale{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px}@media (max-width:900px){.palette-scale{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}.palette-swatch{display:flex;font:inherit;text-align:left;cursor:copy;border:0;border-radius:8px;flex-direction:column;justify-content:flex-end;gap:3px;min-width:0;min-height:96px;padding:8px}.palette-swatch.base{box-shadow:inset 0 0 0 2px}.palette-step{font-size:12px;font-weight:700}.palette-hex{overflow:hidden;text-overflow:ellipsis;font-size:11.5px}.palette-contrast{display:flex;flex-wrap:wrap;gap:2px 6px;font-size:11px;font-weight:650}.palette-aa.w{color:#fff}.palette-aa.b{color:#000}.palette-aa.AA18,.palette-aa.fail{text-decoration:line-through;opacity:.75}.image-checker{background-color:var(--surface);background-image:conic-gradient(var(--surface-2)25%,transparent 0 50%,var(--surface-2)0 75%,transparent 0);background-size:16px 16px}.image-preview{border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:10px}.image-preview:not(.image-checker){background-color:var(--surface-2)}.image-preview img,.image-preview canvas{display:block;object-fit:contain;max-width:100%;max-height:420px;margin:0 auto}.image-color-field input[type=color]{width:64px}.image-color-field input[type=color]:disabled{opacity:.4;cursor:not-allowed}.image-toggle-cell{display:flex;align-items: flex-end;min-height:36px;padding-bottom:8px}.image-fieldset{border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:10px 12px 12px}.image-fieldset legend{color:var(--ink-2);padding:0 4px;font-size:13px;font-weight:600}.image-warn{color:var(--warn)}.image-convert-name{display:flex;overflow-wrap:anywhere;align-items: center;gap:10px;min-width:0}.image-convert-thumb{background:var(--surface-2);object-fit:cover;border-radius:6px;flex:0 0 40px;width:40px;height:40px}.image-convert-actions{flex-wrap:nowrap;justify-content:flex-end}.image-resize-layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(260px,340px);align-items: start;gap:20px}@media (max-width:860px){.image-resize-layout{grid-template-columns:minmax(0,1fr)}}.image-resize-frame{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);justify-content:center;padding:12px}.image-resize-stage{position:relative;display:inline-block;overflow:hidden;touch-action:none;user-select:none;max-width:100%;line-height:0}.image-resize-canvas{display:block;width:auto;max-width:100%;height:auto;max-height:70vh}.image-resize-box{position:absolute;outline-offset:3px;cursor:move;touch-action:none;background:0 0;border:1.5px solid #fff;border-radius:0;margin:0;padding:0;box-shadow:0 0 0 1px #00000080,0 0 0 9999px #00000080}.image-resize-box:before,.image-resize-box:after{content:"";position:absolute;pointer-events:none;border-top:1px solid #ffffff73;border-bottom:1px solid #ffffff73;inset:33.33% 0}.image-resize-box:after{border:0;border-left:1px solid #ffffff73;border-right:1px solid #ffffff73;inset:0 33.33%}.image-resize-handle{position:absolute;z-index:1;background:var(--accent);touch-action:none;border:1.5px solid #fff;border-radius:3px;width:14px;height:14px;margin:-7px 0 0 -7px}.image-resize-nw{cursor:nwse-resize;top:0;left:0}.image-resize-n{cursor:ns-resize;top:0;left:50%}.image-resize-ne{cursor:nesw-resize;top:0;left:100%}.image-resize-e{cursor:ew-resize;top:50%;left:100%}.image-resize-se{cursor:nwse-resize;top:100%;left:100%}.image-resize-s{cursor:ns-resize;top:100%;left:50%}.image-resize-sw{cursor:nesw-resize;top:100%;left:0}.image-resize-w{cursor:ew-resize;top:50%;left:0}.exif-layout{display:grid;grid-template-columns:minmax(240px,340px)minmax(0,1fr);align-items: start;gap:20px}@media (max-width:860px){.exif-layout{grid-template-columns:minmax(0,1fr)}}.exif-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 16px;margin:0}.exif-summary dt{color:var(--muted);font-size:12px}.exif-summary dd{overflow-wrap:anywhere;margin:2px 0 0;font-weight:560}.exif-details summary{cursor:pointer;color:var(--accent)}.exif-pre{overflow:auto;background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-height:260px;margin:6px 0 0;padding:8px 10px}.exif-tags{overflow:auto;max-height:560px}.exif-value{overflow-wrap:anywhere}.favicon-layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(260px,340px);align-items: start;gap:20px}@media (max-width:860px){.favicon-layout{grid-template-columns:minmax(0,1fr)}}.favicon-side{position:sticky;top:72px}.favicon-placeholder{display:grid;aspect-ratio:1;border:1.5px dashed var(--line-strong);border-radius:var(--radius);text-align:center;place-items: center;padding:24px;font-size:14px}.favicon-tab{display:flex;border:1px solid var(--line);background:var(--surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:0;border-radius:10px 10px 0 0;align-items: center;gap:8px;max-width:240px;padding:8px 12px;font-size:13px}.favicon-tab img{flex:0 0 16px}.favicon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.favicon-cell{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink-2);cursor:pointer;flex-direction:column;justify-content:flex-end;align-items: center;gap:6px;padding:8px 4px}.favicon-cell:hover{border-color:var(--accent)}.favicon-img{display:grid;border-radius:6px;place-items: center;width:100%;min-height:100px}.favicon-img img{display:block;image-rendering:auto}.image-colors-layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(260px,360px);align-items: start;gap:20px}@media (max-width:860px){.image-colors-layout{grid-template-columns:minmax(0,1fr)}}.image-colors-figure canvas{cursor:crosshair;max-height:70vh}.image-colors-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.image-colors-swatch{display:flex;border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:flex-end;align-items: flex-start;gap:2px;min-height:72px;padding:8px;font-size:13px}.image-colors-swatch:hover{outline:2px solid var(--accent);outline-offset:1px}.color-blind-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.color-blind-card{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;margin:0;padding:10px}.color-blind-card figcaption{display:flex;flex-direction:column;gap:2px}.color-blind-canvas{display:block;border-radius:6px;width:100%;height:auto}.svg-to-png-layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(220px,380px);align-items: start;gap:20px}@media (max-width:860px){.svg-to-png-layout{grid-template-columns:minmax(0,1fr)}}.svg-to-png-preview img{width:100%;height:auto;max-height:380px}.image-base64-layout{display:grid;grid-template-columns:minmax(200px,320px)minmax(0,1fr);align-items: start;gap:20px}@media (max-width:760px){.image-base64-layout{grid-template-columns:minmax(0,1fr)}}.calc-result{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:2px;min-width:0;padding:12px 14px}.calc-result-line{display:flex;flex-wrap:wrap;align-items: center;gap:4px 10px}.calc-result-line strong{letter-spacing:-.01em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:22px;font-weight:640}.calc-formula{display:flex;border-left:3px solid var(--accent);background:var(--surface-2);color:var(--ink-2);border-radius:0 8px 8px 0;flex-direction:column;gap:6px;padding:12px 14px;line-height:1.5}.calc-formula strong{color:var(--ink);font-weight:600}.calc-formula p{margin:0}fieldset.vat-rates,fieldset.tip-presets{border:0;min-width:0;margin:0;padding:0}.calculator-sheet{display:grid;grid-template-columns:minmax(0,1fr)minmax(130px,36%);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);overflow:hidden}.calculator-sheet:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.calculator-input.textarea{resize:vertical;border:0;border-radius:0;min-height:280px;padding:10px 12px;font-size:14px;line-height:24px}.calculator-input.textarea:focus{box-shadow:none}.calculator-results{border-left:1px solid var(--line);background:var(--surface-2);overflow:hidden;padding:10px 12px;font-size:14px;line-height:24px}.calculator-line{overflow:hidden;text-align:right;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;color:var(--accent);height:24px;font-weight:600}.calculator-line.error{font-family:var(--font);color:var(--danger);font-size:12.5px;font-weight:500}.calculator-history{display:flex;overflow:auto;list-style:none;flex-direction:column;gap:4px;max-height:260px;margin:0;padding:0}.calculator-history li{display:flex;align-items: center;gap:4px}.calculator-history-item{display:flex;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;justify-content:space-between;gap:12px;min-width:0;padding:5px 8px;font-size:13px}.calculator-history-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calculator-history-item:hover{border-color:var(--line);background:var(--surface-2)}@media (max-width:560px){.calculator-sheet{grid-template-columns:minmax(0,1fr)minmax(100px,40%)}}.vat-rates{display:flex;flex-wrap:wrap;gap:8px}.vat-rate{display:flex;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:9px;flex-direction:column;align-items: flex-start;gap:1px;padding:7px 12px}.vat-rate:hover{border-color:var(--accent)}.vat-rate.on{border-color:var(--accent);background:var(--accent-soft)}.vat-table .input{min-width:80px}.vat-table td:first-child .input{min-width:140px}.vat-table td{vertical-align:middle}.vat-table .vat-qty{width:70px;min-width:60px}.vat-total td{font-weight:640}.salary-warning{border:1px solid color-mix(in srgb,var(--warn)40%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--warn)10%,transparent);color:var(--ink);padding:10px 14px;font-size:13.5px;line-height:1.5}.salary-warning strong{color:var(--warn);text-transform:uppercase;letter-spacing:.04em;margin-right:4px;font-size:12px}.salary-table th[scope=row]{color:var(--ink);position:static;background:0 0;font-size:13.5px;font-weight:500}.salary-table tr:last-child th{border-bottom:0}.salary-strong td,.salary-strong th[scope=row]{font-weight:680}.salary-periods{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.loan-duration,.fuel-pair,.bmi-feet,.eta-pace{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);align-items: end;gap:8px}.loan-bar{display:flex;overflow:hidden;background:var(--surface-2);border-radius:999px;height:14px}.loan-bar span{display:block;height:100%}.loan-bar-principal{background:var(--accent)}.loan-bar-interest{background:var(--warn)}.loan-bar-other{background:var(--muted)}.loan-legend{display:flex;color:var(--ink-2);flex-wrap:wrap;gap:6px 16px}.loan-legend i{display:inline-block;vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:2px}.loan-table-wrap{max-height:480px}.loan-toggle{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.loan-open td{background:var(--accent-soft)}.loan-month td{color:var(--ink-2);font-size:12.5px}.savings-chart{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:6px;margin:0;padding:12px}.savings-chart svg{display:block;width:100%;height:auto}.savings-grid{stroke:var(--line);stroke-width:1}.savings-axis{fill:var(--muted);font-size:13px;font-family:var(--font)}polygon.savings-contrib{fill:color-mix(in srgb,var(--muted)35%,transparent)}polygon.savings-interest{fill:color-mix(in srgb,var(--accent)45%,transparent)}.savings-line{fill:none;stroke:var(--accent);stroke-width:2}.savings-real{fill:none;stroke:var(--warn);stroke-width:2;stroke-dasharray:5 4}.savings-key{display:inline-block;vertical-align:-1px;border-radius:3px;width:10px;height:10px}i.savings-contrib{background:color-mix(in srgb,var(--muted)35%,transparent)}i.savings-interest{background:color-mix(in srgb,var(--accent)45%,transparent)}.savings-key-real{border-top:2px dashed var(--warn);vertical-align:3px;border-radius:0;height:0}.savings-details summary{cursor:pointer;margin-bottom:8px;font-size:14px;font-weight:600}.tip-presets{display:flex;flex-wrap:wrap;gap:6px}.tip-preset{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;min-width:56px;padding:6px 12px;font-weight:600}.tip-preset:hover{border-color:var(--accent)}.tip-preset.on{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.tip-table td{vertical-align:middle}.tip-table .input{min-width:90px}.discount-step{display:flex;align-items: flex-end;gap:6px}.discount-step .field{flex:1}.discount-step>.muted{padding-bottom:8px}.discount-table td{vertical-align:middle}.discount-table td:first-child .input{min-width:120px}.discount-num{min-width:70px}.discount-best td{background:var(--add)}.bmi-gauge{position:relative;display:flex;border-radius:999px;height:12px;margin-top:4px}.bmi-seg:first-child{border-radius:999px 0 0 999px}.bmi-seg:nth-last-child(2){border-radius:0 999px 999px 0}.bmi-under{background:color-mix(in srgb,var(--accent)35%,var(--surface-2))}.bmi-normal{background:var(--success)}.bmi-over{background:color-mix(in srgb,var(--warn)60%,var(--surface-2))}.bmi-obese1{background:var(--warn)}.bmi-obese2{background:color-mix(in srgb,var(--warn)50%,var(--danger))}.bmi-obese3{background:var(--danger)}.bmi-marker{position:absolute;background:var(--ink);box-shadow:0 0 0 2px var(--surface);border-radius:2px;width:4px;height:22px;margin-left:-2px;top:-5px}.bmi-scale{position:relative;height:16px}.bmi-scale span{position:absolute;font-variant-numeric:tabular-nums;transform:translate(-50%)}.bmi-scale span:first-child{transform:none}.bmi-scale span:last-child{transform:translate(-100%)}.bmi-note{color:var(--ink-2);line-height:1.5}.age-dates{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr)auto;align-items: end;gap:10px}.age-big{font-size:17px;line-height:1.5}.age-big strong{font-weight:640}.age-miles{margin:0;padding-left:18px;line-height:1.7}@media (max-width:560px){.age-dates{grid-template-columns:minmax(0,1fr)}}.fuel-units{display:flex;flex-wrap:wrap;gap:8px}.fuel-units span{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 10px;font-size:13.5px}.fuel-units span.on{border-color:var(--accent);background:var(--accent-soft)}.fuel-units strong{font-variant-numeric:tabular-nums}.cooking-table td{vertical-align:middle}.cooking-on td{background:var(--accent-soft);font-weight:600}.cooking-factor{display:flex;color:var(--accent);align-items: flex-end;padding-bottom:6px;font-size:20px}.grades-scale{width:140px}.grades-table td{vertical-align:middle}.grades-table td:first-child .input{min-width:140px}.grades-num{min-width:70px}.eta-start{display:flex;align-items: flex-end;gap:6px}.eta-start .field{flex:1}.eta-bar{overflow:hidden;background:var(--surface-2);border-radius:999px;height:12px}.eta-bar span{display:block;background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.stopwatch-face{text-align:center;align-items: center;padding:28px 16px}.stopwatch-time{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(48px,13vw,96px);font-weight:600;line-height:1.05}.stopwatch-buttons{justify-content:center}.stopwatch-buttons .btn{min-width:110px}.stopwatch-laps td:first-child{color:var(--muted);width:4em}.stopwatch-best td{color:var(--success);font-weight:600}.stopwatch-worst td{color:var(--danger);font-weight:600}.stopwatch-tag{font-family:var(--font);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.timer-form{align-items: flex-end}.timer-form .field{flex:180px}.timer-grid,.countdown-grid,.tally-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.timer-name,.countdown-name,.tally-name{background:0 0;border-color:#0000;flex:1;min-width:0;padding-left:4px;font-weight:600}.timer-name:hover,.timer-name:focus,.countdown-name:hover,.countdown-name:focus,.tally-name:hover,.tally-name:focus{border-color:var(--line-strong);background:var(--surface)}.timer-time{text-align:center;font-variant-numeric:tabular-nums;font-size:44px;font-weight:600;line-height:1.1}.timer-bar{background:var(--surface-2);overflow:hidden;border-radius:99px;height:6px}.timer-bar span{display:block;background:var(--accent);height:100%;transition:width .25s linear}.timer-paused .timer-time{color:var(--muted)}.timer-done{border-color:var(--danger);background:var(--danger-soft)}.timer-done .timer-time{color:var(--danger);animation:1s steps(2,start) infinite life-blink;font-size:30px;font-weight:650}.timer-done .timer-bar span{background:var(--danger)}@keyframes life-blink{to{opacity:.45}}.pomodoro-main{text-align:center;align-items: center}.pomodoro-phases{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.pomodoro-phases span{color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:3px 10px;font-size:13px}.pomodoro-phases span.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.pomodoro-short .pomodoro-phases span.on,.pomodoro-long .pomodoro-phases span.on{background:var(--success);border-color:var(--success)}.pomodoro-ring{width:min(260px,70vw);height:auto}.pomodoro-track,.pomodoro-arc{fill:none;stroke-width:10}.pomodoro-track{stroke:var(--surface-2)}.pomodoro-arc{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .3s linear}.pomodoro-short .pomodoro-arc,.pomodoro-long .pomodoro-arc{stroke:var(--success)}.pomodoro-time{fill:var(--ink);text-anchor:middle;font-variant-numeric:tabular-nums;font-size:40px;font-weight:600}.pomodoro-label{fill:var(--muted);text-anchor:middle;font-size:14px}.pomodoro-dots{display:flex;gap:8px}.pomodoro-dots span{border:2px solid var(--accent);border-radius:50%;width:11px;height:11px}.pomodoro-dots span.on{background:var(--accent)}.pomodoro-buttons{justify-content:center}.countdown-form{align-items: flex-end}.countdown-form .field{flex:150px}.countdown-card{gap:8px}.countdown-date{flex:120px;min-width:0;padding:4px 8px;font-size:13px}.countdown-when{margin:0}.countdown-when:first-letter{text-transform:uppercase}.countdown-parts{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:6px}.countdown-parts div{display:flex;background:var(--surface-2);border-radius:8px;flex-direction:column;padding:8px 2px}.countdown-parts span{font-variant-numeric:tabular-nums;font-size:26px;font-weight:640;line-height:1.1}.countdown-parts small{color:var(--muted);font-size:11.5px}.countdown-card p{margin:0}.countdown-today{color:var(--accent);font-size:22px;font-weight:640}.countdown-past .countdown-parts span{color:var(--muted)}.countdown-past{opacity:.8}.random-big{text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(40px,10vw,72px);font-weight:650;line-height:1.1}.random-dice-input{flex:260px}.random-roll{display:flex;flex-direction:column;align-items: center;gap:8px}.random-roll .row{justify-content:center}.random-roll p{margin:0}.random-die{display:inline-grid;border:1.5px solid var(--line-strong);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:8px;place-items: center;min-width:36px;height:36px;padding:0 6px;font-weight:640}.random-dropped{opacity:.4;text-decoration:line-through}.random-history ol{overflow:auto;max-height:220px;margin:6px 0;padding-left:22px}.random-history summary{cursor:pointer;color:var(--ink-2)}.random-coin-wrap{display:grid;perspective:600px;place-items: center;padding:10px 0}.random-coin{display:grid;border:3px solid var(--warn);background:var(--surface-2);color:var(--ink);box-shadow:var(--shadow);border-radius:50%;place-items: center;width:120px;height:120px;font-size:18px;font-weight:650}.random-heads{background:var(--accent-soft)}.random-spin{animation:.5s ease-out random-flip}@keyframes random-flip{0%{transform:rotateY(0)scale(.85)}to{transform:rotateY(720deg)scale(1)}}@media (prefers-reduced-motion:reduce){.random-spin,.timer-done .timer-time{animation:none}}.random-flips{color:var(--muted);overflow-wrap:anywhere;margin:0}.random-teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.random-team{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:10px 12px}.random-team ul,.random-winners,.random-list,.random-santa{margin:6px 0 0;padding-left:20px}.random-winners li{font-size:18px;font-weight:600}.random-santa{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0}.random-santa li{display:flex;flex-wrap:wrap;align-items: center;gap:6px}.random-hidden,.random-receiver{font:inherit;cursor:pointer;border-radius:7px;padding:3px 10px}.random-hidden{border:1px dashed var(--line-strong);background:var(--surface-2);color:var(--muted)}.random-receiver{border:1px solid var(--accent);background:var(--accent-soft);color:var(--ink);font-weight:650}.typing-panel{gap:10px}.typing-status{min-height:28px}.typing-counter{color:var(--accent);font-size:22px;font-weight:650}.typing-words{display:flex;overflow:hidden;font-family:var(--mono);cursor:text;scroll-behavior:smooth;flex-wrap:wrap;align-content: flex-start;gap:4px 12px;height:calc(6em + 8px);font-size:21px;line-height:2em}.typing-word{position:relative;white-space:pre}.typing-pending{color:var(--muted)}.typing-correct{color:var(--ink)}.typing-wrong{color:var(--danger);background:var(--danger-soft);border-radius:2px}.typing-extra{color:var(--danger);opacity:.7}.typing-missing{color:var(--muted);text-decoration:underline wavy var(--danger)}.typing-wrong-word{text-decoration:underline var(--danger);text-underline-offset:6px}.typing-caret{box-shadow:-2px 0 0 var(--accent)}.typing-end{display:inline-block;vertical-align:middle;box-shadow:none;background:var(--accent);width:2px;height:1.1em}.typing-input{font-size:18px}.typing-record{align-self: flex-start;margin:0}.metronome-main{align-items: center;gap:16px}.metronome-beats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.metronome-beat{display:grid;border:2px solid var(--line-strong);color:var(--muted);border-radius:50%;place-items: center;width:40px;height:40px;transition:background 60ms,transform 60ms;font-weight:640}.metronome-first{border-color:var(--accent)}.metronome-beat.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);transform:scale(1.12)}.metronome-beat.sub-on{background:var(--accent-soft)}.metronome-tempo{justify-content:center}.metronome-tempo .btn{width:48px;height:48px;font-size:22px}.metronome-bpm{display:flex;flex-direction:column;align-items: center;min-width:150px}.metronome-number{font-size:64px;font-weight:650;line-height:1}.metronome-slider{width:min(480px,100%)}.tone-freq{align-items:baseline}.tone-big{font-size:42px;font-weight:650;line-height:1.1}.tone-big small{color:var(--muted);font-size:18px}.tone-slider{width:100%}.tuner-a4{width:150px}.tuner-face{text-align:center;justify-content:center;align-items: center;min-height:300px}.tuner-note{display:flex;align-items:baseline;gap:12px}.tuner-name{font-size:64px;font-weight:700;line-height:1}.tuner-solfege{font-size:24px}.tuner-gauge{width:min(340px,90vw);height:auto}.tuner-arc{fill:none;stroke:var(--line-strong);stroke-width:3}.tuner-zone{fill:none;stroke:var(--success);stroke-width:9}.tuner-tick{stroke:var(--muted);stroke-width:2}.tuner-needle{stroke:var(--warn);stroke-width:3.5;stroke-linecap:round;transition:transform .12s ease-out}.tuner-hub{fill:var(--ink)}.tuner-good .tuner-needle{stroke:var(--success)}.tuner-good .tuner-name{color:var(--success)}.tuner-stale .tuner-note,.tuner-stale .tuner-needle,.tuner-stale .tuner-readout{opacity:.4}.tuner-readout{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:10px}.tuner-strings{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:6px}.tuner-string{display:flex;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;flex-direction:column;align-items: center;gap:2px;padding:8px 4px}.tuner-string small{color:var(--muted);font-size:11px}.tuner-string.on{border-color:var(--accent);background:var(--accent-soft)}@media (max-width:520px){.tuner-strings{grid-template-columns:repeat(3,minmax(0,1fr))}}.devices-video{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface-2);border-radius:9px}.devices-video video{object-fit:contain;display:block;width:100%;height:100%}.devices-off video{visibility:hidden}.devices-mirror{transform:scaleX(-1)}.devices-meter{position:relative;background:var(--surface-2);border:1px solid var(--line);overflow:hidden;border-radius:6px;height:16px}.devices-meter-fill{position:absolute;background:var(--success);transition:width 50ms linear;inset:0 auto 0 0}.devices-meter-fill.devices-clip{background:var(--danger)}.devices-meter-peak{position:absolute;background:var(--ink);width:2px;top:0;bottom:0}.devices-playback audio{width:100%}.screen-test-features th{position:static;background:0 0;font-weight:500}.screen-test-swatches{display:flex;flex-wrap:wrap;gap:8px}.screen-test-swatch{border:1px solid var(--line-strong);cursor:pointer;border-radius:8px;width:40px;height:40px}.screen-test-full{position:fixed;z-index:1000;display:grid;cursor:pointer;border:0;border-radius:0;place-items: end center;width:100vw;height:100vh;margin:0;padding:0;inset:0}.screen-test-full:focus-visible{outline:none}.screen-test-nocursor{cursor:none}.screen-test-hint{color:#fff;background:#0009;border-radius:8px;margin-bottom:24px;padding:6px 12px;font-size:13px}.screen-test-keyboard{display:flex;background:var(--surface-2);overflow-x:auto;border-radius:10px;flex-direction:column;gap:4px;padding:10px}.screen-test-row{display:flex;gap:4px;min-width:620px}.screen-test-row-small .screen-test-key{height:30px;font-size:11px}.screen-test-row:last-child{margin-top:6px}.screen-test-key{display:grid;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);white-space:nowrap;overflow:hidden;border-bottom-width:3px;border-radius:6px;place-items: center;min-width:0;height:40px;transition:background 80ms;font-size:13px}.screen-test-key.seen{background:var(--accent-soft);border-color:var(--accent)}.screen-test-key.down{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);transform:translateY(1px)}.tally-total{font-variant-numeric:tabular-nums}.tally-card{cursor:default;gap:8px}.tally-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tally-index{width:1.2em;font-size:12px}.tally-value{text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:54px;font-weight:650;line-height:1.1}.tally-share{background:var(--surface-2);overflow:hidden;border-radius:99px;height:4px}.tally-share span{display:block;background:var(--accent);height:100%}.tally-buttons{display:grid;grid-template-columns:1fr 2fr;gap:8px}.tally-btn{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);cursor:pointer;touch-action:manipulation;user-select:none;border-radius:10px;height:56px;font-size:28px;font-weight:600}.tally-btn:active{transform:scale(.97)}.tally-plus{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tally-foot{justify-content:space-between;align-items: flex-end}.tally-step{width:110px}.tally-board{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tally-side{text-align:center;align-items: center}.tally-side-name{text-align:center;font-weight:650}.tally-score{background:var(--surface-2);color:var(--ink);cursor:pointer;touch-action:manipulation;user-select:none;border:0;border-radius:10px;width:100%;padding:10px 0;font-size:clamp(56px,14vw,120px);font-weight:700;line-height:1.1}.tally-lead .tally-score{color:var(--accent)}.tally-side-buttons{justify-content:center}.signature-inks{display:flex;border:0;align-items: center;gap:6px;margin:0;padding:0}.signature-ink{border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;border-radius:50%;width:28px;height:28px}.signature-ink.on{box-shadow:0 0 0 2px var(--accent)}.signature-custom{cursor:pointer;background:0 0;border:0;width:32px;height:30px;padding:0}.signature-width{width:160px}.signature-pad{position:relative;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden;background:#fff;height:280px}.signature-pad canvas{position:absolute;touch-action:none;cursor:crosshair;z-index:1;width:100%;height:100%;inset:0}.signature-line{position:absolute;color:#8a8a82;pointer-events:none;border-bottom:1.5px dashed #b8b8b0;font-size:13px;bottom:64px;left:24px;right:24px}.signature-line span{position:relative;top:-4px}@media (max-width:520px){.signature-pad{height:220px}}:root{--accent:#0f766e;--accent-ink:#fff;--accent-soft:#e3f3f1;--bg:#f7f7f5;--surface:#fff;--surface-2:#f0f0ed;--ink:#18181b;--ink-2:#3f3f46;--muted:#6b6b73;--line:#e4e4e0;--line-strong:#d0d0ca;--danger:#c62828;--danger-soft:#fdecec;--success:#15803d;--add:#dcfce7;--add-strong:#86efac;--del:#fee2e2;--del-strong:#fca5a5;--warn:#b45309;--shadow:0 1px 2px #1414120d,0 8px 24px -14px #1414122e;--radius:10px;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--buncss-light:initial;--buncss-dark: ;color-scheme:light}:root[data-theme=dark]{--accent:#2dd4bf;--accent-ink:#062b27;--accent-soft:#123532;--bg:#111113;--surface:#18181b;--surface-2:#212125;--ink:#ededef;--ink-2:#c8c8ce;--muted:#9a9aa3;--line:#2a2a2f;--line-strong:#3a3a41;--danger:#f87171;--danger-soft:#3a1717;--success:#4ade80;--add:#12331f;--add-strong:#1f6b3a;--del:#3d1616;--del-strong:#7f2424;--warn:#fbbf24;--shadow:0 1px 2px #0000004d,0 10px 30px -14px #0009;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100%;margin:0;font-size:15px;line-height:1.5}a{color:var(--accent)}h1,h2,h3{letter-spacing:-.015em;margin:0;line-height:1.2}p{margin:0}code,kbd,.mono{font-family:var(--mono);font-size:.92em}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger)}.success{color:var(--success)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.row-end{justify-content:flex-end}.spacer{flex:1}.grid-2,.grid-3{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:760px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}.btn{display:inline-flex;font:inherit;white-space:nowrap;text-decoration:none;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items: center;gap:6px;transition:background .12s,border-color .12s,color .12s;font-weight:560;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:28px;padding:0 9px;font-size:13px}.btn-md{height:36px;padding:0 14px}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{color:var(--ink-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.icon-btn{display:inline-grid;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items: center;width:34px;height:34px}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.icon-btn.fav-on{color:#d97706}.icon.filled{fill:currentColor}.input{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;border-radius:8px;width:100%;min-height:36px;padding:7px 10px}.input.mono{font-family:var(--mono);font-size:13.5px}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input[aria-invalid=true],.invalid .input{border-color:var(--danger)}select.input{cursor:pointer}input[type=number].input{font-variant-numeric:tabular-nums}input[type=color]{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:8px;width:44px;height:36px;padding:2px}input[type=range]{accent-color:var(--accent)}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field-label{color:var(--ink-2);font-size:13px;font-weight:560}.field-hint{color:var(--muted);font-size:12px}.toggle{display:inline-flex;cursor:pointer;user-select:none;align-items: center;gap:7px;font-size:14px}.toggle input{accent-color:var(--accent);width:16px;height:16px;margin:0}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;flex-wrap:wrap;gap:2px;padding:3px}.segmented button{color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 10px;font-size:13px;font-weight:540}.segmented button:hover{color:var(--ink)}.segmented button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.textbox{display:flex;flex-direction:column;gap:6px;min-width:0}.textbox-head{display:flex;align-items: center;gap:8px;min-height:28px}.textbox-label{color:var(--ink-2);font-size:13px;font-weight:600}.textbox-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items: center;gap:2px;margin-left:auto}.textbox-actions .icon-btn{width:28px;height:28px}.textarea{resize:vertical;tab-size:2;font-size:13.5px;line-height:1.55}.textarea.nowrap{white-space:pre;overflow-x:auto}.textarea[readonly]{background:var(--surface-2)}.textbox.drop-over .textarea,.filedrop.drop-over{border-color:var(--accent);background:var(--accent-soft)}.textbox-note{font-size:13px}.filedrop{display:flex;border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items: center;gap:8px;width:100%;min-height:120px;padding:20px}.filedrop:hover{border-color:var(--accent);color:var(--ink-2)}.output{display:grid;grid-template-columns:minmax(110px,auto)minmax(0,1fr)auto;border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items: center;gap:10px;padding:7px 8px 7px 12px}.output-label{color:var(--muted);font-size:13px}.output-value{overflow-wrap:anywhere;font-size:13.5px}@media (max-width:560px){.output{grid-template-columns:minmax(0,1fr)auto}.output-label{grid-column:1/-1}}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0}.stat{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:10px 12px}.stat dt{color:var(--muted);font-size:12px}.stat dd{font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin:2px 0 0;font-size:20px;font-weight:640}.panel{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:12px;padding:16px}.panel-head{display:flex;align-items: center;gap:8px}.panel-head h2{font-size:14px;font-weight:640}.panel-actions{display:flex;gap:4px;margin-left:auto}.error-note{background:var(--danger-soft);color:var(--danger);white-space:pre-wrap;border-radius:8px;padding:8px 12px;font-size:13.5px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:7px 10px}.table th{position:sticky;background:var(--surface-2);color:var(--ink-2);font-size:12.5px;font-weight:600;top:0}.table tr:last-child td{border-bottom:0}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}kbd{border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);border-bottom-width:2px;border-radius:5px;padding:1px 5px;font-size:11.5px}.topbar{position:sticky;z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg)88%,transparent);backdrop-filter:blur(10px);top:0}.topbar-inner{display:flex;padding:0 max(16px,env(safe-area-inset-left));align-items: center;gap:14px;max-width:1180px;height:56px;margin:0 auto}.brand{display:inline-flex;color:var(--ink);letter-spacing:-.02em;text-decoration:none;align-items: center;gap:9px;font-size:16px;font-weight:700}.topbar-search{display:flex;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;border-radius:8px;flex:0 340px;align-items: center;gap:8px;height:34px;margin-left:auto;padding:0 8px 0 10px;font-size:14px}.topbar-search span{text-align:left;flex:1}.topbar-actions{display:flex;align-items: center;gap:2px}.lang-select{position:relative;display:inline-flex;color:var(--ink-2);border-radius:8px;align-items: center;height:34px;padding-left:9px}.lang-select:hover,.lang-select:focus-within{background:var(--surface-2);color:var(--ink)}.lang-select select{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;height:34px;padding:0 10px 0 6px;font-size:13px;font-weight:600}.lang-select select:focus-visible{outline:none}.lang-select:focus-within{outline:2px solid var(--accent);outline-offset:1px}.lang-code{display:none;padding:0 9px 0 6px;font-size:13px;font-weight:650}@media (max-width:560px){.lang-code{display:inline}.lang-select select{position:absolute;opacity:0;width:100%;inset:0}.topbar-search kbd,.topbar-search span{display:none}.topbar-search{flex:none}}.home,.tool-page{max-width:1180px;margin:0 auto;padding:28px 16px 64px}.hero{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.hero h1{max-width:30ch;font-size:clamp(22px,3.2vw,30px);font-weight:680}.home-search{display:flex;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);border-radius:10px;align-items: center;gap:10px;max-width:560px;padding:0 12px}.home-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.home-search .input{box-shadow:none;background:0 0;border:0;min-height:44px;padding-left:0;font-size:15px}.home-search span{white-space:nowrap}.home-section{margin-bottom:30px}.home-section h2{display:flex;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);align-items:baseline;gap:8px;margin-bottom:12px;font-size:13px;font-weight:650}.count{color:var(--muted);font-weight:500}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.card{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color .12s,box-shadow .12s}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.card-link{display:flex;color:inherit;text-decoration:none;gap:12px;height:100%;padding:13px 38px 13px 13px}.card-icon,.tool-icon{display:grid;background:var(--accent-soft);color:var(--accent);border-radius:9px;flex:none;place-items: center;width:36px;height:36px}.card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.card-text strong{font-size:14.5px;font-weight:620}.card-text span{color:var(--muted);font-size:13px;line-height:1.4}.card-fav{position:absolute;display:grid;color:var(--line-strong);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;place-items: center;width:26px;height:26px;top:8px;right:8px}.card:hover .card-fav,.card-fav.on{opacity:1}.card-fav:focus-visible{opacity:1}.card-fav:hover{color:var(--muted)}.card-fav.on{color:#d97706}@media (hover:none){.card-fav{opacity:1}}.privacy{max-width:70ch;margin-top:40px}.tool-head{display:flex;align-items: flex-start;gap:14px;margin-bottom:22px}.tool-icon{border-radius:11px;width:44px;height:44px}.tool-titles{flex:1;min-width:0}.tool-titles h1{margin:2px 0 4px;font-size:24px;font-weight:680}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}.crumbs span[aria-hidden]{color:var(--line-strong)}.tool-actions{display:flex;gap:2px}.tool-body{display:flex;flex-direction:column;gap:16px}@media (max-width:560px){.tool-head{flex-wrap:wrap}.tool-icon{display:none}}.palette{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:12px;width:min(600px,100vw - 24px);margin:12vh auto auto;padding:0;box-shadow:0 24px 60px -20px #00000073}.palette::backdrop{background:#0a0a0c59}.palette-search{display:flex;border-bottom:1px solid var(--line);color:var(--muted);align-items: center;gap:10px;padding:0 14px}.palette-search input{outline:none;color:var(--ink);font:inherit;background:0 0;border:0;flex:1;height:50px;font-size:16px}.palette-list{overflow:auto;list-style:none;max-height:55vh;margin:0;padding:6px}.palette-list a{display:flex;color:var(--ink);text-decoration:none;border-radius:8px;align-items: center;gap:10px;padding:9px 10px}.palette-list a.active{background:var(--accent-soft)}.palette-list a .icon{color:var(--accent)}.palette-title{flex:1}.palette-empty{padding:14px}.toasts{position:fixed;z-index:50;display:flex;pointer-events:none;flex-direction:column;align-items: center;gap:8px;bottom:18px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--bg);box-shadow:var(--shadow);border-radius:9px;max-width:min(90vw,460px);padding:9px 14px;font-size:14px}.toast-error{background:var(--danger);color:#fff}.toast-success{background:var(--success);color:#fff}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.panel-title{font-size:14px;font-weight:640}.sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px}fieldset.segmented{min-inline-size:0;margin:0}.input-suffix{display:flex;align-items: center;gap:8px}.badge{display:inline-flex;white-space:nowrap;background:var(--surface-2);color:var(--ink-2);border-radius:999px;align-items: center;padding:2px 8px;font-size:12.5px;font-weight:600}.badge-ok{background:var(--add);color:var(--success)}.badge-bad{background:var(--danger-soft);color:var(--danger)}.badge-warn{background:color-mix(in srgb,var(--warn)16%,transparent);color:var(--warn)}.badge-info{background:var(--accent-soft);color:var(--accent)}.cat-chips{display:flex;flex-wrap:wrap;gap:6px}.cat-chip{display:inline-flex;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;align-items:baseline;gap:6px;padding:5px 11px;font-size:13px;font-weight:540}.cat-chip:hover{border-color:var(--line-strong);color:var(--ink)}.home-section{scroll-margin-top:72px}.card.removable .card-link{padding-right:64px}.card.removable .card-fav{right:36px}.card-remove{position:absolute;display:grid;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items: center;width:26px;height:26px;top:8px;right:8px}.card-remove:hover{background:var(--surface-2);color:var(--ink)}.section-clear{color:var(--muted);font:inherit;text-transform:none;letter-spacing:0;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:12.5px;font-weight:560}.section-clear:hover{color:var(--ink);text-decoration:underline}#print-root{display:none}@page{margin:16mm}@media print{:root,:root[data-theme=dark]{--accent:#0f766e;--bg:#fff;--surface:#fff;--surface-2:#f3f3f1;--ink:#000;--ink-2:#27272a;--muted:#52525b;--line:#d4d4d0;--line-strong:#a1a19b;--buncss-light:initial;--buncss-dark: ;color-scheme:light}html,body{background:#fff}.topbar,.crumbs,.tool-actions,.textbox-actions,.icon-btn,.toasts,.palette{display:none!important}.tool-page{max-width:none;padding:0}.textarea{field-sizing:content;resize:none;max-height:none}.markdown-preview{overflow:visible;max-height:none}.markdown-preview pre{white-space:pre-wrap}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4{break-after:avoid}.markdown-preview pre,.markdown-preview blockquote,.markdown-preview tr,.markdown-preview img{break-inside:avoid}body.print-custom>:not(#print-root){display:none!important}#print-root{display:block}#print-root .markdown-preview{border:0;min-height:0;padding:0;font-size:11pt}#print-root a[href^=http]:after{content:" (" attr(href)")";color:var(--muted);font-size:.85em}}