.lab{--tool:var(--accent);--tool-ink:color-mix(in srgb, var(--tool) var(--ink-mix), var(--ink))}.lab [hidden]{display:none!important}.lab-crumbs{min-height:44px;color:var(--text-dim);border-bottom:4px double var(--margin-rule);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 64px 10px 0;font-size:.88rem;display:flex}.lab-crumbs a{color:var(--text-soft);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px}.lab-crumbs a:hover{color:var(--text)}.lab-crumbs [aria-current]{color:var(--text);font-weight:600}.lab-head{margin:clamp(18px,4vw,30px) 0 clamp(18px,3vw,26px)}.lab-head h1{font-family:var(--hand);margin-top:4px;font-size:clamp(2.8rem,10vw,4.2rem);font-weight:700;line-height:.95}.lab-head p{max-width:60ch;color:var(--text-soft);margin-top:10px}.lab-head__meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.lab-pill{font-family:var(--mono);color:var(--text-soft);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;display:inline-flex}.lab-pill[data-device=webgpu]{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 40%, transparent)}.lab-pill[data-device=wasm]{color:#b07800;border-color:#d89a0066}:root:not([data-theme=light]) .lab-pill[data-device=wasm]{color:#fbbf24}.lab-panel{background:var(--paper-2);border:1px solid var(--border);border-top:3px solid var(--tool);box-shadow:var(--shadow);border-radius:3px 3px 14px;gap:16px;padding:38px clamp(16px,3vw,24px) clamp(16px,3vw,24px);display:grid;position:relative}.lab-panel:before{content:"";background:radial-gradient(circle at 5px 5px, var(--hole) 4px, transparent 4.6px) 0 0 / 26px 10px repeat-x;height:10px;position:absolute;top:12px;left:16px;right:16px}.lab-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lab-row--between{justify-content:space-between}.lab-field{color:var(--text-soft);align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.lab-select,.lab-textarea{font:inherit;color:var(--text);background:var(--paper);border:1px solid var(--border-strong);border-radius:10px}.lab-select{min-width:0;min-height:42px;padding:8px 10px}.lab-select:focus,.lab-textarea:focus{outline:2px solid var(--tool);outline-offset:-1px}.btn--sm{padding:7px 14px;font-size:.82rem}@media (max-width:460px){.lab .btn--sm{flex:none}}.btn[disabled]{opacity:.5;pointer-events:none}.btn--tool{color:#0b0f1a;background:var(--tool)}.btn--tool:hover{filter:brightness(1.08)}.btn--rec{color:#fff;background:#dc2626}.lab-sizes{border:0;flex-wrap:wrap;gap:8px;display:flex}.lab-sizes legend{width:100%;color:var(--text-soft);margin-bottom:8px;font-size:.88rem}.lab-size{position:relative}.lab-size input{opacity:0;pointer-events:none;position:absolute}.lab-size span{border:1px solid var(--border-strong);background:var(--paper);cursor:pointer;border-radius:10px;gap:2px;min-width:110px;padding:9px 14px;transition:border-color .2s;display:grid}.lab-size small{font-family:var(--mono);color:var(--text-dim);font-size:.7rem}.lab-size input:checked+span{border-color:var(--tool);box-shadow:inset 0 0 0 1px var(--tool)}.lab-size input:focus-visible+span{outline:2px solid var(--accent-2);outline-offset:2px}.lab-drop{text-align:center;border-radius:var(--radius-sm);border:2px dashed var(--border-strong);background-color:var(--paper);background-image:repeating-linear-gradient(180deg, transparent 0 calc(var(--line) - 1px), var(--rule) calc(var(--line) - 1px) var(--line));cursor:pointer;place-items:center;gap:4px;min-height:170px;padding:24px;transition:border-color .2s,background .2s;display:grid}.lab-drop:hover,.lab-drop.is-over{border-color:var(--tool)}.lab-drop.is-over{background:color-mix(in srgb, var(--tool) 8%, var(--bg-soft))}.lab-drop strong{font-family:var(--hand);font-size:1.7rem;line-height:1.1}.lab-drop span{color:var(--text-dim);font-size:.84rem}.lab-grid2{gap:16px;display:grid}@media (min-width:760px){.lab-grid2{grid-template-columns:1fr 1fr}}.lab-figure{gap:8px;min-width:0;margin:0;display:grid}.lab-figure figcaption{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem}.lab-figure img,.lab-figure canvas{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-soft);width:100%;height:auto;max-height:70vh}.lab-checker{background-color:#fff;background-image:linear-gradient(45deg,#d4d4d8 25%,#0000 25% 75%,#d4d4d8 75%),linear-gradient(45deg,#d4d4d8 25%,#0000 25% 75%,#d4d4d8 75%);background-position:0 0,9px 9px;background-size:18px 18px}.lab-output{gap:8px;min-width:0;display:grid}.lab-output__head{color:var(--text-soft);justify-content:space-between;align-items:center;gap:8px;font-size:.88rem;display:flex}.lab-textarea{resize:vertical;width:100%;min-height:220px;padding:12px 14px;line-height:1.55}.lab-segments{gap:6px;max-height:320px;font-size:.9rem;list-style:none;display:grid;overflow:auto}.lab-segments li{gap:10px;display:flex}.lab-segments time{font-family:var(--mono);color:var(--text-dim);flex:none;padding-top:2px;font-size:.75rem}.lab-audio{width:100%}.lab-status{color:var(--text-soft);gap:8px;min-height:1.6em;font-size:.88rem;display:grid}.lab-status[data-kind=ok]{color:var(--ok)}.lab-status[data-kind=error]{color:var(--err)}.lab-bar{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.lab-bar span{background:var(--tool);width:0;height:100%;transition:width .15s linear;display:block}.lab-credits{color:var(--text-dim);margin-top:22px;font-size:.8rem;line-height:1.6}.lab-credits a{color:var(--text-soft);text-underline-offset:2px;text-decoration:underline}.lab-info .note-title{display:table}.lab-steps{counter-reset:step;gap:14px;list-style:none;display:grid}@media (min-width:760px){.lab-steps{grid-template-columns:repeat(3,1fr)}}.lab-steps li{counter-increment:step;min-height:64px;color:var(--text-soft);background:var(--paper-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:3px 3px 12px;padding:14px 16px 14px 62px;position:relative}.lab-steps li:before{content:counter(step);width:36px;height:36px;font-family:var(--hand);color:var(--tool-ink);border:2px solid var(--tool);border-radius:50% 46% 52% 48%;place-items:center;font-size:1.6rem;font-weight:700;line-height:1;display:grid;position:absolute;top:12px;left:14px}.lab-faq{border-top:1px dashed var(--border-strong);max-width:760px;display:grid}.lab-faq details{border-bottom:1px dashed var(--border-strong)}.lab-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 2px;font-weight:600;list-style:none;display:flex}.lab-faq summary::-webkit-details-marker{display:none}.lab-faq summary:after{content:"+";font-family:var(--hand);color:var(--tool-ink);transition:transform .25s var(--ease);font-size:1.8rem;line-height:1}.lab-faq details[open] summary:after{transform:rotate(45deg)}.lab-faq p{color:var(--text-soft);max-width:64ch;padding:0 2px 16px}.lab-status a{color:var(--tool-ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.lab-range{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:12px;font-size:.88rem;display:flex}.lab-range input{max-width:360px;accent-color:var(--tool);flex:180px}.lab-range output{min-width:2.5ch;font-family:var(--mono);color:var(--text);font-size:.85rem}.lab-input{min-width:0;min-height:42px;font:inherit;color:var(--text);background:var(--paper);border:1px solid var(--border-strong);border-radius:10px;flex:220px;padding:8px 12px}.lab-input:focus{outline:2px solid var(--tool);outline-offset:-1px}.lab-password{border:1.5px dashed var(--tool);color:var(--text-soft);border-radius:10px;gap:8px;padding:14px;font-size:.9rem;display:grid}.lab-batch{justify-items:start;gap:12px;display:grid}.lab-files{gap:8px;width:100%;list-style:none;display:grid}.lab-file{background:var(--paper);border:1px solid var(--border);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:10px 12px 12px;display:grid;position:relative;overflow:hidden}.lab-file__name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.lab-file__meta{font-family:var(--mono);color:var(--text-dim);grid-column:1;font-size:.74rem}.lab-file__meta b{color:var(--text);font-weight:500}.lab-file__meta em{color:var(--text-soft);font-style:normal}.lab-file__delta{color:var(--text-soft)}.lab-file.is-smaller .lab-file__delta{color:var(--ok);font-weight:600}.lab-file .btn{grid-area:1/2/span 2}.lab-file__bar{height:3px;width:var(--saved,0%);background:var(--tool);position:absolute;bottom:0;left:0}.lab-merge{gap:10px;display:grid}.lab-hint{color:var(--text-dim);font-size:.84rem}.lab-order{gap:6px;list-style:none;display:grid}.lab-order__item{background:var(--paper);border:1px solid var(--border-strong);border-left:3px solid var(--tool);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:8px;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:52px;padding:6px 8px 6px 10px;transition:box-shadow .2s,opacity .2s;display:grid}.lab-order__item:hover{box-shadow:var(--shadow-sm)}.lab-order__item.is-dragging{opacity:.45;border-style:dashed}.lab-order__grip{color:var(--text-dim);letter-spacing:-2px;font-weight:700}.lab-order__num{width:28px;height:28px;font-family:var(--hand);color:var(--tool-ink);border:2px solid var(--tool);border-radius:50% 46% 52% 48%;place-items:center;font-size:1.3rem;font-weight:700;line-height:1;display:grid}.lab-order__name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.lab-order__size{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;font-size:.72rem}.lab-order__actions{gap:4px;display:flex}.lab-order__actions button{width:36px;height:36px;color:var(--text-soft);background:var(--paper-2);border:1px solid var(--border);border-radius:8px;place-items:center;display:grid}.lab-order__actions button:hover:not([disabled]){color:var(--text);border-color:var(--tool)}.lab-order__actions button[disabled]{opacity:.3;cursor:default}.lab-order__actions svg{width:15px;height:15px}.lab-order__actions [data-act=remove]:hover{color:var(--err);border-color:var(--err)}@media (max-width:560px){.lab-order__item{grid-template-columns:auto minmax(0,1fr) auto}.lab-order__grip,.lab-order__size{display:none}}.lab-modes{border:0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;display:grid}.lab-modes legend{color:var(--text-soft);margin-bottom:8px;font-size:.88rem}.lab-mode{position:relative}.lab-mode input{opacity:0;pointer-events:none;position:absolute}.lab-mode span{border:1px solid var(--border-strong);background:var(--paper);cursor:pointer;border-radius:10px;gap:4px;height:100%;padding:12px 14px 12px 40px;transition:border-color .2s,box-shadow .2s;display:grid}.lab-mode span:before{content:"";border:2px solid var(--border-strong);border-radius:50%;width:14px;height:14px;position:absolute;top:15px;left:14px}.lab-mode b{font-size:.95rem}.lab-mode small{color:var(--text-soft);font-size:.8rem;line-height:1.45}.lab-mode input:checked+span{border-color:var(--tool);box-shadow:inset 0 0 0 1px var(--tool)}.lab-mode input:checked+span:before{border-color:var(--tool);background:radial-gradient(circle, var(--tool) 0 3.5px, transparent 4px)}.lab-mode input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.lab-check{color:var(--text-soft);cursor:pointer;align-items:flex-start;gap:10px;font-size:.86rem;display:flex}.lab-check input{width:18px;height:18px;accent-color:var(--tool);flex:none;margin-top:2px}.lab-check b{color:var(--text)}.lab-check.is-disabled{opacity:.5;cursor:default}.lab-row--download{align-items:flex-end}.lab-filename{max-width:420px;color:var(--text-soft);flex:240px;gap:4px;font-size:.84rem;display:grid}.lab-filename small{color:var(--text-dim)}.lab-filename__box{align-items:stretch;display:flex}.lab-filename__box .lab-input{border-top-right-radius:0;border-bottom-right-radius:0;flex:auto}.lab-filename__box .lab-input::placeholder{color:var(--text-dim)}.lab-filename__ext{font-family:var(--mono);color:var(--text-dim);background:var(--paper-2);border:1px solid var(--border-strong);border-left:0;border-radius:0 10px 10px 0;place-items:center;padding:0 10px;font-size:.8rem;display:grid}.lab-split{gap:14px;display:grid}.lab-split__file{color:var(--text-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem;display:flex}.lab-split__file b{color:var(--text);overflow-wrap:anywhere}.lab-split__layout{gap:18px;display:grid}@media (min-width:860px){.lab-split__layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}.lab-split__preview{flex-wrap:wrap;align-content:flex-start;gap:14px;min-height:200px;max-height:70vh;padding:4px;display:flex;overflow:auto}.lab-split__options{background:var(--paper);border:1px solid var(--border-strong);border-radius:12px;gap:14px;padding:14px;display:grid}@media (min-width:860px){.lab-split__options{position:sticky;top:16px}}.lab-split__go{width:100%}.lab-group{border:1.5px dashed var(--border-strong);border-radius:10px;gap:8px;padding:10px;display:grid}.lab-group--pick{width:100%}.lab-group__label{font-family:var(--mono);color:var(--text-dim);font-size:.72rem}.lab-group__pages{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lab-group__more{letter-spacing:2px;color:var(--text-dim);font-weight:700}.lab-thumb{color:inherit;font:inherit;background:0 0;border:0;justify-items:center;gap:4px;margin:0;padding:0;display:grid}.lab-thumb__paper{aspect-ratio:8.5/11;border:1px solid var(--border-strong);width:92px;box-shadow:var(--shadow-sm);background:#fff;border-radius:3px;place-items:center;display:grid;overflow:hidden}.lab-thumb__paper img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .2s}.lab-thumb.is-ready img{opacity:1}.lab-thumb__num{font-family:var(--mono);color:var(--text-dim);font-size:.72rem}button.lab-thumb{cursor:pointer}button.lab-thumb .lab-thumb__paper{outline-offset:2px;outline:3px solid #0000;transition:outline-color .15s,transform .15s;position:relative}button.lab-thumb:hover .lab-thumb__paper{transform:translateY(-2px)}button.lab-thumb.is-selected .lab-thumb__paper{outline-color:var(--tool)}button.lab-thumb.is-selected .lab-thumb__paper:after{content:"✓";color:#fff;background:var(--tool);border-radius:50%;place-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:grid;position:absolute;top:4px;right:4px}button.lab-thumb.is-selected .lab-thumb__num{color:var(--tool-ink);font-weight:600}.lab-tabs{background:var(--paper-2);border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.lab-tab{min-height:40px;color:var(--text-soft);border-radius:7px;font-weight:600}.lab-tab[aria-selected=true]{color:var(--text);background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--tool)}.lab-seg{flex-wrap:wrap;gap:6px;display:flex}.lab-seg label{position:relative}.lab-seg input{opacity:0;pointer-events:none;position:absolute}.lab-seg span{border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;align-items:center;min-height:38px;padding:6px 14px;font-size:.86rem;display:inline-flex}.lab-seg input:checked+span{color:var(--tool-ink);border-color:var(--tool);box-shadow:inset 0 0 0 1px var(--tool);font-weight:600}.lab-seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}[data-panel]{gap:12px;display:grid}[data-sub]{justify-items:start;gap:10px;display:grid}.lab-ranges{gap:8px;width:100%;list-style:none;display:grid}.lab-range-item{background:var(--paper-2);border:1px solid var(--border);border-left:3px solid var(--tool);color:var(--text-soft);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;font-size:.84rem;display:flex}.lab-range-item__label{color:var(--text);flex:1 0 calc(100% - 50px);font-weight:600}.lab-range-item label{order:2;align-items:center;gap:6px;display:inline-flex}.lab-range-item__remove{width:34px;height:34px;color:var(--text-dim);border:1px solid var(--border);border-radius:8px;order:1;place-items:center;display:grid}.lab-range-item__remove svg{width:14px;height:14px}.lab-range-item__remove:hover:not([disabled]){color:var(--err);border-color:var(--err)}.lab-range-item__remove[disabled]{opacity:.3;cursor:default}.lab-input--num{text-align:center;flex:none;width:72px;min-height:38px}.lab-field--block{gap:6px;width:100%;display:grid}.lab-split__options .lab-filename{max-width:none}