:root{--bg: var(--surface-page);--panel: var(--surface-page);--panel-2: var(--surface-sunken);--border: var(--line-1);--text: var(--ink-1);--text-dim: var(--ink-2);--accent: var(--accent-primary);--accent-dim: var(--line-disabled);--mark: var(--accent-tool);--on-mark: var(--ink-on-accent-tool);--danger: var(--red);--radius: var(--radius-0);font-size:var(--text-body)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);min-height:100vh}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.2rem;border-bottom:var(--border-thick) solid var(--border)}.brand{display:flex;align-items:center;gap:.6rem}.brand h1{font:var(--type-app-title);margin:0;letter-spacing:var(--tracking-title)}.brand-mark{width:18px;height:18px;border-radius:var(--radius-0);border:var(--border-thin) solid var(--border);background:conic-gradient(var(--white) 0 25%,var(--black) 0 50%,var(--white) 0 75%,var(--black) 0) 0 0 / 9px 9px}.badge{font-size:.75rem;padding:.25rem .6rem;border-radius:var(--radius-0);border:var(--border-thick) solid var(--border);color:var(--text-dim)}.badge-ok{color:var(--accent);border-color:var(--accent-dim)}.badge-warn{color:var(--orange);border-color:var(--grey-700)}.layout{display:grid;grid-template-columns:1fr 340px;gap:1rem;padding:1rem 1.2rem;max-width:1500px;margin:0 auto}@media(max-width:980px){.layout{grid-template-columns:1fr}}.stage{position:relative;border-radius:var(--radius);border:var(--border-thick) solid var(--border);overflow:hidden;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.checkerboard{background:conic-gradient(var(--grey-700) 0 25%,var(--grey-800) 0 50%,var(--grey-700) 0 75%,var(--grey-800) 0) 0 0 / 24px 24px}#preview-canvas{max-width:100%;max-height:100%;display:block}.stage.picking{cursor:crosshair}.dropzone{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--surface-raised);cursor:pointer;transition:background .15s,color .15s}.dropzone:hover,.dropzone.dragover{background:var(--grey-700);color:var(--ink-inverse)}.dropzone:hover .dz-sub,.dropzone.dragover .dz-sub,.dropzone:hover .dz-hint,.dropzone.dragover .dz-hint{color:var(--ink-inverse)}.dropzone-inner{text-align:center;padding:1rem}.dz-title{font-size:1.3rem;font-weight:600;margin:0 0 .3rem}.dz-sub{color:var(--text-dim);margin:0 0 .8rem;transition:color .15s}.dz-hint{color:var(--text-dim);font-size:.78rem;max-width:40ch;margin:0 auto;transition:color .15s}.stage-toolbar{position:absolute;top:.6rem;left:.6rem;display:flex;gap:.4rem}.transport{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem}.transport-row{display:flex;align-items:center;gap:.7rem}.transport-marks{flex-wrap:wrap;gap:.4rem}.transport-marks .kbd-hint{margin-left:auto}.transport-marks .tool-btn{font-size:.78rem;padding:.3rem .6rem}.transport-marks .tool-btn:disabled{opacity:.4;cursor:not-allowed}.transport-marks .tool-btn:disabled:hover{border-color:var(--border)}.seek-wrap{flex:1;min-width:0}.seek-wrap input[type=range]{width:100%;display:block;margin:0}.trim-ruler{position:relative;height:6px;margin-top:2px;border-radius:var(--radius-0);background:var(--panel-2);overflow:hidden}.trim-band{position:absolute;top:0;bottom:0;background:var(--border);border-radius:var(--radius-0);transition:left .08s linear,width .08s linear}.trim-ruler.marked .trim-band{background:var(--mark)}.trim-ruler.marked.looping .trim-band{background:var(--accent)}.range-label{font-size:.78rem;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.time-label{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:.85rem}.kbd-hint{color:var(--text-dim);font-size:.75rem;white-space:nowrap}.kbd-hint kbd{font-family:inherit;font-size:.7rem;border:var(--border-thick) solid var(--border);border-bottom-width:2px;border-radius:var(--radius-0);padding:.05rem .35rem;background:var(--panel-2);color:var(--text)}@media(max-width:620px){.kbd-hint{display:none}}.file-info{margin-top:.5rem;color:var(--text-dim);font-size:.82rem}.file-info .warn{color:var(--orange)}.sidebar{display:flex;flex-direction:column;gap:1rem}.panel{background:var(--panel);border:var(--border-thick) solid var(--border);border-radius:var(--radius);padding:.9rem 1rem 1rem}.panel h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 .8rem}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.8rem}.panel-head h2{margin:0}.key-body.off .slider-row,.key-body.off .note,.key-body.off .ghost-btn{opacity:.45}.switch{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{box-sizing:border-box;width:40px;height:20px;border-radius:var(--radius-0);background:var(--bg);border:var(--border-thick) solid var(--border);padding:2px;display:block;transition:background .15s}.switch-thumb{display:block;width:12px;height:12px;border-radius:var(--radius-0);background:var(--text);transition:transform .15s,background .15s}.switch input:checked+.switch-track{background:var(--mark)}.switch input:checked+.switch-track .switch-thumb{background:var(--on-mark);transform:translate(20px)}.switch input:focus-visible+.switch-track{outline:var(--border-thick) solid var(--accent);outline-offset:2px}.switch-label{font-size:.75rem;color:var(--text-dim);min-width:2.2em}.row{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.row label{flex:0 0 84px;font-size:.85rem;color:var(--text-dim)}.slider-row input[type=range]{flex:1;accent-color:var(--mark)}.val{flex:0 0 42px;text-align:right;font-variant-numeric:tabular-nums;font-size:.85rem}.note{color:var(--text-dim);font-size:.75rem;margin:.2rem 0 .6rem}.warn-note{color:var(--orange)}input[type=color]{width:42px;height:30px;border:var(--border-thick) solid var(--border);border-radius:var(--radius-0);background:none;padding:2px;cursor:pointer}.hex-field,.trim-fields input,select{background:var(--panel-2);border:var(--border-thick) solid var(--border);color:var(--text);border-radius:var(--radius-0);padding:.35rem .5rem;font-size:.85rem;font-family:inherit}.hex-field{width:84px}select{flex:1}.preset-cards{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.8rem}.preset-card{border:var(--border-thick) solid var(--border);border-radius:var(--radius-0);background:var(--panel-2);padding:.55rem .6rem;cursor:pointer;text-align:left;color:var(--text);font-family:inherit}.preset-card:hover{border-color:var(--accent-dim)}.preset-card.selected{border-color:var(--accent);background:var(--panel)}.preset-card .pc-name{display:block;font-size:.85rem;font-weight:600}.preset-card .pc-sub{display:block;font-size:.72rem;color:var(--text-dim);margin-top:.15rem}.preset-card .pc-tag{display:inline-block;font-size:.65rem;color:var(--accent);margin-top:.2rem}.trim-row{align-items:flex-start}.trim-fields{display:flex;align-items:center;gap:.3rem;flex:1;min-width:0;flex-wrap:wrap}.trim-fields input{flex:1 1 62px;width:auto;min-width:0}.mini-btn{background:var(--panel-2);border:var(--border-thick) solid var(--border);color:var(--text-dim);border-radius:var(--radius-0);padding:.3rem .4rem;cursor:pointer}.mini-btn:hover{color:var(--accent);border-color:var(--accent-dim)}.primary-btn{width:100%;background:var(--accent);color:var(--ink-on-green);font-weight:700;font-size:.95rem;border:none;border-radius:var(--radius-0);padding:.6rem;cursor:pointer;font-family:inherit}.primary-btn:hover:not(:disabled){background:var(--ink-1);color:var(--surface-page)}.primary-btn:disabled{background:var(--panel-2);color:var(--text-dim);cursor:not-allowed}.ghost-btn{background:none;border:var(--border-thick) solid var(--border);color:var(--text-dim);border-radius:var(--radius-0);padding:.4rem .8rem;cursor:pointer;font-family:inherit;font-size:.8rem}.ghost-btn:hover{color:var(--text);border-color:var(--text-dim)}.tool-btn{background:var(--surface-raised);border:var(--border-thick) solid var(--border);color:var(--text);border-radius:var(--radius-0);padding:.35rem .7rem;cursor:pointer;font-family:inherit;font-size:.8rem}.tool-btn:hover{border-color:var(--accent-dim)}.tool-btn.active{border-color:var(--mark);color:var(--mark)}.progress-track{height:10px;border-radius:var(--radius-0);background:var(--panel-2);border:var(--border-thick) solid var(--border);overflow:hidden}.progress-track.preparing{background-image:linear-gradient(90deg,var(--border) 0 30%,transparent 30%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar{height:100%;width:0%;background:var(--accent);transition:width .25s}.progress-meta{display:flex;align-items:center;gap:.7rem;margin-top:.5rem;font-size:.85rem;color:var(--text-dim)}.progress-meta .ghost-btn{margin-left:auto}.spinner{display:inline-block;width:12px;height:12px;border:var(--border-thick) solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-0);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-box{display:flex;align-items:center;gap:.7rem;margin-top:.7rem;font-size:.85rem}.result-box .primary-btn{width:auto;padding:.45rem 1rem}.log-details{margin-top:.7rem}.log-details summary{color:var(--text-dim);font-size:.78rem;cursor:pointer}.log-details pre{max-height:180px;overflow:auto;background:var(--black);border:var(--border-thick) solid var(--border);border-radius:var(--radius-0);padding:.5rem;font-size:.7rem;white-space:pre-wrap;word-break:break-all}.toast{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);background:var(--panel-2);border:var(--border-thick) solid var(--border);border-radius:var(--radius-0);padding:.6rem 1rem;font-size:.85rem;max-width:80ch;box-shadow:var(--shadow-none);z-index:50}.toast.error{border-color:var(--danger)}.header-right{display:flex;align-items:center;gap:.6rem}.donate-root{position:relative}.donate-trigger{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size:.78rem;font-weight:550;color:var(--text-dim);background:none;border:var(--border-thick) solid var(--border);border-radius:var(--radius-0);padding:.3rem .75rem;cursor:pointer;transition:color .12s ease,border-color .12s ease}.donate-trigger:hover{color:var(--text);border-color:var(--accent-dim)}.donate-pop{position:absolute;right:0;top:calc(100% + .5rem);width:17.5rem;padding:.9rem;background:var(--panel);border:var(--border-thick) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-none);z-index:60}.donate-pop h3{font-size:.9rem;font-weight:600;margin:0 0 .2rem}.donate-sub{color:var(--text-dim);font-size:.78rem;margin:0 0 .8rem}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:.6rem}.amount-grid button{padding:.5rem 0;font:inherit;font-size:.85rem;color:var(--text);background:var(--panel-2);border:var(--border-thick) solid var(--border);border-radius:var(--radius-0);cursor:pointer}.amount-grid button:hover{border-color:var(--accent-dim)}.amount-grid button.active{border-color:var(--accent);color:var(--accent);font-weight:600}.donate-row{display:flex;gap:.4rem;margin-bottom:.7rem}.donate-row .cur-input{display:flex;align-items:center;gap:.35rem;flex:1;min-width:0;padding:0 .55rem;background:var(--panel-2);border:var(--border-thick) solid var(--border);border-radius:var(--radius-0)}.donate-row .cur-symbol{color:var(--text-dim);font-size:.85rem}.donate-row .cur-input input{flex:1;min-width:0;border:none;outline:none;background:none;color:var(--text);font:inherit;font-size:.85rem;padding:.45rem 0}.donate-row .cur-select{flex:0 0 5.2rem}.donate-submit{width:100%;padding:.55rem;font:inherit;font-size:.88rem;font-weight:600;color:var(--ink-on-green);background:var(--accent);border:var(--border-thick) solid var(--accent);border-radius:var(--radius-0);cursor:pointer}.donate-submit:hover:not(:disabled){background:var(--bg);color:var(--accent)}.donate-submit:disabled{opacity:.6;cursor:default}.donate-err{color:var(--danger);font-size:.76rem;margin:.6rem 0 0}.donate-note{color:var(--text-dim);font-size:.72rem;margin:.6rem 0 0;text-align:center}@media(max-width:620px){.donate-pop{right:auto;left:50%;transform:translate(-50%)}}.page-content{max-width:900px;margin:0 auto;padding:1.5rem 1.2rem 0;line-height:1.65;color:var(--text-dim)}.page-content h2{color:var(--text);font-size:1.15rem;font-weight:600;margin:2.2rem 0 .6rem;letter-spacing:0;text-transform:none}.page-content h2:first-child{margin-top:0}.page-content h3{color:var(--text);font-size:.95rem;font-weight:600;margin:1.4rem 0 .3rem}.page-content p{margin:0 0 .9rem}.page-content strong{color:var(--text);font-weight:600}.page-content em{color:var(--text);font-style:normal;font-weight:550}.page-content ol,.page-content ul{margin:0 0 1rem;padding-left:1.3rem}.page-content li{margin-bottom:.5rem}.shortcut-list{list-style:none;padding-left:0}.shortcut-list kbd,.page-content kbd{font-family:inherit;font-size:.75rem;border:var(--border-thick) solid var(--border);border-bottom-width:2px;border-radius:var(--radius-0);padding:.05rem .35rem;background:var(--panel-2);color:var(--text)}.table-scroll{overflow-x:auto;margin-bottom:1rem}.page-content table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.85rem}.page-content th,.page-content td{text-align:left;padding:.55rem .7rem;border-bottom:var(--border-thick) solid var(--border);vertical-align:top}.page-content th{color:var(--text);font-weight:600}.page-content tbody td:first-child{color:var(--text);white-space:nowrap}.site-footer{max-width:900px;margin:2.5rem auto 0;padding:1.2rem;border-top:var(--border-thick) solid var(--border);color:var(--text-dim);font-size:.8rem;text-align:center}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.1rem;margin-bottom:.7rem}.site-footer a{color:var(--text-dim);text-decoration:none}.site-footer a:hover{color:var(--accent)}.site-footer p{margin:0}