:root{--bg: #101014;--panel: #18181f;--panel-2: #1f1f28;--border: #2a2a35;--text: #e8e8ee;--text-dim: #9a9aa8;--accent: #3ddc84;--accent-dim: #2aa864;--danger: #e05555;--radius: 10px;font-size:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;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:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.6rem}.brand h1{font-size:1.05rem;font-weight:600;margin:0;letter-spacing:.02em}.brand-mark{width:18px;height:18px;border-radius:5px;background:conic-gradient(#fff 0 25%,transparent 0 50%,#fff 0 75%,transparent 0) 0 0 / 10px 10px,var(--accent);opacity:.9}.badge{font-size:.75rem;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border);color:var(--text-dim)}.badge-ok{color:var(--accent);border-color:var(--accent-dim)}.badge-warn{color:#e0b455;border-color:#8a6d2f}.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:1px solid var(--border);overflow:hidden;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.checkerboard{background:conic-gradient(#3a3a44 0 25%,#22222a 0 50%,#3a3a44 0 75%,#22222a 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:#101014e0;cursor:pointer;transition:background .15s}.dropzone:hover,.dropzone.dragover{background:#141a16eb}.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}.dz-hint{color:var(--text-dim);font-size:.78rem;max-width:40ch;margin:0 auto}.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:4px;margin-top:2px;border-radius:999px;background:var(--panel-2);overflow:hidden}.trim-band{position:absolute;top:0;bottom:0;background:var(--border);border-radius:999px;transition:left .08s linear,width .08s linear}.trim-ruler.marked .trim-band{background:var(--accent-dim)}.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:1px solid var(--border);border-bottom-width:2px;border-radius:4px;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:#e0b455}.sidebar{display:flex;flex-direction:column;gap:1rem}.panel{background:var(--panel);border:1px 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{width:34px;height:18px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);padding:2px;display:block;transition:background .15s,border-color .15s}.switch-thumb{display:block;width:12px;height:12px;border-radius:50%;background:var(--text-dim);transition:transform .15s,background .15s}.switch input:checked+.switch-track{background:var(--accent-dim);border-color:var(--accent)}.switch input:checked+.switch-track .switch-thumb{background:#0c1a12;transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:2px 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(--accent)}.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:#e0b455}input[type=color]{width:42px;height:30px;border:1px solid var(--border);border-radius:6px;background:none;padding:2px;cursor:pointer}.hex-field,.trim-fields input,select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;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:1px solid var(--border);border-radius:8px;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:#1c2a22}.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}.trim-fields input{width:70px}.mini-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;padding:.3rem .4rem;cursor:pointer}.mini-btn:hover{color:var(--accent);border-color:var(--accent-dim)}.primary-btn{width:100%;background:var(--accent);color:#0c1a12;font-weight:700;font-size:.95rem;border:none;border-radius:8px;padding:.6rem;cursor:pointer;font-family:inherit}.primary-btn:hover:not(:disabled){background:#4ee694}.primary-btn:disabled{background:var(--panel-2);color:var(--text-dim);cursor:not-allowed}.ghost-btn{background:none;border:1px solid var(--border);color:var(--text-dim);border-radius:8px;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:#101014bf;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.35rem .7rem;cursor:pointer;font-family:inherit;font-size:.8rem;backdrop-filter:blur(4px)}.tool-btn:hover{border-color:var(--accent-dim)}.tool-btn.active{border-color:var(--accent);color:var(--accent)}.progress-track{height:10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);overflow:hidden}.progress-track.preparing{background-image:linear-gradient(90deg,var(--panel-2) 0%,var(--border) 50%,var(--panel-2) 100%);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:linear-gradient(90deg,var(--accent-dim),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:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;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:#0c0c10;border:1px solid var(--border);border-radius:6px;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:1px solid var(--border);border-radius:8px;padding:.6rem 1rem;font-size:.85rem;max-width:80ch;box-shadow:0 6px 24px #00000080;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:1px solid var(--border);border-radius:999px;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:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 34px #0000008c;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:1px solid var(--border);border-radius:8px;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:1px solid var(--border);border-radius:8px}.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:#101014;background:var(--accent);border:1px solid var(--accent);border-radius:8px;cursor:pointer}.donate-submit:hover:not(:disabled){filter:brightness(1.07)}.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:1px solid var(--border);border-bottom-width:2px;border-radius:4px;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:1px 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:1px 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}