.badge{display:inline-block;font-family:var(--font-mono);font-size:.68rem;padding:.15rem .5rem;border-radius:999px;background:var(--brass);color:var(--accent-ink)}.no-results{padding:2rem 0;color:var(--ink-soft);display:none}.no-results.show{display:block}[data-search-hidden]{display:none!important}.notice{margin:1rem 0;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--brass) 30%,transparent);background:color-mix(in srgb,var(--brass) 9%,transparent);font-size:.9rem}.notice.danger{border-color:color-mix(in srgb,var(--danger) 30%,transparent);background:color-mix(in srgb,var(--danger) 8%,transparent)}.notice p{margin:0;max-width:none}.notice strong{font-family:var(--font-display)}.result-block{margin-top:1.2rem}.result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.9rem}.btn-sm{padding:.35rem .8rem;font-size:.82rem}.btn-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.check{display:flex;align-items:center;gap:.5rem;font-size:.9rem;margin:.4rem 0}.full{width:100%}.mono-out{width:100%;font-family:var(--font-mono);font-size:.85rem}.row-2{display:flex;gap:1rem;flex-wrap:wrap}.row-2>.field-row{flex:1;min-width:180px}.field-row select{width:100%}.hint{font-size:.82rem;color:var(--ink-soft);margin:.4rem 0 0}input[type=date],input[type=datetime-local],input[type=password]{font-family:var(--font-body);font-size:1rem;padding:.6rem .75rem;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius)}.claims{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:.5rem}.claims td,.claims th{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}.claims th{font-family:var(--font-display);font-weight:600;width:9rem}.related{margin-top:2.5rem}.related h2{font-size:1.2rem}.related ul{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem}.related a{display:inline-block;padding:.4rem .9rem;font-size:.9rem;font-weight:500;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:var(--surface)}.related a:hover{border-color:var(--cat);color:var(--cat-text)}.sub-head{font-size:1.1rem;margin:2.2rem 0 .9rem}.has-suggest{position:relative}.suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:min(360px,92vw);max-height:min(60vh,420px);overflow-y:auto;margin:0;padding:.25rem 0;list-style:none;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:1000;text-align:left}.suggest[hidden]{display:none}.suggest-right{left:auto;right:0}.suggest li{margin:0}.suggest a,.suggest li.soon{display:flex;flex-direction:column;gap:.1rem;padding:.5rem .8rem;text-decoration:none;color:inherit}.suggest li.active,.suggest li:hover:not(.soon):not(.suggest-empty){background:color-mix(in srgb,var(--accent) 10%,transparent)}.suggest li.active{outline:0}.s-name{font-family:var(--font-display);font-weight:600;font-size:.95rem}.s-name mark{background:0 0;color:var(--accent);text-decoration:underline}.s-meta{font-size:.75rem;color:var(--ink-soft)}.suggest li.soon{opacity:.55;cursor:default}.suggest-empty{padding:.7rem .8rem;color:var(--ink-soft);font-size:.9rem}.preview-frame canvas{display:block;max-width:100%;max-height:460px;margin:0 auto}.editor-frame{margin:0 0 1rem}.editor-frame canvas{height:auto;touch-action:none}.crop-frame canvas,.paint-frame canvas{max-height:70vh;cursor:crosshair}.paint-frame canvas{cursor:crosshair}input[type=color]{width:3.2rem;height:2.2rem;padding:.15rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer}.row-2.four>.field-row{min-width:120px}.panel-title{font-size:1.05rem;margin:2rem 0 .2rem}.panel-title:first-child{margin-top:0}.dropzone-sm{padding:1.1rem 1rem;margin-top:1.5rem}.dropzone-sm p{margin:0 auto}.paste-zone:focus{outline:2px solid var(--brass);outline-offset:2px}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0 1rem}.ratio-preview{margin-top:1rem;max-width:320px}.ratio-preview>div{max-height:220px;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid var(--accent)}.table-scroll{overflow-x:auto;margin-top:1rem}.data-table td,.data-table th{word-break:break-word}.data-table th{width:auto;min-width:8rem}.break{word-break:break-all}.progress{height:6px;margin-top:1rem;background:var(--line);overflow:hidden}.progress>div{height:100%;width:0;background:var(--accent);transition:width .2s ease}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.icon-card{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.icon-card .preview-frame{margin:0;width:100%;display:flex;justify-content:center;align-items:center;min-height:80px}.icon-card canvas{image-rendering:pixelated;height:auto}.icon-card p{margin:0;font-size:.8rem}.zoom-view{position:relative;height:min(65vh,560px);overflow:hidden;border:1px solid var(--line);touch-action:none;background:repeating-conic-gradient(#00000010 0 25%,transparent 0 50%) 50%/16px 16px}.zoom-view canvas{width:100%;height:100%;display:block}#zoom-info{font-family:var(--font-mono);font-size:.8rem;min-height:1.4em}.picker-wrap{position:relative;border:1px solid var(--line);padding:.5rem;background:repeating-conic-gradient(#00000008 0 25%,transparent 0 50%) 50%/16px 16px}.picker-wrap>canvas:first-child{display:block;max-width:100%;max-height:70vh;margin:0 auto;cursor:crosshair;touch-action:none}.loupe{position:absolute;width:120px;height:120px;border:2px solid var(--ink);border-radius:50%;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.3);background:var(--surface)}.picked{display:flex;gap:1rem;align-items:center;margin:1rem 0;flex-wrap:wrap}.swatch-big{width:84px;height:84px;border:1px solid var(--line-strong);background:var(--surface)}.picked-values{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.swatch-row{display:flex;flex-wrap:wrap;gap:.4rem;min-height:32px}.swatch{width:32px;height:32px;border:1px solid var(--line-strong);cursor:pointer;padding:0}.palette-bar{display:flex;height:44px;margin:1rem 0;border:1px solid var(--line)}.palette-bar span{min-width:4px}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem}.swatch-card{display:flex;flex-direction:column;gap:.2rem;padding:0 0 .6rem;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-size:.78rem}.swatch-card:hover{border-color:var(--brass)}.swatch-card>:not(.swatch-fill){padding:0 .6rem}.swatch-card strong{font-size:.9rem}.swatch-fill{display:flex;align-items:flex-end;height:72px;padding:.4rem .6rem;font-family:var(--font-mono);font-size:.75rem;margin-bottom:.3rem}.dominant-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.dominant-card{display:flex;flex-direction:column;gap:.3rem;padding:1.2rem;min-height:150px;justify-content:flex-end;border:1px solid var(--line);cursor:pointer}.dominant-card strong{font-family:var(--font-mono);font-size:1.5rem}.dominant-card span{font-size:.8rem}.exif-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.exif-summary div{background:var(--surface);padding:.8rem 1rem;display:flex;flex-direction:column}.exif-summary .lbl{font-size:.75rem;color:var(--ink-soft)}.exif-summary strong{font-family:var(--font-mono);font-weight:500;font-size:.92rem}.compare{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}.compare canvas{width:100%;height:auto;display:block;border:1px solid var(--line);image-rendering:auto}.compare .lbl{font-size:.78rem;color:var(--ink-soft)}#text{font-family:var(--font-body)}@media (max-width:760px){.compare,.dominant-grid{grid-template-columns:1fr}}[hidden]{display:none!important}.tool-panel.wide{max-width:none}.btn.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.code-view,textarea.code{font-family:var(--font-mono);font-size:.85rem;line-height:1.5;tab-size:2}textarea.code{width:100%;min-height:14rem;white-space:pre;overflow:auto}textarea.code[readonly]{background:color-mix(in srgb,var(--surface) 92%,var(--line))}.opt-row{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:flex-end;margin-bottom:.8rem}.opt-row>.field-row{margin:.4rem 0;min-width:170px;flex:0 1 220px}.opt-row>.check{margin:.4rem 0 .9rem}.io-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.io-pane{min-width:0}.io-pane .result-head{min-height:2rem;flex-wrap:wrap;gap:.3rem}.io-pane textarea.code{min-height:22rem}.validator-result{margin-top:1rem;padding:.7rem .9rem;font-family:var(--font-mono);font-size:.9rem;border-left:3px solid var(--line-strong);display:none}.validator-result.err,.validator-result.ok{display:block}.validator-result.ok{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 8%,transparent)}.validator-result.err{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}.hint-list{margin:.8rem 0 0;padding-left:1.2rem;font-size:.9rem;color:var(--ink-soft)}.code-view-wrap{margin-top:1rem;border:1px solid var(--line);max-height:70vh;overflow:auto;background:var(--surface)}.code-view{margin:0;padding:.8rem 1rem;white-space:pre;counter-reset:line}.code-view:empty{display:none}.code-view .ln{counter-increment:line;display:inline-block;width:3.2em;margin-left:-.4rem;padding-right:.8em;text-align:right;color:var(--ink-soft);opacity:.6;user-select:none}.code-view .ln::before{content:counter(line)}.j-key{color:#2563a8}.j-str{color:#2f7d32}.j-num{color:#b25d00}.j-bool{color:#8e3fa8}.j-null{color:#8a8a8a;font-style:italic}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .j-key{color:#7fb4ee}:root:not([data-theme=light]) .j-str{color:#8fd18f}:root:not([data-theme=light]) .j-num{color:#f0b46a}:root:not([data-theme=light]) .j-bool{color:#d39ce8}}:root[data-theme=dark] .j-key{color:#7fb4ee}:root[data-theme=dark] .j-str{color:#8fd18f}:root[data-theme=dark] .j-num{color:#f0b46a}:root[data-theme=dark] .j-bool{color:#d39ce8}.tree{margin-top:.8rem;border:1px solid var(--line);padding:.8rem 1rem;font-family:var(--font-mono);font-size:.85rem;max-height:70vh;overflow:auto}.tree:empty{display:none}.tree details>summary{cursor:pointer;list-style:none;padding:.1rem 0}.tree details>summary::-webkit-details-marker{display:none}.tree details>summary::before{content:"▸";display:inline-block;width:1em;color:var(--ink-soft)}.tree details[open]>summary::before{content:"▾"}.tree-children{padding-left:1.2rem;border-left:1px dashed var(--line);margin-left:.3rem}.tree-leaf{padding:.1rem 0 .1rem 1em;cursor:pointer;word-break:break-word}.tree-meta{color:var(--ink-soft)}.tree .hit{background:color-mix(in srgb,var(--brass) 25%,transparent)}.tree-filter{flex:1;min-width:180px}.path-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.8rem;font-size:.85rem}.path-bar code{padding:.2rem .5rem;background:color-mix(in srgb,var(--line) 50%,transparent);word-break:break-all}.diff-added td{background:color-mix(in srgb,var(--ok) 10%,transparent)}.diff-removed td{background:color-mix(in srgb,var(--danger) 10%,transparent)}.diff-changed td{background:color-mix(in srgb,var(--brass) 12%,transparent)}.issue-error td:nth-child(2){color:var(--danger);font-weight:600}.issue-warning td:nth-child(2){color:var(--brass);font-weight:600}.preview-grid .io-pane textarea.code{min-height:30rem}.frame-wrap{border:1px solid var(--line);background:repeating-conic-gradient(#00000008 0 25%,transparent 0 50%) 50%/16px 16px;min-height:30rem;display:flex;justify-content:center}.frame-wrap iframe{width:100%;min-height:30rem;border:0;background:#fff;transition:width .2s ease}.gen-grid{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:1.5rem;align-items:start}.gen-controls,.gen-side,.readme-form,.readme-out{min-width:0}.gen-controls .field-row{margin:.8rem 0}.gen-controls select{max-width:100%}.gen-preview{border:1px solid var(--line);min-height:260px;display:flex;align-items:center;justify-content:center;padding:2rem;background:repeating-conic-gradient(#00000008 0 25%,transparent 0 50%) 50%/16px 16px}.gen-box{width:220px;height:160px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);color:var(--ink-soft)}.gen-box.gen-fill{width:100%;max-width:360px;height:220px;background:var(--accent);border:0}.layout-preview{display:block;padding:1rem}.flex-demo,.grid-demo{min-height:240px;border:1px dashed var(--line-strong);padding:.5rem}.demo-item{background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;padding:.5rem;min-height:2.4rem;border-radius:var(--radius)}.grid-demo .demo-item{min-height:3.5rem}.stops{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem;width:100%}.stop-row{display:flex;align-items:center;gap:.5rem}.stop-row input[type=range]{flex:1}.stop-row span{width:3rem;font-size:.8rem}.preset-swatch{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);border-color:transparent}.regex-input{display:flex;align-items:center;border:1px solid var(--line-strong);background:var(--surface);font-family:var(--font-mono)}.regex-input code,.regex-input span{padding:0 .5rem;color:var(--ink-soft)}.regex-input input{flex:1;border:0;font-family:var(--font-mono);background:0 0}.flags{display:flex;flex-wrap:wrap;gap:.2rem 1rem;margin:-.4rem 0 .4rem}.flags .check{font-family:var(--font-mono)}.regex-output{border:1px solid var(--line);padding:.8rem 1rem;white-space:pre-wrap;word-break:break-word;min-height:3rem}.regex-output mark{color:inherit;border-radius:2px}.regex-output mark.m0{background:color-mix(in srgb,var(--brass) 35%,transparent)}.regex-output mark.m1{background:color-mix(in srgb,var(--accent) 35%,transparent)}.empty-match{display:inline-block;width:2px;height:1em;background:var(--danger);vertical-align:middle}#replaced:empty{display:none}.explain{margin-top:1rem;border:1px solid var(--line)}.explain:empty{display:none}.explain-row{display:flex;gap:1rem;align-items:baseline;padding:.45rem .8rem;border-bottom:1px solid var(--line);font-size:.9rem}.explain-row:last-child{border-bottom:0}.explain-row code{flex:0 0 auto;min-width:4rem;padding:.1rem .4rem;background:color-mix(in srgb,var(--brass) 15%,transparent);word-break:break-all;max-width:45%}.explain-row.flag code{background:color-mix(in srgb,var(--accent) 18%,transparent)}.test-list{list-style:none;padding:0;margin:.5rem 0 0;font-family:var(--font-mono);font-size:.88rem}.test-list li{padding:.25rem .6rem;border-left:3px solid;margin-bottom:2px}.test-list .pass{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 7%,transparent)}.test-list .fail{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,transparent)}.kv-rows{display:flex;flex-direction:column;gap:.4rem;width:100%;margin-bottom:.4rem}.kv-row{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.kv-row input{flex:1 1 140px;min-width:0;font-family:var(--font-mono);font-size:.9rem}.kv-row select{flex:0 0 auto}.copy-cell{border:0;background:0 0;color:inherit;padding:0;text-align:left;cursor:pointer;font-size:.88rem;word-break:break-all}.copy-cell:hover{color:var(--accent);text-decoration:underline}.code-list{margin-top:1rem;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line)}.code-item{background:var(--surface);padding:.8rem 1rem;border-left:4px solid var(--line-strong)}.code-item p{margin:.3rem 0 0;font-size:.9rem;color:var(--ink-soft);max-width:none}.code-head{display:flex;gap:.7rem;align-items:baseline;flex-wrap:wrap}.code-num{font-family:var(--font-mono);font-weight:600;font-size:1.1rem}.code-item.c1{border-left-color:#6b7280}.code-item.c2{border-left-color:var(--ok)}.code-item.c3{border-left-color:#2563a8}.code-item.c4{border-left-color:var(--brass)}.code-item.c5{border-left-color:var(--danger)}.template-chips{max-height:14rem;overflow-y:auto}.readme-grid{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:1.5rem;align-items:start}.readme-form .field-row{margin:.8rem 0}.readme-form textarea{min-height:4rem}.tabs{display:flex;gap:.4rem;margin-bottom:.5rem}.md-preview{border:1px solid var(--line);padding:1rem 1.4rem;min-height:20rem;overflow:auto}.md-preview img{display:inline-block;margin-right:.3rem}.md-preview pre{background:color-mix(in srgb,var(--line) 40%,transparent);padding:.8rem;overflow:auto}.md-preview code{font-family:var(--font-mono);font-size:.88em}@media (max-width:860px){.gen-grid,.io-grid,.readme-grid{grid-template-columns:1fr}.io-pane textarea.code{min-height:14rem}.frame-wrap,.frame-wrap iframe,.preview-grid .io-pane textarea.code{min-height:20rem}.explain-row{flex-direction:column;gap:.3rem}.explain-row code{max-width:100%}}textarea.text-area{width:100%;min-height:12rem;font-family:var(--font-body);font-size:1rem;line-height:1.6}.big-count{display:flex;align-items:baseline;gap:.6rem;margin:1.2rem 0 .4rem}.big-count .num{font-family:var(--font-display);font-size:clamp(2.2rem, 6vw, 3.2rem);font-weight:700;line-height:1;color:var(--accent)}.big-count .lbl{color:var(--ink-soft);font-size:1rem}.limit-bar{height:8px;margin-top:1rem;background:var(--line);overflow:hidden}.limit-bar>div{height:100%;width:0;background:var(--accent);transition:width .15s ease}.limit-bar.over>div{background:var(--danger)}.quote{margin:0;padding:.6rem .9rem;border-left:3px solid var(--brass);background:color-mix(in srgb,var(--brass) 8%,transparent);max-width:none}.diff-view{margin-top:1rem;padding:1rem 1.2rem;border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;line-height:1.7}.diff-view:empty{display:none}.diff-view ins{text-decoration:none;background:color-mix(in srgb,var(--ok) 25%,transparent);border-radius:2px}.diff-view del{background:color-mix(in srgb,var(--danger) 22%,transparent);border-radius:2px}.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 1rem}.calc-grid .field-row{margin:.7rem 0;min-width:0}.affix{display:flex;align-items:stretch;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface)}.affix:focus-within{outline:2px solid var(--brass);outline-offset:1px}.affix input{flex:1;min-width:0;border:0;outline:0;font-family:var(--font-mono);font-size:1.05rem}.affix span{display:flex;align-items:center;padding:0 .7rem;color:var(--ink-soft);background:color-mix(in srgb,var(--line) 40%,transparent);font-size:.9rem}.calc-results{margin-top:1rem}.calc-results+.calc-results{margin-top:1px}.calc-results.big .num{font-size:1.5rem;color:var(--accent);font-family:var(--font-display);font-weight:700;word-break:break-word}.calc-results .num{word-break:break-word}.data-table tr.muted td{color:var(--ink-soft);opacity:.6}.data-table tr.highlight td{background:color-mix(in srgb,var(--brass) 14%,transparent);font-weight:600}.data-table td.neg{color:var(--danger)}.data-table td.pos{color:var(--ok)}.sorted{margin:0;word-break:break-word;max-width:none}.fraction-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.fraction-row input{flex:1 1 140px;min-width:0;font-family:var(--font-mono);font-size:1.2rem;text-align:center}.fraction-row select{flex:0 0 auto;font-size:1.2rem}.sci{max-width:460px}.sci-screen{border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface) 85%,var(--line));padding:.6rem .8rem;border-radius:var(--radius)}.sci-mode{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-height:1.8rem}.sci-mode .hint{margin:0;font-family:var(--font-mono)}.sci-expr{width:100%;border:0;background:0 0;font-family:var(--font-mono);font-size:1.2rem;text-align:right;padding:.3rem 0;color:var(--ink)}.sci-expr:focus-visible{outline:0}.sci-result{font-family:var(--font-display);font-weight:700;font-size:2rem;text-align:right;word-break:break-all;color:var(--accent)}.sci-keys{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin-top:.6rem}.sci-key{padding:.7rem .2rem;font-family:var(--font-display);font-size:1rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer}.sci-key:hover{border-color:var(--ink)}.sci-key:active{transform:translateY(1px)}.sci-key.digit{background:color-mix(in srgb,var(--line) 35%,var(--surface));font-weight:600}.sci-key.op{color:var(--brass);font-weight:700}.sci-key.fn{color:var(--danger)}.sci-key.eq{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.sci-history{margin:0;padding-left:1.4rem;max-height:14rem;overflow:auto;font-size:.9rem}.sci-history:empty::before{content:"Your calculations appear here.";color:var(--ink-soft)}.random-output{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem;max-height:22rem;overflow:auto}.random-output span{font-family:var(--font-mono);padding:.3rem .6rem;border:1px solid var(--line);background:var(--surface)}.random-output.single span{font-family:var(--font-display);font-size:3rem;font-weight:700;padding:.5rem 1.4rem;color:var(--accent);border-color:var(--accent)}.num.pos{color:var(--ok)}.num.neg{color:var(--danger)}.color-field{display:flex;gap:.4rem;align-items:stretch}.color-field input[type=text]{flex:1;min-width:0}.color-field input[type=color]{flex:0 0 3rem;height:auto;min-height:2.6rem}.conv-grid,.picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.conv-grid input[type=color]{width:100%;height:3rem}.c-preview{min-height:150px;border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:1.1rem;font-weight:600;background-image:repeating-conic-gradient(#0000000d 0 25%,transparent 0 50%);background-size:16px 16px}.big-out{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:1rem;padding:.8rem 1rem;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.big-out .lbl{font-family:var(--font-display);font-weight:700;color:var(--accent)}.big-out code{flex:1;font-size:1.15rem;word-break:break-all}.sv-box{position:relative;width:100%;aspect-ratio:300/220;border-radius:var(--radius);overflow:hidden;cursor:crosshair;touch-action:none}.sv-box canvas{width:100%;height:100%;display:block}.sv-dot{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.3);pointer-events:none}.alpha-slider,.hue-slider{-webkit-appearance:none;appearance:none;width:100%;height:16px;border-radius:8px;margin:.8rem 0 0}.hue-slider{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.alpha-slider{--solid:#2f6f4e;background:linear-gradient(90deg,transparent,var(--solid)),repeating-conic-gradient(#ccc 0 25%,#fff 0 50%) 0 0/12px 12px}.alpha-slider::-webkit-slider-thumb,.hue-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #333;cursor:pointer}.alpha-slider::-moz-range-thumb,.hue-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #333;cursor:pointer}.swatch-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.c-swatch{display:flex;flex-direction:column;justify-content:flex-end;gap:.1rem;min-width:104px;min-height:84px;padding:.5rem .6rem;border:1px solid rgba(0,0,0,.12);border-radius:var(--radius);cursor:pointer;text-align:left;font-family:var(--font-mono)}.c-swatch strong{font-size:.9rem}.c-swatch span{font-size:.72rem;opacity:.85}.c-swatch:hover{outline:2px solid var(--brass);outline-offset:1px}.c-swatch.big{width:100%;min-height:220px;font-size:1.4rem;align-items:center;justify-content:center}.c-swatch.big strong{font-size:2rem}.swatch-strip.compact .c-swatch{min-width:76px;min-height:52px}.scale{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.4rem;margin:1rem 0}.random-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin:1rem 0}.random-colors.single{grid-template-columns:1fr}.color-group{margin-bottom:1rem}.wheel-wrap{display:flex;justify-content:center;margin:1rem 0}.palette-cols{display:flex;min-height:320px;border-radius:var(--radius);overflow:hidden;margin:1rem 0;border:1px solid var(--line)}.palette-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.4rem;padding:1rem .3rem;min-width:0}.palette-col button{background:0 0;border:0;color:inherit;cursor:pointer;font-family:var(--font-mono)}.palette-col .code{font-size:1.05rem;font-weight:600}.palette-col .hsl{font-size:.7rem;opacity:.8;text-align:center}.palette-col .lock{font-size:.8rem;padding:.3rem .5rem;border:1px solid currentColor!important;border-radius:99px;opacity:.85}.color-row{display:flex;flex-wrap:wrap;gap:.4rem}.stop-chip{display:inline-flex;align-items:center;gap:.2rem}.stop-chip input[type=color]{width:3rem;height:2.4rem}.gen-preview canvas{max-width:100%;max-height:420px;display:block;box-shadow:0 6px 20px rgba(0,0,0,.15)}.contrast-hero{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:stretch;margin:1rem 0}.contrast-ratio{font-family:var(--font-display);font-size:2.4rem;font-weight:700;display:flex;align-items:center;padding:0 1rem;border-left:6px solid var(--line-strong)}.contrast-ratio.good,.contrast-ratio.great{border-color:var(--ok);color:var(--ok)}.contrast-ratio.fair{border-color:var(--brass);color:var(--brass)}.contrast-ratio.poor{border-color:var(--danger);color:var(--danger)}.contrast-sample{display:flex;flex-direction:column;gap:.4rem;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius)}.contrast-sample .big-text{font-size:24px;font-weight:700;font-family:var(--font-display)}.text-preview{margin:1rem 0;padding:1.5rem;min-height:6rem;border:1px solid var(--line);border-radius:var(--radius);line-height:1.4;outline:0}.text-preview:focus{box-shadow:0 0 0 2px var(--brass)}.cvd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem;margin:1rem 0}.cvd-grid figure,.favicon-previews figure{margin:0}.cvd-grid canvas{width:100%;height:auto;display:block;border:1px solid var(--line)}.cvd-grid figcaption,.favicon-previews figcaption{font-size:.8rem;color:var(--ink-soft);margin-top:.3rem}.cvd-table th{white-space:nowrap}.favicon-previews{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.2rem;margin:1rem 0;padding:1rem;border:1px solid var(--line);background:repeating-conic-gradient(#0000000d 0 25%,transparent 0 50%) 50%/16px 16px}.favicon-previews canvas{display:block;image-rendering:auto}.tab-mock{display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;background:var(--surface);border:1px solid var(--line-strong);border-bottom:0;border-radius:8px 8px 0 0;font-size:.85rem}@media (max-width:760px){.contrast-hero,.conv-grid,.picker-grid{grid-template-columns:1fr}.palette-cols{flex-direction:column;min-height:0}.palette-col{flex-direction:row;justify-content:space-between;padding:1rem;min-height:64px}}.nowrap{white-space:nowrap}.file-table{max-height:22rem;overflow:auto;margin-top:1rem}.file-table td.mono{word-break:break-all}.file-preview{margin-top:1rem;border:1px solid var(--line);padding:.8rem;max-height:28rem;overflow:auto}.file-preview img{max-width:100%;max-height:24rem;margin:0 auto}.file-preview pre{margin:0;white-space:pre-wrap;word-break:break-word}.type-cards{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.type-card{display:flex;gap:1rem;align-items:flex-start;padding:.9rem 1rem;border:1px solid var(--line);border-left:4px solid var(--ok);background:var(--surface)}.type-card.mismatch{border-left-color:var(--danger)}.type-card.noext{border-left-color:var(--brass)}.type-card p{margin:.2rem 0 0;max-width:none;word-break:break-word}.type-ext{flex:0 0 auto;min-width:4.5rem;padding:.5rem .6rem;text-align:center;font-family:var(--font-mono);font-weight:600;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid var(--accent)}.type-card.mismatch .type-ext{background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:var(--danger)}.hex-nav{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin:.6rem 0;flex-wrap:wrap}.hex-view{margin:0;padding:.8rem 1rem;border:1px solid var(--line);font-family:var(--font-mono);font-size:.82rem;line-height:1.55;overflow-x:auto;white-space:pre;max-height:70vh}.hx-off{color:var(--brass);user-select:none}.hx-ascii{color:var(--ink-soft)}.hx-zero{opacity:.45}.hx-hit{background:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--ink)}.bmi-scale{position:relative;display:flex;height:12px;margin:1.2rem 0 .3rem;border-radius:6px;overflow:visible}.bmi-scale span:first-child{background:#60a5fa;border-radius:6px 0 0 6px}.bmi-scale span:nth-child(2){background:var(--ok)}.bmi-scale span:nth-child(3){background:var(--brass)}.bmi-scale span:nth-child(4){background:var(--danger);border-radius:0 6px 6px 0}.bmi-scale i{position:absolute;top:-5px;width:4px;height:22px;margin-left:-2px;background:var(--ink);border-radius:2px;transition:left .2s ease}.bmi-legend{display:flex;justify-content:space-between;gap:.4rem;flex-wrap:wrap;font-size:.75rem;color:var(--ink-soft)}.qr-style{margin-top:1rem;border-top:1px solid var(--line);padding-top:.6rem}.qr-style summary{cursor:pointer;font-family:var(--font-display);font-weight:600}.qr-preview canvas{width:min(320px,100%);height:auto;image-rendering:pixelated;box-shadow:none}#payload{word-break:break-all;margin-top:.6rem}.strength-meter{height:.55rem;background:var(--line);border-radius:999px;overflow:hidden;margin:.6rem 0 1rem}.strength-meter>div{height:100%;width:0;transition:width .2s,background .2s}.hash-verdict{margin:1rem 0 .4rem;padding:.8rem 1rem;border:1px solid var(--line);border-left-width:4px}.hash-verdict.ok{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 8%,transparent)}.hash-verdict.bad{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}#hashes tr.match td,#hashes tr.match th{color:var(--ok);font-weight:600}.ecdh-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.ecdh-party{border:1px solid var(--line);padding:.4rem 1rem 1rem;min-width:0}.ecdh-party h3{margin:.5rem 0}#r-aes{font-size:.8rem;word-break:break-all}.result-stats .num.break{font-size:.82rem;word-break:break-all}@media (max-width:720px){.ecdh-grid{grid-template-columns:1fr}}.unit-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto minmax(0,1.3fr);gap:.8rem;align-items:end}.unit-row .field-row{margin:0}.unit-row input,.unit-row select{width:100%}.unit-result{margin:1.2rem 0 .6rem;padding:1rem 1.1rem;border:1px solid var(--line);background:var(--surface)}.unit-result .num{display:block;font-family:var(--font-mono);font-size:1.35rem;cursor:pointer;word-break:break-word}.unit-result .hint{display:block;margin-top:.3rem}#all tr.match td,#all tr.match th{color:var(--accent);font-weight:600}@media (max-width:640px){.unit-row{grid-template-columns:1fr auto 1fr}.unit-row .field-row:first-child{grid-column:1/-1}}.data-table tr.match td,.data-table tr.match th{color:var(--accent);font-weight:600}.data-table tr.best td{color:var(--ok)}.data-table tr.worst td{color:var(--danger)}.data-table tr.night td{opacity:.7}.copyable{cursor:pointer}.big-clock{font-family:var(--font-mono);font-size:clamp(2.6rem, 11vw, 5rem);text-align:center;letter-spacing:.02em;margin:1rem 0;font-variant-numeric:tabular-nums}.big-clock.done{color:var(--danger);animation:tb-blink 1s steps(2) infinite}@keyframes tb-blink{50%{opacity:.35}}.progress{height:.45rem;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:1rem}.progress>div{height:100%;width:0;background:var(--accent);transition:width .25s linear}.countdown{text-align:center;padding:1.4rem 1rem;margin:1rem 0;border:1px solid var(--line);background:var(--surface)}.countdown h2{margin:0 0 1rem}.cd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.cd-grid span{display:block;font-family:var(--font-mono);font-size:clamp(1.8rem, 8vw, 3.4rem);font-variant-numeric:tabular-nums}.cd-grid small{color:var(--ink-soft)}.countdown.past .cd-grid span{color:var(--ok)}.countdown:fullscreen{display:flex;flex-direction:column;justify-content:center;background:var(--bg,var(--surface))}.pomo{text-align:center}.pomo-tabs{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}.pomo-tabs .active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pomo .btn-row{justify-content:center}.pomo[data-mode=long] .progress>div,.pomo[data-mode=short] .progress>div{background:var(--ok)}.world-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.8rem;margin-top:1rem}.world-card{border:1px solid var(--line);background:var(--surface);padding:.7rem .9rem;display:flex;flex-direction:column;gap:.15rem}.world-card.night{opacity:.78}.wc-head{display:flex;justify-content:space-between;align-items:center;gap:.4rem}.wc-head .btn{padding:0 .5rem}.wc-time{font-size:1.7rem;font-variant-numeric:tabular-nums}.wc-date{font-size:.88rem}kbd{font-family:var(--font-mono);font-size:.8em;border:1px solid var(--line);border-bottom-width:2px;padding:0 .3rem;border-radius:3px}.qr-camera{margin:1rem 0;background:#000}.qr-camera video{display:block;width:100%;max-height:60vh;object-fit:contain}#result{margin-top:1rem}#result .badge{margin-left:.4rem}.name-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.name-chip{font:inherit;font-family:var(--font-mono);font-size:.92rem;padding:.35rem .7rem;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px}.name-chip:hover{border-color:var(--accent);color:var(--accent)}.ok-cell{color:var(--ok);font-weight:600;white-space:nowrap}.bad-cell{color:var(--danger);font-weight:600;white-space:nowrap}.hash-verdict.warn{border-color:#c08a1e;background:color-mix(in srgb,#c08a1e 8%,transparent)}.hash-verdict ul{margin:.5rem 0 0;padding-left:1.2rem}.barcode-preview{background:#fff;padding:.8rem;overflow-x:auto;text-align:center}.barcode-preview svg{max-width:100%;height:auto}.code-snippet{white-space:pre-wrap;padding:.7rem .9rem;border:1px solid var(--line);background:var(--surface)}.hint-list li.good,.hint.good{color:var(--ok)}.hint-list li.warn,.hint.warn{color:var(--danger)}.hint-list li{list-style:none;margin-left:-1.2rem}.meter{height:.4rem;background:var(--line);border-radius:999px;overflow:hidden;margin:.2rem 0 .8rem}.meter>div{height:100%;width:0;background:var(--ok);transition:width .15s}.meter>div.over{background:var(--danger)}.meter>div.short{background:#c08a1e}.serp{background:#fff;color:#202124;font-family:Arial,sans-serif;padding:1rem 1.1rem;border:1px solid var(--line);max-width:652px;margin:.6rem 0 1rem}.serp.mobile{max-width:412px}.serp-site{display:flex;gap:.6rem;align-items:center;margin-bottom:.3rem}.serp-favicon{width:26px;height:26px;border-radius:50%;background:#f1f3f4;display:grid;place-items:center;font-size:12px;color:#5f6368;flex:none}.serp-site>span:last-child{display:flex;flex-direction:column;line-height:1.25}.serp-name{font-size:14px;color:#202124}.serp-url{font-size:12px;color:#4d5156}.serp-title{display:block;font-size:20px;line-height:1.3;color:#1a0dab;text-decoration:none;margin:.1rem 0 .2rem}.serp-desc{font-size:14px;line-height:1.58;color:#4d5156;margin:0;max-width:none}.serp-date{color:#70757a}.share-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:.6rem}.share-previews figure{margin:0}.share-previews figcaption{font-size:.8rem;color:var(--ink-soft);margin-bottom:.3rem}.sp{background:#fff;color:#1c1e21;font-family:Helvetica,Arial,sans-serif;border:1px solid #dadde1;overflow:hidden}.sp-img{aspect-ratio:1.91/1;background:#e4e6eb center/cover no-repeat}.sp-noimg{display:grid;place-items:center;color:#8a8d91;font-size:13px}.sp-body{padding:.55rem .7rem;display:flex;flex-direction:column;gap:.15rem}.sp-body strong{font-size:15px;line-height:1.3}.sp-host{font-size:12px;color:#606770}.sp-desc{font-size:13px;color:#606770;line-height:1.35}.sp-fb .sp-body{background:#f0f2f5}.sp-li strong{font-size:14px}.sp-x{border-radius:16px;position:relative}.sp-x .sp-img{aspect-ratio:2/1}.sp-xlabel{position:absolute;left:.6rem;bottom:2rem;background:rgba(0,0,0,.75);color:#fff;font-size:13px;padding:.1rem .4rem;border-radius:4px;max-width:85%}.sp-x>.sp-host{display:block;padding:.35rem .7rem}.sp-small{display:flex}.sp-thumb{width:110px;min-height:110px;flex:none;background:#e4e6eb center/cover no-repeat}.sp-wa{background:#d9fdd3;border:none;border-radius:8px;padding:.3rem}.sp-wa-in{display:flex;background:#f0f0f0;border-radius:6px;overflow:hidden}.sp-wa .sp-thumb{width:80px;min-height:80px}.sp-wa-link{display:block;font-size:12px;color:#027eb5;padding:.3rem .2rem 0;word-break:break-all}.idea-list{display:grid;gap:.5rem;margin:.8rem 0 1rem}.idea{font:inherit;text-align:left;padding:.6rem .8rem;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:.2rem}.idea:hover{border-color:var(--accent)}.idea small{color:var(--ok)}.idea.long small{color:var(--danger)}.repeat-list{display:grid;gap:.6rem;margin:.6rem 0}.repeat-item{display:flex;gap:.5rem;align-items:flex-start;border:1px solid var(--line);padding:.6rem;background:var(--surface)}.repeat-fields{flex:1;display:grid;gap:.4rem;min-width:0}.repeat-fields.two{grid-template-columns:1fr 1fr}.repeat-tools{display:flex;flex-direction:column;gap:.25rem}.bot-list{border:1px solid var(--line);padding:.4rem .9rem .6rem;margin:.8rem 0}.bot-list legend{font-family:var(--font-display);font-weight:600;padding:0 .3rem}.calc-grid .wide-field{grid-column:1/-1}.breadcrumb-preview{font-family:Arial,sans-serif;color:#4d5156}@media (max-width:560px){.repeat-fields.two{grid-template-columns:1fr}}.social-preview{background:repeating-conic-gradient(#e9e9e9 0 25%,#fff 0 50%) 50%/20px 20px;padding:.6rem;display:grid;place-items:center}.social-preview canvas{max-width:100%;max-height:70vh;width:auto;height:auto;box-shadow:0 2px 12px rgba(0,0,0,.18);touch-action:none}.social-preview canvas.draggable{cursor:grab}.social-preview canvas.draggable:active{cursor:grabbing}.wave-box{position:relative;margin:1rem 0;border:1px solid var(--line);background:var(--surface)}.wave-box canvas{display:block;width:100%;height:auto}.wave-box audio,audio#player{width:100%;margin-top:.6rem}.trim-box{touch-action:none;user-select:none}.trim-box.ready{cursor:col-resize}.trim-sel{position:absolute;top:0;bottom:0;left:0;width:0;background:color-mix(in srgb,var(--accent) 22%,transparent);border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none}.trim-h{position:absolute;top:0;bottom:0;width:14px;pointer-events:auto;cursor:ew-resize}.trim-h[data-h=start]{left:-8px}.trim-h[data-h=end]{right:-8px}.trim-head{position:absolute;top:0;bottom:0;width:2px;background:var(--danger);display:none;pointer-events:none}.meta-cover{display:flex;gap:1rem;align-items:flex-end;margin:1rem 0}.meta-cover img{width:160px;height:160px;object-fit:cover;border:1px solid var(--line)}.rec-display{display:flex;align-items:center;justify-content:center;gap:.8rem}.rec-display .big-clock{margin:.5rem 0}.rec-dot{width:18px;height:18px;border-radius:50%;background:var(--line)}.rec-dot.on{background:#e53935;animation:tb-blink 1s steps(2) infinite}.level{height:.5rem;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:1rem}.level>div{height:100%;width:0;background:var(--ok);transition:width .05s}.level>div.hot{background:var(--danger)}.takes{display:grid;gap:.6rem;margin-top:1rem}.take{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.3rem .8rem;border:1px solid var(--line);padding:.6rem .8rem;background:var(--surface)}.take audio{grid-column:1/-1;width:100%}textarea.text-area[rows="2"],textarea.text-area[rows="3"]{min-height:0}.video-preview{display:block;width:100%;max-height:60vh;background:#000;margin:1rem 0;object-fit:contain}img.video-preview{background:repeating-conic-gradient(#e9e9e9 0 25%,#fff 0 50%) 50%/20px 20px;width:auto;max-width:100%;margin-inline:auto}.engine-note{margin-top:.4rem}.crop-stage{position:relative;margin:1rem 0;line-height:0;touch-action:none;user-select:none}.crop-stage .video-preview{margin:0;max-height:none}.crop-rect{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.55);cursor:move;outline:1px dashed rgba(0,0,0,.6)}.crop-stage{overflow:hidden}.crop-h{position:absolute;right:-9px;bottom:-9px;width:18px;height:18px;background:#fff;border:2px solid var(--accent);cursor:nwse-resize}.frame-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;margin-top:1rem}.frame-list figure img,.frame-list img{width:100%;display:block;cursor:pointer;border:1px solid var(--line)}.frame-list figure{margin:0;cursor:pointer}.frame-list figcaption{font-size:.8rem;color:var(--ink-soft)}.sheet-box canvas{display:block;max-width:100%;height:auto;margin:1rem auto;cursor:pointer}.center{text-align:center;justify-content:center}.grade-rows{display:grid;gap:.4rem;margin:.8rem 0}.grade-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:.4rem;align-items:center}.grade-row .g-max{display:none}.with-max .grade-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto}.with-max .grade-row .g-max{display:block}.grade-row input,.grade-row select{width:100%;min-width:0}.gpa-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto}.gpa-row:has(.g-pct:not([hidden])){grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr) auto}.tabs{display:flex;gap:.3rem;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:1rem 0}.tab{font:inherit;font-family:var(--font-display);background:0 0;border:1px solid transparent;border-bottom:none;padding:.5rem .9rem;cursor:pointer;color:var(--ink-soft);margin-bottom:-1px}.tab.active{color:var(--ink);background:var(--surface);border-color:var(--line)}.fc-bar{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap}.fc-bar .field-row{margin:0;flex:1 1 200px}.fc-bar select{width:100%}.fc-stage{perspective:1200px;display:grid;place-items:center;margin:1rem 0}.flashcard{position:relative;width:min(520px,100%);aspect-ratio:3/2;cursor:pointer;transform-style:preserve-3d;transition:transform .45s}.flashcard.flipped{transform:rotateY(180deg)}.fc-back,.fc-front{position:absolute;inset:0;display:grid;place-items:center;padding:1.4rem;text-align:center;font-size:clamp(1.1rem, 3.2vw, 1.6rem);border:1px solid var(--line);background:var(--surface);backface-visibility:hidden;overflow:auto;white-space:pre-wrap;box-shadow:0 6px 20px rgba(0,0,0,.12)}.fc-back{transform:rotateY(180deg);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.quiz-opt{display:flex;gap:.5rem;align-items:center}.quiz-opt input[type=radio]{flex:none;width:1.1rem;height:1.1rem}.quiz-take{display:grid;gap:.8rem}.take-q{border:1px solid var(--line);padding:.6rem 1rem}.take-q legend{font-weight:600;padding:0 .3rem}.take-q.right{border-color:var(--ok)}.take-q.wrong{border-color:var(--danger)}.take-q label.correct{color:var(--ok);font-weight:600}.question-list{display:grid;gap:.6rem;padding-left:1.4rem;margin-top:1rem}.question-list li{line-height:1.5}.question-list details{margin-top:.2rem}.question-list summary{cursor:pointer;color:var(--accent);font-size:.9rem}.repeat-fields.subj{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1fr)}.study-plan{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem;margin-top:1rem}.plan-day{border:1px solid var(--line);background:var(--surface);padding:.6rem .8rem;font-size:.9rem}.plan-day ul{margin:.3rem 0 0;padding-left:1rem}.plan-day.exam{border-color:var(--danger)}.plan-day.off{opacity:.6}.notes-preview{border:1px solid var(--line);padding:.5rem 1.2rem;margin-top:1rem;background:var(--surface)}.notes-preview:empty{display:none}.citation-out{border:1px solid var(--line);background:var(--surface);padding:.9rem 1.1rem;margin:1rem 0}.cite{padding-left:2em;text-indent:-2em;margin:0;line-height:1.6;word-break:break-word}.bib-list{list-style:none;padding:0;display:grid;gap:.5rem}.bib-list.numbered{list-style:none}.bib-list li{display:flex;gap:.5rem;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:.5rem}@media (max-width:560px){.repeat-fields.subj{grid-template-columns:1fr}.grade-row,.with-max .grade-row{grid-template-columns:1fr 1fr}.grade-row .g-name{grid-column:1/-1}}@media print{body:has(.quiz-take,.study-plan) :is(.site-header,.site-footer,.tool-header,.tool-info,.privacy-note,.btn-row,.tabs,[data-panel=edit],.opt-row,#subjects,.calc-grid){display:none!important}body:has(.quiz-take) [data-panel=take]{display:block!important}}.doc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.4rem;align-items:start}.doc-form details{border-top:1px solid var(--line);padding:.5rem 0}.doc-form summary{cursor:pointer;font-family:var(--font-display);font-weight:600;padding:.2rem 0}.doc-items{display:grid;gap:.35rem;margin:.5rem 0}.doc-item{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(0,.9fr) auto;gap:.35rem}.doc-item input{width:100%;min-width:0}.doc-side{position:sticky;top:1rem}.doc-preview{--doc-accent:#2f6f4e;background:#fff;color:#1e1e1e;font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:1.45;padding:32px 30px;box-shadow:0 4px 22px rgba(0,0,0,.16);min-height:600px;position:relative;overflow:hidden}.doc-preview h2,.doc-preview h3{font-family:Helvetica,Arial,sans-serif;color:#1e1e1e}.d-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:22px}.d-logo{max-width:160px;max-height:60px}.d-from-name{font-size:18px}.d-title{text-align:right}.d-title h2{margin:0;font-size:24px;color:var(--doc-accent);letter-spacing:.04em}.d-title p{margin:2px 0 0;color:#777}.tpl-modern .d-head{background:var(--doc-accent);color:#fff;margin:-32px -30px 22px;padding:26px 30px}.tpl-modern .d-from-name,.tpl-modern .d-title h2,.tpl-modern .d-title p{color:#fff}.d-parties{display:grid;grid-template-columns:1.3fr 1.2fr .9fr;gap:14px;margin-bottom:20px}.d-notes small,.d-parties small{text-transform:uppercase;font-size:9px;letter-spacing:.06em;color:#888;font-weight:700}.d-items{width:100%;border-collapse:collapse;margin-bottom:12px}.d-items th{background:#f2f2f2;text-align:right;padding:6px 8px;font-size:11px}.tpl-minimal .d-items th{background:0 0;border-bottom:1.5px solid #222}.d-items td:first-child,.d-items th:first-child{text-align:left}.d-items td{padding:6px 8px;border-bottom:1px solid #e5e5e5;text-align:right;vertical-align:top}.d-totals{margin-left:auto;border-collapse:collapse;min-width:240px}.d-totals td{padding:4px 8px;text-align:right}.d-totals td:first-child{text-align:left}.d-total td{font-weight:700;font-size:14px;background:color-mix(in srgb,var(--doc-accent) 12%,#fff)}.d-notes{margin-top:16px}.d-notes p{margin:2px 0 0;max-width:none}.d-stamp{position:absolute;right:40px;top:170px;transform:rotate(-14deg);border:3px solid #1a8c4e;color:#1a8c4e;font-size:30px;font-weight:700;padding:4px 16px;opacity:.8}.card-preview canvas{max-width:100%;height:auto;box-shadow:0 4px 18px rgba(0,0,0,.2)}.sig-preview{background:#fff;color:#333;padding:1.2rem;border:1px solid var(--line);min-height:120px;overflow-x:auto}.proposal .pr-cover{border-bottom:3px solid #2f6f4e;padding-bottom:14px;margin-bottom:14px}.proposal .pr-cover h2{font-size:24px;margin:4px 0}.proposal h3{margin:18px 0 6px;font-size:15px;color:#2f6f4e}.proposal table{width:100%;border-collapse:collapse}.proposal td,.proposal th{border-bottom:1px solid #e5e5e5;padding:5px 6px;text-align:left}.proposal tr.total td{font-weight:700}.pr-sign{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.pr-sign div{border-top:1px solid #999;padding-top:6px}.pr-sign span{color:#888;font-size:11px}.agenda-preview{border:1px solid var(--line);background:var(--surface);padding:.6rem 1rem;margin:1rem 0}.repeat-fields.agenda-f{grid-template-columns:minmax(0,3fr) minmax(0,1.5fr) minmax(0,.8fr)}.exp-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.bars{display:grid;gap:.35rem}.bar-row{display:grid;grid-template-columns:minmax(70px,.8fr) 2fr auto;gap:.5rem;align-items:center;font-size:.88rem}.bar{height:.7rem;background:var(--line);border-radius:999px;overflow:hidden}.bar>div{height:100%;background:var(--accent)}.desc-outputs{display:grid;gap:.8rem;margin-top:1rem}@media (max-width:860px){.doc-grid,.exp-cols{grid-template-columns:1fr}.doc-side{position:static}.d-parties{grid-template-columns:1fr 1fr}}@media (max-width:560px){.doc-item{grid-template-columns:1fr 1fr 1fr auto}.doc-item .i-desc{grid-column:1/-1}.repeat-fields.agenda-f{grid-template-columns:1fr 1fr}.repeat-fields.agenda-f .a-topic{grid-column:1/-1}}@media print{body.printing-one :not(.print-path,.print-target,.print-target *){display:none!important}html:has(body.printing-one){background:#fff!important}body.printing-one,body.printing-one .print-path{display:block!important;position:static!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:0 0!important;transform:none!important;width:auto!important;max-width:none!important;min-height:0!important;overflow:visible!important}body.printing-one .print-target{margin:0!important;width:auto!important;max-width:none!important;box-shadow:none!important}body.printing-one .print-target,body.printing-one .print-target *{-webkit-print-color-adjust:exact;print-color-adjust:exact}body.printing-one .doc-preview.print-target{padding:0}body.printing-one .agenda-preview.print-target{border:none}}.doc-grid>*,.gen-grid>*{min-width:0}@media (max-width:860px){.doc-grid{grid-template-columns:minmax(0,1fr)}}.row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.repeat-fields .row-2,.repeat-fields .row-3{gap:.4rem}.cv-paper{--cv-accent:#2f6f4e;background:#fff;color:#222;font-family:Helvetica,Arial,sans-serif;font-size:calc(11.5px * var(--cv-scale, 1));line-height:1.45;padding:34px 36px;box-shadow:0 4px 22px rgba(0,0,0,.16);aspect-ratio:210/297}.cv-paper h2,.cv-paper h3{font-family:inherit;color:#111}.cv-head{display:flex;gap:16px;align-items:center;margin-bottom:10px}.cv-head h2{margin:0;font-size:calc(24px * var(--cv-scale, 1));letter-spacing:.01em}.cv-title{margin:2px 0 4px;color:var(--cv-accent);font-weight:700;font-size:calc(13px * var(--cv-scale, 1))}.cv-contact{margin:0;color:#555;font-size:calc(10.5px * var(--cv-scale, 1))}.cv-photo{width:calc(74px * var(--cv-scale,1));height:calc(74px * var(--cv-scale,1));border-radius:50%;object-fit:cover;flex:none}.cv-paper section{margin-top:calc(12px * var(--cv-scale,1))}.cv-paper section h3{font-size:calc(12px * var(--cv-scale, 1));text-transform:uppercase;letter-spacing:.08em;color:var(--cv-accent);border-bottom:1.5px solid var(--cv-accent);padding-bottom:2px;margin:0 0 6px}.cv-paper p{margin:0 0 4px;max-width:none}.cv-paper ul{margin:3px 0 0;padding-left:16px}.cv-entry{margin-bottom:calc(8px * var(--cv-scale,1));break-inside:avoid}.cv-entry-head{display:flex;justify-content:space-between;gap:10px}.cv-entry-head span{color:#666;white-space:nowrap;font-size:calc(10.5px * var(--cv-scale, 1))}.cv-org{color:#555;font-style:italic}.cv-plain{list-style:none;padding:0!important}.cv-tags{list-style:none;padding:0!important;display:flex;flex-wrap:wrap;gap:4px}.cv-tags li{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);padding:1px 7px;border-radius:10px;font-size:calc(10px * var(--cv-scale, 1))}.tpl-modern{display:grid;grid-template-columns:34% 66%;padding:0}.tpl-modern .cv-side{background:var(--cv-accent);color:#fff;padding:30px 18px}.tpl-modern .cv-side h3{color:#fff;border-color:rgba(255,255,255,.6)}.tpl-modern .cv-side .cv-photo{width:calc(96px * var(--cv-scale,1));height:calc(96px * var(--cv-scale,1));display:block;margin:0 auto 10px;border:3px solid rgba(255,255,255,.7)}.tpl-modern .cv-side li{word-break:break-word;margin-bottom:3px}.tpl-modern .cv-main{padding:30px 24px}.tpl-compact{font-size:calc(10.5px * var(--cv-scale, 1));padding:26px 28px}.tpl-compact .cv-head h2{font-size:calc(20px * var(--cv-scale, 1))}.tpl-compact section{margin-top:calc(8px * var(--cv-scale,1))}.tpl-compact .cv-entry{margin-bottom:calc(5px * var(--cv-scale,1))}.cv-paper.letter{font-size:13px;line-height:1.6;min-height:0;outline:0}.cv-paper.star-out{aspect-ratio:auto}.cv-paper.a4{width:794px;max-width:none;box-sizing:border-box}.cv-paper.letter p{margin:0 0 12px}.cv-paper.star-out{min-height:0;margin:1rem 0;font-size:14px;line-height:1.6}.cv-fields table th{width:10rem}.cv-fields td{white-space:pre-line}.match-report{margin-top:1rem}.match-report h3{margin:1.2rem 0 .4rem;font-size:1rem}.score-head{display:flex;gap:1.2rem;align-items:center}.score-head h3{margin:0}.score-ring{--p:0;--c:var(--accent);width:96px;height:96px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p) * 1%),var(--line) 0)}.score-ring span{width:76px;height:76px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-family:var(--font-mono);font-size:1.6rem;font-weight:600}.check-list{list-style:none;padding:0;display:grid;gap:.45rem;margin-top:1rem}.check-list li{border:1px solid var(--line);border-left-width:4px;padding:.5rem .8rem;display:flex;flex-direction:column;gap:.15rem;background:var(--surface)}.check-list li.good{border-left-color:var(--ok)}.check-list li.warn{border-left-color:var(--danger)}.check-list li span{color:var(--ink-soft);font-size:.9rem}.skill-chip{display:inline-block;padding:.12rem .55rem;margin:.12rem 0;border-radius:999px;border:1px solid var(--line);font-size:.85rem;background:var(--surface)}.skill-chip.have{border-color:var(--ok);color:var(--ok)}.skill-chip.miss{border-color:var(--danger);color:var(--danger)}.skill-chip.req{font-weight:700}.skill-chip.neutral{color:var(--ink-soft)}.bullet-list{display:grid;gap:.5rem;margin-top:1rem}.bullet-row{display:flex;justify-content:space-between;gap:.6rem;align-items:center;border:1px solid var(--line);padding:.5rem .8rem;background:var(--surface)}.improve-row{border:1px solid var(--line);padding:.5rem .9rem;background:var(--surface)}.improve-row p{margin:.15rem 0;max-width:none}.improve-row .before{color:var(--danger);text-decoration:line-through;text-decoration-thickness:1px}.improve-row .after{color:var(--ok);font-weight:600}.headline-list{flex-direction:column;align-items:stretch}.name-chip.headline{border-radius:6px;text-align:left;display:flex;justify-content:space-between;gap:.8rem;font-family:var(--font-body, inherit)}.name-chip.headline small{color:var(--ink-soft);white-space:nowrap}.name-chip.long small{color:var(--danger)}.practice{text-align:center;border:1px solid var(--line);background:var(--surface);padding:1rem;margin:1rem 0}.practice-q{font-size:1.2rem;font-weight:600;max-width:none}.practice .btn-row{justify-content:center}.pipeline{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 .4rem;align-items:center}.stage{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:.35rem .7rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;min-width:78px}.stage b{font-size:1.2rem;font-family:var(--font-mono)}.stage span{font-size:.75rem;color:var(--ink-soft)}.stage.active{border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}.pipeline .hint{width:100%;margin:.3rem 0 0}#list select{font:inherit;font-size:.85rem}#list tr.overdue td{color:var(--danger)}@media (max-width:560px){.row-3{grid-template-columns:1fr 1fr}.tpl-modern{grid-template-columns:1fr}.cv-paper{aspect-ratio:auto}.score-head{flex-direction:column;align-items:flex-start}}@media print{@page{margin:12mm}@page cv{margin:0}body.printing-one .cv-paper.print-target{page:cv;aspect-ratio:auto;min-height:0;zoom:1!important}body.printing-one .cv-paper.print-target:not(.tpl-modern),body.printing-one .tpl-modern.print-target .cv-main{-webkit-box-decoration-break:clone;box-decoration-break:clone}body.printing-one .tpl-modern.print-target{display:block}body.printing-one .tpl-modern.print-target .cv-side{float:left;width:34%;box-sizing:border-box}body.printing-one .tpl-modern.print-target .cv-main{margin-left:34%}body.printing-one .tpl-modern.print-target{background:0 0}body.printing-one .tpl-modern.print-target .cv-side{background:0 0}body.printing-one .tpl-modern.print-target::before{content:"";position:fixed;top:0;bottom:0;left:0;width:34%;background:var(--cv-accent);z-index:-1}}.summary-out{border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--surface);padding:.6rem 1.1rem;margin:1rem 0;line-height:1.6}.summary-out:empty{display:none}.summary-out li{margin:.3rem 0}.senti-head{margin:1rem 0}.senti-gauge{position:relative;height:.7rem;border-radius:999px;background:linear-gradient(90deg,var(--danger),#d9c35a 50%,var(--ok))}.senti-gauge>div{position:absolute;top:-5px;width:4px;height:calc(100% + 10px);background:var(--ink);transform:translateX(-2px)}.senti-label{font-family:var(--font-display);font-size:1.4rem;margin:.5rem 0 0}.senti-label.pos{color:var(--ok)}.senti-label.neg{color:var(--danger)}.senti-list{display:grid;gap:.4rem}.senti-row{border:1px solid var(--line);border-left-width:4px;padding:.45rem .8rem;background:var(--surface);line-height:1.5}.senti-row.pos{border-left-color:var(--ok)}.senti-row.neg{border-left-color:var(--danger)}.senti-row .badge{margin-right:.4rem}mark.pos{background:color-mix(in srgb,var(--ok) 25%,transparent);color:inherit}mark.neg{background:color-mix(in srgb,var(--danger) 25%,transparent);color:inherit}.lang-result{margin:1rem 0;display:flex;flex-direction:column}.lang-name{font-family:var(--font-display);font-size:1.8rem}.plag-view{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.plag-view h3{margin:0 0 .4rem;font-size:1rem}.plag-text{border:1px solid var(--line);background:var(--surface);padding:.7rem .9rem;line-height:1.7;white-space:pre-wrap;min-height:4rem}.plag-text mark{color:#111;border-radius:2px;padding:0 1px}.plag-text .m0{background:#ffd54f}.plag-text .m1{background:#80deea}.plag-text .m2{background:#ef9a9a}.plag-text .m3{background:#a5d6a7}.plag-text .m4{background:#ce93d8}.plag-text .m5{background:#ffab91}.plag-text .m6{background:#90caf9}.plag-text .m7{background:#e6ee9c}@media (max-width:720px){.plag-view{grid-template-columns:1fr}}