:root{--bg:#fff;--bg-soft:#f6f8fc;--surface:#fff;--fg:#0f172a;--muted:#526075;--border:#e2e8f0;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#eff6ff;--accent-fg:#fff;--link:#2563eb;--ok:#16a34a;--hero:radial-gradient(900px 420px at 85% -10%, #60a5fa73, transparent 60%), linear-gradient(135deg, #0b1b4d 0%, #1e40af 55%, #2563eb 100%);--shadow-sm:0 1px 2px #0f172a0d, 0 1px 3px #0f172a0f;--shadow-md:0 4px 8px #0f172a0d, 0 12px 28px #0f172a17;--shadow-lg:0 20px 50px #0206172e;--radius:14px;--radius-sm:10px;--max:1120px;color-scheme:light dark;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){:root{--bg:#0b1020;--bg-soft:#0f1630;--surface:#131b36;--fg:#e6eaf2;--muted:#9aa5b8;--border:#233056;--accent-soft:#16224a;--link:#8fb0ff;--ok:#4ade80;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 20px 50px #0000008c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}a{color:var(--link);text-underline-offset:.18em}img{max-width:100%}h1,h2,h3{letter-spacing:-.02em;line-height:1.2}h1{margin:.5rem 0 .75rem;font-size:clamp(2rem,4.5vw,3rem);font-weight:800}h2{margin:2.75rem 0 1rem;font-size:1.4rem;font-weight:750}h2 a{color:inherit;text-decoration:none}h2 a:hover{color:var(--link)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.container{max-width:var(--max);margin:0 auto;padding:0 1.25rem}.muted{color:var(--muted)}.small{font-size:.875rem}.lead{color:var(--muted);max-width:44rem;margin:0;font-size:1.125rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{position:absolute;top:0;left:-999px}.skip-link:focus{background:var(--bg);color:var(--fg);z-index:10;border-radius:8px;padding:.5rem 1rem;top:1rem;left:1rem}[hidden]{display:none!important}.site-header{border-bottom:1px solid var(--border);background:var(--bg)}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{letter-spacing:-.01em;color:var(--fg);align-items:center;gap:.6rem;font-size:1.12rem;font-weight:800;text-decoration:none;display:inline-flex}.logo-mark{border-radius:8px;flex:none}.logo-tile{fill:var(--accent)}.logo-glyph{fill:#fff}.site-header nav{gap:.25rem;display:flex}.site-header nav a{color:var(--fg);border-radius:8px;padding:.45rem .8rem;font-weight:550;text-decoration:none}.site-header nav a:hover{background:var(--accent-soft);color:var(--link)}.top-hero{background:var(--hero);color:#fff}.top-hero .site-header{background:0 0;border-bottom-color:#ffffff1f}.top-hero .logo{color:#fff}.top-hero .logo-tile{fill:#fff}.top-hero .logo-glyph{fill:#2563eb}.top-hero .site-header nav a{color:#dbe6ff}.top-hero .site-header nav a:hover{color:#fff;background:#ffffff1f}.hero{padding:4.5rem 1.25rem 7rem}.hero h1{color:#fff;max-width:15ch;font-size:clamp(2.3rem,5.5vw,3.6rem)}.hero .lead{color:#c9d8ff;font-size:1.2rem}.hero .search{margin-top:2rem}.hero .search input{box-shadow:var(--shadow-lg);border-color:#0000}.trust{color:#dbe6ff;flex-wrap:wrap;gap:.5rem 1.5rem;margin:1.25rem 0 0;padding:0;font-size:.95rem;list-style:none;display:flex}.trust li{align-items:center;gap:.4rem;display:inline-flex}.trust svg{color:#86efac}main{min-height:60vh;padding-bottom:4.5rem}.home-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:20px;margin-top:-4.5rem;padding:.5rem 2rem 2rem;position:relative}.home-panel .category-section h2{margin-top:1.75rem}@media (prefers-color-scheme:dark){.home-panel .tool-card{background:#1a2550}}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-head a.more{white-space:nowrap;font-size:.95rem;font-weight:600;text-decoration:none}.section-head a.more:hover{text-decoration:underline}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:3.5rem;display:grid}.feature{border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--border);padding:1.4rem}.feature h3{margin:.9rem 0 .35rem;font-size:1.05rem}.feature p{color:var(--muted);margin:0;font-size:.95rem}.feature p.feature-link{margin-top:.6rem}.feature-link a{font-weight:600;text-decoration:none}.feature-link a:hover{text-decoration:underline}.privacy-note a{color:inherit;margin-left:.25rem;font-weight:650}.page-head{background:linear-gradient(180deg, var(--accent-soft), var(--bg));border-bottom:1px solid var(--border);margin-bottom:2rem;padding:.25rem 0 2rem}.page-head h1{margin-top:1rem}.page-head .privacy-note{margin-top:1.1rem}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);padding:3rem 0 1.25rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:2.5rem 4rem;display:flex}.footer-brand{max-width:22rem}.footer-brand p{margin:.6rem 0 0}.footer-inner nav{flex-direction:column;gap:.45rem;min-width:9rem;display:flex}.footer-title{text-transform:uppercase;letter-spacing:.06em;color:var(--fg);margin-bottom:.2rem;font-size:.8rem;font-weight:700}.footer-inner nav a{color:var(--muted);text-decoration:none}.footer-inner nav a:hover{color:var(--link)}.link-button{all:unset;cursor:pointer;color:var(--muted)}.link-button:hover{color:var(--link)}.link-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.consent{z-index:50;left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));border-radius:var(--radius);background:var(--surface);max-width:26rem;color:var(--fg);border:1px solid var(--border);box-shadow:var(--shadow-lg);margin-left:auto;padding:1rem 1.1rem;font-size:.92rem;position:fixed}.consent p{margin:0 0 .6rem}.consent-title{font-weight:700}.consent-actions{justify-content:flex-end;gap:.5rem;display:flex}.footer-copy{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1.25rem}.button{background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-sm);font:inherit;cursor:pointer;border:0;align-items:center;gap:.45rem;padding:.65rem 1.2rem;font-weight:650;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 1px 2px #1d4ed84d,0 4px 12px #2563eb40}.button:hover{background:var(--accent-strong)}.button:active{transform:translateY(1px)}.button.secondary{background:var(--surface);color:var(--fg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.button.secondary:hover{border-color:var(--accent);color:var(--link)}.search{max-width:36rem;margin:1.5rem 0;position:relative}.search svg{color:#8291a8;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search input{width:100%;height:3.4rem;font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm);padding:0 1.1rem 0 2.9rem;font-size:1.02rem;transition:border-color .15s,box-shadow .15s}.search input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #2563eb33}.hero .search input{color:#0f172a;background:#fff}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.tool-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm);grid-template-columns:auto 1fr;align-items:start;gap:.2rem .9rem;padding:1.15rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.tool-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.icon-tile{background:var(--accent);color:#fff;border-radius:12px;grid-row:span 2;place-items:center;width:2.75rem;height:2.75rem;display:grid;box-shadow:0 4px 10px #2563eb47}.icon-tile.soft{background:var(--accent-soft);color:var(--link);box-shadow:none}.tool-name{align-items:center;gap:.4rem;font-size:1.02rem;font-weight:700;display:flex}.tool-name .go{color:var(--muted);opacity:0;margin-left:auto;transition:opacity .15s,transform .15s;transform:translate(-4px)}.tool-card:hover .go{opacity:1;color:var(--link);transform:none}.tool-summary{color:var(--muted);font-size:.92rem;line-height:1.5}.badge{background:var(--accent-soft);color:var(--link);border-radius:99px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:.4rem;margin:1.25rem 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";opacity:.6;margin-right:.4rem}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--link);text-decoration:underline}.privacy-note{color:var(--ok);background:color-mix(in srgb, var(--ok) 10%, transparent);border:1px solid color-mix(in srgb, var(--ok) 30%, transparent);border-radius:999px;align-items:center;gap:.45rem;margin:0;padding:.3rem .9rem;font-size:.9rem;font-weight:550;display:inline-flex}.tool-embed{margin:0 0 3rem}.tool-embed iframe{border:1px solid var(--border);border-radius:var(--radius);width:100%;height:80vh}.prose{max-width:48rem}.prose h2{margin-top:2.5rem}.prose li{margin:.25rem 0}.guide-list{gap:1.25rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.guide-list a{font-weight:650}.guide-list p{margin:.25rem 0 0}.prose table{border-collapse:collapse;border-radius:var(--radius-sm);width:100%;font-size:.925rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.55rem .8rem}.prose th{background:var(--bg-soft);font-weight:650}.faq{max-width:48rem}.faq details{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:.6rem;padding:.85rem 1.1rem}.faq details[open]{box-shadow:var(--shadow-sm)}.faq summary{cursor:pointer;font-weight:650;list-style-position:outside}.faq p{color:var(--muted);margin:.6rem 0 0}.link-list{columns:2 16rem;padding-left:1.2rem}.link-list li{margin:.3rem 0}.dropzone{text-align:center;cursor:pointer;border:2px dashed color-mix(in srgb, var(--accent) 35%, var(--border));background:var(--surface);min-height:280px;box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2.5rem 2rem;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.dropzone:hover,.dropzone.dragging,.dropzone:focus-within{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-md)}.dropzone-icon{background:var(--accent);color:#fff;border-radius:16px;place-items:center;width:3.5rem;height:3.5rem;display:grid;box-shadow:0 6px 16px #2563eb4d}.dropzone-title{font-size:1.1rem}.viewer-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.viewer-file{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.viewer-status:empty,.viewer-host:empty{display:none}.viewer-host{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.workspace{gap:1.25rem;display:grid}.workspace-bar{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.9rem 1.1rem;display:flex}.workspace-bar .file-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:650;overflow:hidden}.workspace-bar .actions{flex-wrap:wrap;gap:.5rem;display:flex}.options{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);flex-wrap:wrap;align-items:end;gap:1rem 1.5rem;padding:1.1rem;display:flex}.field{gap:.35rem;font-size:.9rem;font-weight:600;display:grid}.field select,.field input[type=text],.field input[type=number]{font:inherit;border:1px solid var(--border);background:var(--surface);min-width:10rem;color:var(--fg);border-radius:8px;padding:.5rem .7rem;font-weight:400}.field input[type=text]{min-width:16rem}.field select:focus,.field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb33}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:10px;display:inline-flex;overflow:hidden}.segmented label{cursor:pointer;padding:.45rem .9rem;font-weight:550;position:relative}.segmented label+label{border-left:1px solid var(--border)}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label:has(input:checked){background:var(--accent);color:#fff}.segmented label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:-3px}.tool-status{margin:0;font-weight:550}.tool-status:empty{display:none}.tool-status.error{color:#dc2626}.progress{background:var(--border);border-radius:99px;height:6px;overflow:hidden}.progress>span{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.page-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.page-thumb{text-align:center;font:inherit;color:var(--fg);border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);gap:.45rem;margin:0;padding:.6rem;display:grid;position:relative}button.page-thumb{cursor:pointer}button.page-thumb:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.page-grid[data-selectable=false] button.page-thumb{cursor:default;border-color:var(--border)}.page-thumb[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.page-thumb[aria-pressed=true]:after{content:"✓";background:var(--accent);color:#fff;border-radius:99px;place-items:center;width:1.5rem;height:1.5rem;font-size:.85rem;font-weight:800;display:grid;position:absolute;top:.4rem;right:.4rem}.thumb-box{aspect-ratio:3/4;background:var(--bg-soft);border-radius:6px;place-items:center;display:grid;overflow:hidden}.thumb-box canvas,.thumb-box img{background:#fff;max-width:100%;max-height:100%;box-shadow:0 1px 4px #0f172a2e}.page-thumb .caption{color:var(--muted);font-size:.85rem}.page-thumb .thumb-actions{justify-content:center;gap:.35rem;display:flex}.item-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.item-list li{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);gap:.5rem;padding:.6rem;display:grid}.item-list .item-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.item-list .item-meta{color:var(--muted);font-size:.8rem}.item-list li.is-error{border-color:#dc2626}.item-list li.is-error .item-meta{color:#dc2626}.item-controls{justify-content:space-between;gap:.25rem;display:flex}.icon-button{cursor:pointer;border:1px solid var(--border);background:var(--surface);width:2rem;height:2rem;color:var(--fg);font:inherit;border-radius:8px;place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--accent);color:var(--link)}.icon-button:disabled{opacity:.4;cursor:default}.icon-button.danger:hover:not(:disabled){color:#dc2626;border-color:#dc2626}.ocr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.ocr-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);overflow:hidden}.ocr-preview img{width:100%;height:auto;display:block}.ocr-text textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--fg);resize:vertical;border-radius:8px;padding:.7rem;font:400 .95rem/1.55 ui-monospace,Cascadia Mono,Consolas,monospace}.pdf-text{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--fg);resize:vertical;border-radius:8px;padding:.7rem;font:.95rem/1.55 ui-monospace,Cascadia Mono,Consolas,monospace}.ocr-options{margin-top:.75rem;padding:.75rem 1rem}.ocr-options ocr-language{gap:.25rem;display:grid}.ocr-options p{margin:0}.vc-result{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem;margin-top:1rem;display:grid}.vc-result video{border-radius:var(--radius);background:#000;width:100%;max-height:420px}.vc-sizes{margin:0 0 .75rem;font-weight:650}@media (width<=720px){.vc-result{grid-template-columns:1fr}}.vc-result img{border-radius:var(--radius);max-width:100%}.vt-source video{border-radius:var(--radius);background:#000;width:100%;max-height:360px;margin-top:1rem}.vt-crop{max-width:760px;margin-top:.5rem}.vt-crop video{pointer-events:none;width:100%;height:auto;display:block}.xl-table{margin-top:1.25rem}.xl-table-head{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.xl-table-head h2{margin:0 auto 0 0;font-size:1.05rem}.button.small{padding:.35rem .75rem;font-size:.85rem}.xl-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.xl-grid{border-collapse:collapse;min-width:100%;font-size:.9rem}.xl-grid td{border:1px solid var(--border);white-space:pre-wrap;vertical-align:top;min-width:3rem;padding:.35rem .6rem}.xl-grid tr:first-child td{background:var(--bg-soft);font-weight:600}.xl-grid td:focus{outline:2px solid var(--accent);outline-offset:-2px}.xl-picker{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);gap:.75rem;margin-top:1.25rem;padding:1.1rem;display:grid}.xl-picker .te-stage{max-width:760px}.te-layout{grid-template-columns:minmax(0,1fr) 19rem;align-items:start;gap:1.25rem;display:grid}.te-stage{border:1px solid var(--border);border-radius:var(--radius);background:repeating-conic-gradient(#e5e7eb 0 25%, #fff 0 50%) 0 0 / 16px 16px;touch-action:none;position:relative;overflow:hidden}.te-stage canvas{width:100%;height:auto;display:block}.te-boxes,.te-draft{pointer-events:none;position:absolute;inset:0}.te-box{pointer-events:auto;cursor:pointer;background:#2563eb0f;border:1.5px dashed #2563ebbf;border-radius:3px;padding:0;position:absolute}.te-box:hover,.te-box:focus-visible{background:#2563eb29;border-style:solid;outline:none}.te-box.is-selected{border:2px solid var(--accent);background:#2563eb1f}.te-box.is-edited{border-color:#16a34a}.te-draft{border:2px dashed var(--accent);background:#2563eb1a;inset:auto}.te-stage.is-drawing{cursor:crosshair}.te-stage.is-drawing .te-box{pointer-events:none}.te-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);gap:.85rem;padding:1.1rem;display:grid;position:sticky;top:1rem}.te-panel-title{margin:0;font-size:1.05rem}.te-panel .field input[type=text]{box-sizing:border-box;width:100%;min-width:0}.te-panel .field select{min-width:0}.field input[type=color]{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:3rem;height:2.3rem;padding:.15rem}.te-panel-actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=900px){.te-layout,.ocr-grid{grid-template-columns:minmax(0,1fr)}.te-panel{position:static}}.result-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.result-list li{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.6rem .8rem;display:grid}.result-thumb{background:var(--bg-soft);width:3.5rem;height:3.5rem;color:var(--muted);border-radius:8px;place-items:center;display:grid;overflow:hidden}.result-thumb img{object-fit:cover;width:100%;height:100%}.result-body{gap:.15rem;min-width:0;display:grid}.result-body .item-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.result-meta{color:var(--muted);font-size:.875rem}.result-details:empty{display:none}.result-details{font-size:.875rem}.result-actions{align-items:center;gap:.4rem;display:flex}.result-list li.is-error{border-color:#dc2626}.result-list li.is-error .result-meta{color:#dc2626}.field input[type=number].narrow{width:7rem;min-width:0}.check{cursor:pointer;align-items:center;gap:.45rem;font-size:.9rem;font-weight:550;display:inline-flex}.check input{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.field-row{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}[data-when][hidden]{display:none!important}.size-compare{flex-wrap:wrap;gap:.5rem 2rem;font-size:1.05rem;display:flex}.size-compare strong{font-size:1.25rem}.meta-chips{flex-wrap:wrap;gap:.35rem;margin:.2rem 0 0;padding:0;list-style:none;display:flex}.meta-chips li{background:var(--bg-soft);border:1px solid var(--border);border-radius:99px;padding:.1rem .55rem;font-size:.8rem}.meta-chips li.warn{color:#78350f;background:#fef3c7;border-color:#f59e0b}.meta-table{margin-top:.4rem}.meta-table summary{cursor:pointer;color:var(--link);font-weight:550}.meta-table table{border-collapse:collapse;max-height:18rem;margin-top:.4rem;font-size:.8rem;display:block;overflow:auto}.meta-table th,.meta-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.25rem .5rem}.meta-table th{background:var(--bg-soft);white-space:nowrap;font-weight:600}.meta-table td{word-break:break-word}@media (prefers-color-scheme:dark){.meta-chips li.warn{color:#fde68a;background:#422006;border-color:#b45309}}@media (width<=640px){.result-list li{grid-template-columns:3rem minmax(0,1fr)}.result-actions{grid-column:1/-1;justify-content:flex-end}.hero{padding:3rem 1.25rem 6rem}.home-panel{border-radius:16px;padding:.25rem 1rem 1.25rem}.site-header nav a{padding:.4rem .55rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.au-list{gap:.35rem;margin:.75rem 0;padding-left:1.5rem;display:grid}.au-list li{align-items:center;gap:.4rem;display:flex}.au-list li span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.au-wave{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:1rem;position:relative}.au-wave canvas{cursor:crosshair;touch-action:none;width:100%;height:96px;display:block}.au-sel{background:color-mix(in srgb, var(--accent) 22%, transparent);border-inline:2px solid var(--accent);pointer-events:none;width:0;position:absolute;top:0;bottom:0}.au-help{color:var(--muted);margin:.35rem 0 0;font-size:.875rem}.vc-result audio{width:100%}.vr-panel{border:1px dashed var(--border);border-radius:var(--radius);text-align:center;justify-items:center;gap:.75rem;padding:1.5rem 1rem;display:grid}.vr-time{font-variant-numeric:tabular-nums;margin:0;font-size:2.25rem;font-weight:700}.vr-meter{background:var(--surface);border-radius:4px;width:100%;max-width:600px;height:24px}@media (width<=640px){.vc-result{grid-template-columns:1fr}}.at-text{width:100%;font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;resize:vertical;margin-top:1rem;padding:.75rem;line-height:1.6}.sg-bar{z-index:3;background:var(--bg);flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:.5rem 0;display:flex;position:sticky;top:0}.sg-pages{gap:1.25rem;max-width:900px;margin-top:1rem;display:grid}.sg-page{background:#fff;width:100%;position:relative;box-shadow:0 1px 6px #0f172a33}.sg-page>canvas{width:100%;height:100%;display:block}.sg-item{cursor:move;touch-action:none;outline:1px dashed var(--accent);position:absolute}.sg-item img{pointer-events:none;width:100%;height:100%}.sg-item input{color:#111;background:0 0;border:0;outline:none;width:100%;height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;line-height:1}.sg-del{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;width:1.4rem;height:1.4rem;line-height:1;position:absolute;top:-.7rem;right:-.7rem}.sg-handle{background:var(--accent);cursor:nwse-resize;border-radius:2px;width:12px;height:12px;position:absolute;bottom:-6px;right:-6px}.sg-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;max-width:min(640px,94vw);color:inherit;padding:0}.sg-dialog::backdrop{background:#0f172a80}.sg-dialog-body{gap:.9rem;padding:1.25rem;display:grid}.sg-dialog h2{margin:0;font-size:1.15rem}.sg-pad{aspect-ratio:3;border:1px solid var(--border);touch-action:none;cursor:crosshair;background:#fff;border-radius:6px;width:100%}.sg-typed{width:100%;padding:.4rem .6rem;font:700 2.2rem Dancing Script,cursive}.qr-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:1.5rem;display:grid}.qr-form{gap:1rem;display:grid}.qr-types{flex-wrap:wrap}.qr-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:end;gap:.75rem;display:grid}.qr-form textarea{width:100%;font:inherit}.qr-style summary{cursor:pointer;margin-bottom:.75rem;font-weight:600}.qr-out{gap:.75rem;display:grid;position:sticky;top:1rem}.qr-preview{background:repeating-conic-gradient(var(--bg-soft) 0 25%, transparent 0 50%) 0 0 / 16px 16px;border:1px solid var(--border);border-radius:var(--radius);place-items:center;padding:10px;display:grid}.qr-preview svg,.qr-preview canvas{max-width:100%;height:auto}@media (width<=760px){.qr-layout{grid-template-columns:1fr}.qr-out{position:static}}.wc-text{width:100%;font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;resize:vertical;padding:.75rem;line-height:1.6}.wc-stats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin:1rem 0;display:grid}.wc-stat{border:1px solid var(--border);border-radius:var(--radius);gap:.15rem;padding:.75rem;display:grid}.wc-stat b{font-variant-numeric:tabular-nums;font-size:1.5rem}.wc-stat span{color:var(--muted);font-size:.85rem}.wc-stat.is-main{border-color:var(--accent);background:var(--accent-soft)}.wc-more{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:1rem;display:grid}.wc-more h3{margin:0 0 .5rem;font-size:1rem}.wc-limits{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.wc-limits li{justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.wc-limits li.is-over [data-left]{color:#c62828;font-weight:600}.wc-top{margin:0;padding-left:1.25rem;font-size:.9rem}.cc-buttons{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.ci-stage{user-select:none;width:fit-content;max-width:100%;margin-top:1rem;position:relative;overflow:hidden}.ci-stage canvas{max-width:100%;height:auto;max-height:70vh;display:block}.ci-box{cursor:move;touch-action:none;outline:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #0f172a8c}.ci-box.is-circle{border-radius:50%}.ci-box:focus-visible{outline:3px solid var(--accent)}.ci-h{border:2px solid var(--accent);background:#fff;border-radius:3px;width:14px;height:14px;position:absolute}.ci-nw{cursor:nwse-resize;top:-7px;left:-7px}.ci-ne{cursor:nesw-resize;top:-7px;right:-7px}.ci-sw{cursor:nesw-resize;bottom:-7px;left:-7px}.ci-se{cursor:nwse-resize;bottom:-7px;right:-7px}.ci-n{cursor:ns-resize;top:-7px;left:calc(50% - 7px)}.ci-s{cursor:ns-resize;bottom:-7px;left:calc(50% - 7px)}.ci-e{cursor:ew-resize;top:calc(50% - 7px);right:-7px}.ci-w{cursor:ew-resize;top:calc(50% - 7px);left:-7px}.pc-canvas{border:1px solid var(--border);border-radius:var(--radius);touch-action:none;cursor:grab;width:100%;max-width:720px;height:auto;margin-top:1rem;display:block}.sr-options{justify-content:center}.rb-compare{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem;display:grid}.rb-compare figure{gap:.35rem;margin:0;display:grid}.rb-compare canvas{object-fit:contain;border-radius:var(--radius);border:1px solid var(--border);width:100%;height:auto;max-height:60vh}.rb-checker canvas{background:repeating-conic-gradient(#e2e8f0 0 25%, #fff 0 50%) 0 0 / 20px 20px}.rb-compare figcaption{color:var(--muted);font-size:.85rem}.xp-sheets{border:1px solid var(--border);border-radius:var(--radius);gap:.25rem;min-width:200px;padding:.5rem .75rem;display:grid}.xp-sheets legend{padding:0 .25rem;font-size:.9rem}.pe-bar{gap:.5rem;display:grid}.pe-tools{flex-wrap:wrap;gap:.35rem;display:flex}.pe-tool input{opacity:0;pointer-events:none;position:absolute}.pe-tool span{border:1px solid var(--border);cursor:pointer;background:var(--surface);border-radius:6px;padding:.4rem .7rem;font-size:.9rem;display:inline-block}.pe-tool input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}.pe-tool input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.pe-style{flex-wrap:wrap;align-items:end;gap:.6rem;display:flex}.pe-style .field{min-width:0}.pe-page{touch-action:none;cursor:crosshair}[data-tool=select] .pe-page,[data-tool=image] .pe-page{cursor:default}[data-tool=edit] .pe-page,[data-tool=text] .pe-page{cursor:text}.pe-obj{box-sizing:border-box;position:absolute}[data-tool=select] .pe-obj{cursor:move}.pe-obj:not(.pe-text){pointer-events:none}[data-tool=select] .pe-obj{pointer-events:auto}.pe-obj.is-selected{outline:1px dashed var(--accent);outline-offset:2px}.pe-obj .sg-handle{display:none}.pe-obj.is-selected .sg-handle{display:block}.pe-highlight{mix-blend-mode:multiply}.pe-ellipse{border-radius:50%}.pe-line svg,.pe-ink svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pe-image img{pointer-events:none;width:100%;height:100%;display:block}.pe-text textarea{resize:none;white-space:pre;background:0 0;border:0;outline:none;width:100%;height:100%;margin:0;padding:0;line-height:1.2;display:block;overflow:hidden}.pe-text:focus-within{outline:1px dashed var(--accent);outline-offset:2px}.tn-panel{text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);justify-items:center;gap:1rem;margin-top:1rem;padding:1.5rem 1rem;display:grid}.tn-meter{width:min(520px,100%)}.tn-scale{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.tn-track{background:linear-gradient(90deg,#f8d7da,#fff3cd 40%,#d4edda 47% 53%,#fff3cd 60%,#f8d7da);border-radius:6px;height:2.4rem;position:relative}.tn-zone{border-left:1px solid #2e7d32;border-right:1px solid #2e7d32;width:10%;position:absolute;top:0;bottom:0;left:45%}.tn-needle{background:var(--text);border-radius:2px;width:4px;margin-left:-2px;transition:left .12s;position:absolute;top:-4px;bottom:-4px;left:50%}.tn-note{font-size:4rem;font-weight:700;line-height:1}.tn-detail{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:center;gap:1rem;display:flex}.tn-advice{min-height:1.5em;font-weight:600}.is-in-tune .tn-note,.is-in-tune .tn-advice{color:#2e7d32}.is-in-tune .tn-needle{background:#2e7d32}.tn-strings{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.tn-string{min-width:3.4rem;padding:.35rem .6rem;line-height:1.2;display:grid}.tn-string span{color:var(--muted);font-size:.7rem}.tn-string.is-target{outline:2px solid var(--accent)}.mt-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);justify-items:center;gap:1rem;margin-top:1rem;padding:1.5rem 1rem;display:grid}.mt-bpm{align-items:center;gap:.75rem;display:flex}.mt-bpm .button{width:3rem;height:3rem;padding:0;font-size:1.5rem}.mt-value{justify-items:center;display:grid}.mt-value input{text-align:center;width:6.5rem;color:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;font-size:3rem;font-weight:700}.mt-value span{color:var(--muted);font-size:.8rem}.mt-panel>input[type=range]{width:min(520px,100%)}.mt-tempo{margin:0}.mt-beats{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.mt-beats span{border:2px solid var(--border);border-radius:50%;width:1.6rem;height:1.6rem;transition:background 50ms}.mt-beats span.is-first{border-color:var(--accent)}.mt-beats span.is-on{background:var(--accent);border-color:var(--accent)}.mt-actions{justify-content:center}.tc-inputs{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem;margin-top:1rem;display:grid}.tc-inputs textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.df-out{margin-top:1rem;overflow-x:auto}.df-table{border-collapse:collapse;table-layout:fixed;width:100%;font:.82rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.df-table td{vertical-align:top;white-space:pre-wrap;word-break:break-word;border-bottom:1px solid var(--border);padding:.1rem .5rem}.df-split td.df-n,.df-unified td.df-n{width:3.2rem;color:var(--muted);text-align:right;user-select:none;background:var(--surface)}.df-del{background:#fde8e8}.df-add{background:#e3f5e8}.df-empty{background:repeating-linear-gradient(45deg,#0000 0 6px,#7f7f7f14 6px 12px)}.df-table del{background:#f8b4b4;text-decoration:line-through}.df-table ins{background:#9ee6b4;text-decoration:none}.df-skip td{text-align:center;color:var(--muted);background:var(--surface);font-style:italic}@media (prefers-color-scheme:dark){.df-del{background:#4a1f1f}.df-add{background:#1c3d27}.df-table del{background:#7a2b2b}.df-table ins{background:#23633a}}.cp-file{align-content:start;gap:.5rem;display:grid}.cp-page{margin:1rem 0}.cp-overlay{width:100%;max-width:900px;height:auto;display:block;box-shadow:0 1px 6px #0f172a33}.cp-key{vertical-align:-2px;border-radius:2px;width:.9rem;height:.9rem;display:inline-block}.cp-key.cp-del{background:#dc2626}.cp-key.cp-add{background:#16a34a}.up-compare{margin-top:1rem}.up-stage{background:repeating-conic-gradient(#e5e7eb 0 25%, #fff 0 50%) 0 0 / 20px 20px;max-width:900px;position:relative}.up-stage canvas{width:100%;height:auto;display:block}.up-before{position:absolute;inset:0}.up-divider{background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.up-slider{max-width:900px}.up-slider input{width:100%}.bc-data{flex:18rem}.bc-data input{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.bc-preview{border:1px solid var(--border);border-radius:var(--radius);background:repeating-conic-gradient(#e5e7eb 0 25%, #fff 0 50%) 0 0 / 16px 16px;place-items:center;min-height:8rem;margin-top:1rem;padding:1rem;display:grid;overflow:auto}.bc-preview svg{max-width:100%;height:auto}.bc-bulk{margin-top:1.5rem}.bc-bulk summary{cursor:pointer;font-weight:600}.bc-bulk>*+*{margin-top:.6rem}.qs-camera{border-radius:var(--radius);aspect-ratio:4/3;background:#000;max-width:640px;margin-top:1rem;position:relative;overflow:hidden}.qs-camera video{object-fit:cover;width:100%;height:100%;display:block}.qs-aim{border:3px solid #ffffffd9;border-radius:12px;position:absolute;inset:18%;box-shadow:0 0 0 999px #00000040}.qs-view canvas{border-radius:6px;max-width:100%;height:auto;max-height:420px;margin-top:1rem;display:block}.qs-results{gap:.8rem;margin-top:1rem;display:grid}.qs-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem}.qs-card .qs-kind{margin:0 0 .5rem}.qs-rows{grid-template-columns:max-content 1fr;gap:.2rem .8rem;margin:0 0 .5rem;display:grid}.qs-rows dt{color:var(--muted)}.qs-rows dd{word-break:break-all;margin:0}.qs-text{white-space:pre-wrap;word-break:break-all;background:var(--bg);border-radius:4px;max-height:12rem;margin:0 0 .6rem;padding:.5rem;font-size:.85rem;overflow:auto}.ps-compare{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;margin-top:1rem;display:grid}.ps-compare figure{margin:0}.ps-compare img{background:repeating-conic-gradient(#e5e7eb 0 25%, #fff 0 50%) 0 0 / 16px 16px;border:1px solid var(--border);border-radius:6px;width:100%;height:auto;display:block}.pg-out{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:.75rem;margin-top:1rem;padding:1.25rem;display:grid}.pg-value{word-break:break-all;min-height:1.9rem;font:600 1.35rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.pg-meter{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.pg-meter span{height:100%;transition:width .2s;display:block}.pg-len{flex:16rem}.pg-len input{width:100%}.jf-input,.jf-out{tab-size:4;font:.85rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.jf-out{background:var(--surface);border:1px solid var(--border);white-space:pre;border-radius:6px;max-height:70vh;margin-top:1rem;padding:.75rem;overflow:auto}.jf-tree{background:var(--surface);border:1px solid var(--border);border-radius:6px;max-height:70vh;margin-top:1rem;padding:.75rem;font:.85rem/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.jf-tree details>:not(summary){margin-left:1.25rem}.jf-tree summary{cursor:pointer}.jf-key{color:#7c3aed}.jf-string{color:#15803d}.jf-number{color:#b45309}.jf-boolean,.jf-null{color:#2563eb}.jf-type{color:var(--muted)}.b64-preview img{border:1px solid var(--border);background:repeating-conic-gradient(#e5e7eb 0 25%, #fff 0 50%) 0 0 / 16px 16px;border-radius:6px;max-width:100%;max-height:300px;margin-top:.75rem}.bf-stage{touch-action:none;cursor:crosshair;max-width:100%;margin-top:.75rem;display:inline-block;position:relative}.bf-stage canvas{width:auto;max-width:100%;height:auto;max-height:75vh;display:block}.bf-box{cursor:pointer;background:0 0;border:2px solid #16a34a;border-radius:4px;padding:0;position:absolute}.bf-box.is-off{border-style:dashed;border-color:#dc2626}.bf-box:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bf-ghost{border:2px dashed var(--accent);pointer-events:none;position:absolute}.rd-bar{gap:.5rem;display:grid}.rd-find{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.rd-find .field{flex:16rem}.rd-find input{width:100%}.rd-presets{flex-wrap:wrap;gap:.35rem;display:flex}.rd-box{cursor:pointer;opacity:.85;border:1px solid #dc2626;border-radius:1px;padding:0;position:absolute}.rd-box:hover{opacity:.6}.rd-ghost{pointer-events:none;background:#00000080}.wt-stage{border-radius:var(--radius);background:#000;max-width:900px;margin-top:1rem;overflow:hidden}.wt-stage video{object-fit:contain;width:100%;height:auto;max-height:75vh;display:block}.wt-stage video.is-mirrored{transform:scaleX(-1)}.wt-info{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.5rem 1rem;margin:1rem 0;display:grid}.wt-info div{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:.5rem .75rem}.wt-info dt{color:var(--muted);font-size:.8rem}.wt-info dd{word-break:break-word;margin:0;font-weight:600}.mc-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:.75rem;margin-top:1rem;padding:1.25rem;display:grid}.mc-meter{background:linear-gradient(90deg,#d4edda 0 70%,#fff3cd 70% 88%,#f8d7da 88%);border-radius:6px;height:1.4rem;position:relative;overflow:hidden}.mc-meter span{background:#166534bf;transition:width 50ms;position:absolute;top:0;bottom:0;left:0}.mc-meter i{background:#111;width:3px;position:absolute;top:0;bottom:0}.mc-db{font-variant-numeric:tabular-nums;margin:0}.mc-wave{background:var(--bg);border-radius:6px;width:100%;height:120px}.rv-preview{aspect-ratio:1;border-radius:var(--radius);background:#000;place-items:center;max-width:640px;margin-top:1rem;display:grid;overflow:hidden}.rv-preview video{max-width:70%;max-height:70%;transition:transform .25s}.mv-list{counter-reset:mv;gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:grid}.mv-item{border:1px solid var(--border);background:var(--surface);counter-increment:mv;border-radius:6px;grid-template-columns:auto 88px 1fr auto;align-items:center;gap:.75rem;padding:.5rem;display:grid}.mv-item:before{content:counter(mv);color:var(--muted);text-align:center;width:1.5rem;font-weight:700}.mv-item img,.mv-noimg{object-fit:cover;background:#000;border-radius:4px;width:88px;height:50px;display:block}.mv-meta{min-width:0;display:grid}.mv-meta b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mv-btns{gap:.25rem;display:flex}@media (width<=560px){.mv-item{grid-template-columns:auto 64px 1fr}.mv-btns{grid-column:1/-1;justify-content:end}.mv-item img,.mv-noimg{width:64px;height:36px}}.gm-frames{flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}.gm-frame{cursor:grab;width:96px;position:relative}.gm-frame img{object-fit:contain;background:var(--surface);border:1px solid var(--border);border-radius:4px;width:96px;height:72px;display:block}.as-subs{gap:.35rem;margin-top:.75rem;display:grid}.as-subs textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:inherit;border-radius:6px;padding:.5rem;font:.875rem/1.4 ui-monospace,Consolas,monospace}.as-stage{max-width:760px;margin-top:.75rem;position:relative}.as-stage video{width:100%;height:auto;display:block}.as-stage canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.am-tracks{gap:.5rem;margin:.75rem 0;display:grid}.am-track{border:1px solid var(--border);background:var(--surface);border-radius:6px;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.5rem .75rem;display:grid}.am-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.am-vol,.am-at{align-items:center;gap:.4rem;font-size:.875rem;display:flex}.am-vol output{font-variant-numeric:tabular-nums;width:3.2rem}@media (width<=560px){.am-track{grid-template-columns:1fr}}.viewer-remote{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:.5rem 0;padding:.5rem .75rem;font-size:.875rem;display:flex}.viewer-remote[hidden]{display:none}