:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0f14;--bg-soft:#151a21;--bg-softer:#1c232d;--line:#ffffff1a;--line-strong:#ffffff2e;--ink:#f2f5f8;--muted:#9aa1ab;--faint:#5f6873;--volt:#cdff57;--volt-dim:#cdff5724;--volt-ink:#101602;--accent:#2ad181;--accent2:#38bdf8;--gold:#e8b34b;--coral:#ff8a5c;--danger:#ff5c5c;--volt-line:var(--volt);--volt-deep:var(--volt);--volt-halo:var(--volt-dim);--volt-ring:#cdff5773;--volt-hover-line:#cdff5780;--volt-edge:transparent;--volt-accent:var(--volt);--pace-flow:#cdff5729;--bg-idle:#151a21;--bg-inset:#232a34;--btn-disabled-bg:#2a313c;--track-bg:#2a313c;--segmark-on:#cdff57a6;--coral-ink:#e8806b;--danger-ink:#ff8f8f;--shadow-card:none;--shadow-content:none;--shadow-pop:0 10px 30px #0000008c;--plus-shadow:0 1px 5px #00000073;--font-body:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-num:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--radius-lg:16px;--radius-md:12px;--radius-sm:8px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f4e9;--bg-soft:#fff;--bg-softer:#f3f5ea;--line:#1d23121f;--line-strong:#1d23123d;--ink:#1d2312;--muted:#59604c;--faint:#6a7259;--volt-line:#658c06;--volt-deep:#4e7200;--volt-dim:#cdff574d;--volt-halo:#cdff578c;--volt-ring:#658c068c;--volt-hover-line:#658c0699;--volt-edge:#4e720066;--volt-accent:#658c06;--pace-flow:#8cbe0a38;--bg-idle:#e9ecdc;--bg-inset:#dde1cc;--btn-disabled-bg:#e4e7d8;--track-bg:#e2e5d4;--segmark-on:#658c06b3;--accent:#0b7a4b;--accent2:#0a7bbf;--gold:#8f6400;--coral:#b44a26;--danger:#c23a2b;--coral-ink:#b44a26;--danger-ink:#c23a2b;--shadow-card:0 1px 2px #1d23120a, 0 6px 18px #1d23120d;--shadow-content:0 3px 10px #1d23121f;--shadow-pop:0 10px 30px #1d231240;--plus-shadow:0 1px 4px #4e720059}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);margin:0;font-size:15px;line-height:1.55}.app{max-width:1160px;margin:0 auto;padding:22px 28px 80px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.topbar{align-items:center;gap:22px;display:flex}.logo{font-family:var(--font-num);letter-spacing:.5px;white-space:nowrap;font-size:19px;font-weight:700}.logo em{color:var(--volt-deep);font-style:normal}.privacy{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin-left:0;padding:5px 12px;font-size:12.5px;display:flex}.topbar-side{align-items:center;gap:8px;margin-left:auto;display:flex}.theme-toggle{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle:hover{color:var(--volt-deep);border-color:var(--volt-hover-line)}.pacebar{flex:1;gap:3px;max-width:560px;margin:0 auto;display:flex}.pace-seg{background:var(--bg-idle);height:38px;color:var(--faint);font-family:var(--font-body);cursor:default;white-space:nowrap;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13.5px;font-weight:600;display:flex;position:relative;overflow:hidden}.pace-seg .km{width:20px;height:20px;font-family:var(--font-num);background:var(--bg-inset);color:var(--faint);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.pace-seg.done{background:var(--volt);color:var(--volt-ink);cursor:pointer;box-shadow:inset 0 0 0 1px var(--volt-edge)}.pace-seg.done .km{color:var(--volt-ink);background:#10160229}.pace-seg.now{background:var(--volt-dim);color:var(--volt-deep);outline:1px solid var(--volt-ring)}.pace-seg.now .km{background:var(--volt);color:var(--volt-ink);box-shadow:inset 0 0 0 1px var(--volt-edge)}.pace-seg.now:after{content:"";background:linear-gradient(100deg, transparent 20%, var(--pace-flow) 50%, transparent 80%);pointer-events:none;animation:3s ease-in-out infinite paceflow;position:absolute;inset:0}@keyframes paceflow{0%,to{transform:translate(-60%)}50%{transform:translate(60%)}}@media (prefers-reduced-motion:reduce){.pace-seg.now:after{animation:none}}.panel{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.btn-primary{background:var(--volt);color:var(--volt-ink);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;box-shadow:inset 0 0 0 1px var(--volt-edge);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:15px;font-weight:700;display:inline-flex}.btn-primary:hover:enabled{filter:brightness(1.06)}.btn-primary:disabled{background:var(--btn-disabled-bg);color:var(--faint);cursor:not-allowed;box-shadow:none}.btn-ghost{color:var(--muted);border:1px solid var(--line-strong);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-ghost:hover:enabled{color:var(--volt-deep);border-color:var(--volt-hover-line)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--volt-line);outline-offset:1px}.error{color:#ffb3b3;border-radius:var(--radius-md);background:#ff5c5c1f;border:1px solid #ff5c5c66;margin:16px 0;padding:12px 16px;font-size:14px}.ocr-bar{border-radius:var(--radius-md);color:#7be3b4;background:#2ad1811a;border:1px solid #2ad18159;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;font-size:13.5px;display:flex}.ocr-bar .meter{background:#2ad1812e;border-radius:2px;flex:1;height:4px;overflow:hidden}.ocr-bar .meter i{background:var(--accent);border-radius:2px;width:40%;height:100%;animation:1.2s ease-in-out infinite meterslide;display:block}@keyframes meterslide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (prefers-reduced-motion:reduce){.ocr-bar .meter i{width:100%;animation:none}}.field-label{color:var(--faint);letter-spacing:.3px;font-size:12px;font-weight:600}.input{background:var(--bg-softer);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-num);padding:9px 10px;font-size:14px}.input:focus{outline:2px solid var(--volt-line);outline-offset:-1px;border-color:#0000}.input.invalid{border-color:var(--danger);background:#ff5c5c14}.input::placeholder{color:var(--faint)}.section-title{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.section-title .hint{color:var(--faint);font-size:12.5px;font-weight:400}.section-gap{margin-top:26px}.blk-gap{margin:26px 0 0}.blk-gap-sm{margin:0 0 10px}.gallery-title{margin:30px 0 2px}input[type=radio],input[type=checkbox]{accent-color:var(--volt-accent)}.actionbar{z-index:5;background:var(--bg);border-top:1px solid var(--line);align-items:center;gap:14px;margin-top:10px;padding:14px 0 10px;display:flex;position:sticky;bottom:0}.actionbar .total{color:var(--muted);font-size:13.5px}.actionbar .total b{color:var(--ink)}.actionbar .spacer{margin-left:auto}.dropzone{border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:radial-gradient(520px 200px at 50% 0%, #cdff570d, transparent 70%), var(--bg-soft);border:2px dashed #fff3;padding:54px 24px 44px;transition:border-color .15s}.dropzone:hover{border-color:var(--volt-line)}.dz-icon{background:var(--volt-dim);width:64px;height:64px;color:var(--volt);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.dz-main{font-size:19px;font-weight:700}.dz-sub{color:var(--muted);margin-top:6px;font-size:13.5px}.dz-apps{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.dz-apps span{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:12px}.thumbs{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:12px;margin-top:18px;display:grid}.thumbs figure{margin:0}.thumbs img{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:100%;height:150px;display:block}.thumbs figcaption{color:var(--muted);word-break:break-all;margin-top:4px;font-size:12px}.gallery{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:12px;display:grid}.g-card{cursor:default}.g-thumb{aspect-ratio:9/14;border:1px solid var(--line);background:var(--bg-softer);box-shadow:var(--shadow-content);border-radius:10px;margin-bottom:7px;position:relative;overflow:hidden}.g-thumb img{object-fit:cover;width:100%;height:100%;display:block}.g-name{color:var(--muted);text-align:center;font-size:12.5px}.thumb-empty{text-align:center;color:var(--faint);justify-content:center;align-items:center;padding:12px;font-size:11px;display:flex;position:absolute;inset:0}.records-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.record-card{gap:16px;padding:16px;display:flex}.rc-thumbbox{flex:none;width:158px}.rc-thumb{border:1px solid var(--line);cursor:zoom-in;width:158px;height:auto;box-shadow:var(--shadow-content);border-radius:10px;display:block}.rc-thumb:hover{outline:2px solid var(--volt-line)}.rc-name{color:var(--muted);word-break:break-all;margin-top:6px;font-size:11px}.rc-status{color:var(--accent2);font-size:11px}.rc-fields{flex-direction:column;flex:1;gap:11px;min-width:0;display:flex}.rc-field{flex-direction:column;gap:4px;display:flex}.rc-field .input{text-align:center;width:110px}.rc-field .input.date{text-align:left;width:158px}.seg3{align-items:center;gap:4px;display:flex}.seg3 .input{text-align:center;width:46px;padding:9px 2px}.seg3 .sep{color:var(--faint)}.saved-badge{color:var(--accent);cursor:help;background:#2ad1811f;border:1px solid #2ad18173;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:11px;display:inline-block}.back-btn{color:var(--muted);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;margin-bottom:12px;padding:4px 0;font-size:13.5px}.back-btn:hover{color:var(--volt-deep)}.gen-mode{background:var(--bg-softer);border:1px solid var(--line);border-radius:11px;gap:3px;padding:3px;display:inline-flex}.gen-mode button{color:var(--muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 18px;font-size:13.5px;font-weight:700}.gen-mode button.active{background:var(--volt);color:var(--volt-ink);box-shadow:inset 0 0 0 1px var(--volt-edge)}.gen-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gen-head .gen-mode{margin-right:auto}.theme-dots{align-items:center;gap:10px;display:flex}.theme-dot{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0;position:relative}.theme-dot i{border-radius:50%;position:absolute;inset:3px}.theme-dot.picked{border-color:var(--ink)}.theme-dot:hover:not(.picked){border-color:var(--line-strong)}.tpl-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-top:12px;display:grid}.tpl-card{cursor:pointer;display:block;position:relative}.tpl-frame{aspect-ratio:9/14;border:1.5px solid var(--line);background:var(--bg-softer);box-shadow:var(--shadow-content);border-radius:12px;position:relative;overflow:hidden}.tpl-frame img{object-fit:cover;width:100%;height:100%;display:block}.tpl-card:hover .tpl-frame{border-color:var(--line-strong)}.tpl-card.picked .tpl-frame{border-color:var(--volt-line);box-shadow:0 0 0 3px var(--volt-halo)}.tpl-card.picked:after{content:"✓";background:var(--volt);width:22px;height:22px;color:var(--volt-ink);z-index:2;box-shadow:inset 0 0 0 1px var(--volt-edge);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex;position:absolute;top:8px;right:8px}.tpl-check{opacity:0;z-index:1;cursor:pointer;width:18px;height:18px;margin:0;position:absolute;top:10px;left:10px}.tpl-name{margin-top:8px;font-size:12.5px;font-weight:600;display:block}.tpl-card.picked .tpl-name{color:var(--volt-deep)}.tpl-dur{color:var(--faint);font-size:11px;display:block}.bgm{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);box-shadow:var(--shadow-card);flex-direction:column;gap:8px;margin:22px 0 0;padding:14px 16px;display:flex}.bgm legend{padding:0 6px;font-size:14px;font-weight:700}.bgm-row{border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:9px 14px;font-size:14px;display:flex}.bgm-row.picked{border-color:var(--volt-ring);background:var(--volt-dim)}.bgm-row:has(input[type=radio]){cursor:pointer}.bgm-name{flex:1;font-weight:600}.bgm-row:has(input[type=file]){cursor:default}.bgm-dur{color:var(--faint);font-size:12.5px}.bgm-custom-label{cursor:pointer;align-items:center;gap:8px;font-weight:600;display:flex}.bgm-custom-label input[type=file]{color:var(--muted);max-width:260px;font-size:12.5px}.bgm-preview{color:var(--muted);border:1px solid var(--line-strong);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:4px 13px;font-size:13px;font-weight:600}.bgm-preview:hover{border-color:var(--volt-hover-line);color:var(--volt-deep)}.workbench{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:26px;margin-top:14px;display:grid}.workbench-main{flex-direction:column;gap:16px;min-width:0;display:flex}.lib-grid{grid-template-columns:repeat(8,1fr);gap:10px;display:grid}.lib-card{cursor:pointer;text-align:center;font-family:var(--font-body);color:inherit;background:0 0;border:none;padding:0}.lib-frame{aspect-ratio:9/12;background:var(--bg-softer);width:100%;box-shadow:var(--shadow-content);border:1.5px dashed #ffffff38;border-radius:9px;margin-bottom:5px;display:block;position:relative;overflow:hidden}.lib-thumb{position:absolute;inset:0}.lib-frame img,.lib-thumb img{object-fit:cover;width:100%;height:100%;display:block}.lib-demo{margin-top:2px;padding:3px 10px;font-size:11.5px}.lib-item{flex-direction:column;display:flex}.lib-item .lib-demo{margin-top:auto}.lib-frame img{object-fit:cover;width:100%;height:100%;display:block}.lib-card:hover:not(:disabled) .lib-frame{border-color:var(--volt-line)}.lib-card:disabled{opacity:.42;cursor:not-allowed}.lib-plus{background:var(--volt);width:20px;height:20px;color:var(--volt-ink);box-shadow:inset 0 0 0 1px var(--volt-edge), var(--plus-shadow);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex;position:absolute;top:5px;right:5px}.lib-name{color:var(--muted);font-size:11px;line-height:1.35;display:block}.lib-reason{color:var(--coral-ink);font-size:10px;display:block}.timeline{align-items:stretch;padding:12px 2px 8px;display:flex;overflow-x:auto}.tl-block{background:var(--bg-softer);border:1.5px solid var(--line);cursor:pointer;min-width:192px;font-family:var(--font-body);color:inherit;text-align:left;border-radius:12px;flex-direction:column;justify-content:space-between;gap:6px;padding:12px 12px 10px;display:flex;position:relative}.tl-block.selected{border-color:var(--volt-line);box-shadow:0 0 0 3px var(--volt-halo)}.tl-block.dragging{opacity:.35}.tl-block.drop-before{box-shadow:-4px 0 0 0 var(--volt-line)}.tl-block.drop-after{box-shadow:4px 0 0 0 var(--volt-line)}.tl-block .tl-kind{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;overflow:hidden}.tl-block .tl-dur{color:var(--muted);font-size:11px}.tl-block .tl-idx{font-family:var(--font-num);color:var(--faint);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:0 6px;font-size:10px;font-weight:700;line-height:15px;position:absolute;top:-9px;left:10px}.tl-block.tone-neutral{background:#182028}.tl-block.tone-volt{border-left:3px solid var(--volt-line);background:#cdff571a}.tl-block.tone-sky{border-left:3px solid var(--accent2);background:#38bdf81a}.tl-block.tone-mint{border-left:3px solid var(--accent);background:#2ad1811a}.tl-block.tone-pink{background:#ff5c8a1a;border-left:3px solid #ff5c8a}.tl-block.tone-gold{border-left:3px solid var(--gold);background:#e8b34b1a}.tl-block.tone-coral{border-left:3px solid var(--coral);background:#ff8a5c1a}.tl-joint{flex:none;justify-content:center;align-items:center;width:30px;display:flex;position:relative}.tl-joint-btn{background:var(--bg-softer);border:1px solid var(--line-strong);width:26px;height:26px;color:var(--muted);font-family:var(--font-num);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;display:flex}.tl-joint-btn:hover{color:var(--volt-deep);border-color:var(--volt-line)}.tl-joint-btn[aria-expanded=true]{color:var(--volt-ink);background:var(--volt);border-color:var(--volt);box-shadow:inset 0 0 0 1px var(--volt-edge)}.tl-joint-menu{z-index:60;background:var(--bg-soft);border:1px solid var(--line-strong);min-width:148px;box-shadow:var(--shadow-pop);border-radius:10px;flex-direction:column;gap:2px;padding:4px;display:flex;position:fixed}.tl-joint-menu button{color:var(--muted);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:12.5px;display:flex}.tl-joint-menu button:hover{background:var(--bg-softer);color:var(--ink)}.tl-joint-menu button.picked{color:var(--volt-deep)}.tl-ops{flex-wrap:wrap;gap:4px;display:flex}.tl-ops button{border:1px solid var(--line);color:var(--muted);font-size:11px;font-family:var(--font-num);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;flex:none;padding:1px 5px}.tl-ops button:hover:enabled{border-color:var(--volt-hover-line);color:var(--volt-deep)}.tl-ops button:disabled{opacity:.35;cursor:not-allowed}.tl-ops .seg-remove:hover{border-color:var(--danger);color:var(--danger)}.tl-drawer{flex-direction:column;gap:12px;padding:16px 18px;display:flex}.tl-drawer-head{align-items:center;gap:10px;display:flex}.seg-config-row{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.seg-config-row>span:first-child{color:var(--faint);flex:none;width:64px}.seg-config-row input[type=text],.seg-config-row input:not([type]):not([data-seg]){background:var(--bg-softer);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-body);width:220px;padding:6px 9px;font-size:13px}.seg-config-row input:focus{outline:2px solid var(--volt-line);outline-offset:-1px}.seg-hint{color:var(--faint);font-size:12px}.checks{flex-wrap:wrap;gap:12px;display:flex}.checks label{color:var(--muted);cursor:pointer;align-items:center;gap:5px;font-size:13px;display:flex}.checks input[type=checkbox]{accent-color:var(--volt-accent);width:15px;height:15px}.checks label.part-off{opacity:.45}.preview-rail{flex-direction:column;gap:10px;display:flex;position:sticky;top:16px}.compose-preview{flex-direction:column;gap:10px;display:flex}.compose-preview canvas{aspect-ratio:9/16;border:1px solid var(--line-strong);width:100%;box-shadow:var(--shadow-content);background:#000;border-radius:14px;display:block}.pv-scrub{align-items:center;gap:10px;display:flex}.pv-play{background:var(--volt);width:34px;height:34px;color:var(--volt-ink);font-size:12px;font-family:var(--font-num);cursor:pointer;box-shadow:inset 0 0 0 1px var(--volt-edge);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.pv-play:hover{filter:brightness(1.06)}.pv-scrub input[type=range]{accent-color:var(--volt-accent);flex:1}.compose-time{color:var(--faint);white-space:nowrap;font-size:12px}.pv-segmark{gap:2px;display:flex}.pv-segmark i{background:var(--track-bg);border-radius:2px;height:4px}.pv-segmark i.filled{background:var(--segmark-on)}.pv-hint{color:var(--faint);font-size:12px;line-height:1.6}.compose-summary{font-size:14px;font-weight:600}.compose-error{color:var(--danger-ink)}.finish-tape{background:repeating-conic-gradient(#e9edf2 0 25%, #14181f 0 50%) 0 0 / 14px 14px;opacity:.9;border-radius:999px;height:10px;margin:26px 0 18px}.finish-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.finish-head b{font-size:22px;font-weight:800}.finish-head span{color:var(--muted);font-size:13.5px}.results{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px;display:grid}.results figure{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;margin:0;padding:12px;display:flex}.results video{aspect-ratio:9/16;width:100%;box-shadow:var(--shadow-content);background:#000;border-radius:10px}.result-meta{color:var(--muted);flex-direction:column;gap:4px;margin-top:10px;font-size:12px;display:flex}.results a{color:var(--volt-deep);font-weight:700;text-decoration:none}.results a:hover{text-decoration:underline}.progress{width:100%;accent-color:var(--volt-accent);margin-top:10px}.lightbox{z-index:100;cursor:zoom-out;background:#040609e0;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.lightbox img{border-radius:12px;max-width:90vw;max-height:82vh;box-shadow:0 8px 40px #00000080}.lightbox p{color:#cdd3da;font-size:14px}.lightbox.demo{cursor:default}.demo-card{background:var(--bg-soft);border:1px solid var(--line-strong);border-radius:var(--radius-lg);cursor:default;padding:16px}.demo-head{justify-content:space-between;align-items:center;gap:24px;margin-bottom:10px;font-weight:700;display:flex}.demo-head button{color:var(--muted);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:var(--font-body);background:0 0;padding:2px 10px}.demo-head button:hover{color:var(--volt-deep);border-color:var(--volt-hover-line)}.demo-hint{color:var(--faint);max-width:280px;margin-top:8px;font-size:12px}[data-theme=light] .dropzone{background:radial-gradient(520px 200px at 50% 0%, #cdff572e, transparent 70%), var(--bg-soft);border-color:#1d23124d}[data-theme=light] .dz-icon{color:var(--volt-deep);background:#cdff5773}[data-theme=light] .error{color:var(--danger);background:#c23a2b14;border-color:#c23a2b59}[data-theme=light] .ocr-bar{color:var(--accent);background:#2ad1811f;border-color:#0b7a4b59}[data-theme=light] .finish-tape{background:repeating-conic-gradient(#f7f8f1 0 25%, #171b0d 0 50%) 0 0 / 14px 14px;outline:1px solid var(--line);opacity:1}[data-theme=light] .lib-frame,[data-theme=light] .lib-card:disabled:hover .lib-frame{border-color:#1d231259}[data-theme=light] .tl-block.tone-neutral{background:#ecefe0}[data-theme=light] .tl-block.tone-volt{background:#cdff5761}[data-theme=light] .tl-block.tone-sky{background:#38bdf829}[data-theme=light] .tl-block.tone-mint{background:#2ad18129}[data-theme=light] .tl-block.tone-pink{background:#f472b62e;border-left-color:#c2418b}[data-theme=light] .tl-block.tone-gold{background:#e8b34b38}[data-theme=light] .tl-block.tone-coral{background:#ff8a5c2e}@media (width<=960px){.app{padding:16px 16px 60px}.topbar{flex-wrap:wrap;gap:10px}.pacebar{flex-basis:100%;order:3;max-width:none}.workbench{grid-template-columns:1fr}.preview-rail{order:-1;max-width:300px;position:static}.gallery,.tpl-grid{grid-template-columns:repeat(3,1fr)}.lib-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=560px){.app{padding-bottom:130px}.pace-seg{gap:5px;padding:0 8px;font-size:12px}.privacy{display:none}.dropzone{padding:36px 16px 30px}.records-grid{grid-template-columns:1fr}.record-card{gap:12px;padding:12px}.rc-thumbbox{width:132px}.rc-thumb{width:132px;height:auto}.gallery,.tpl-grid{grid-template-columns:repeat(2,1fr)}.lib-grid{grid-template-columns:repeat(3,1fr)}.actionbar{flex-wrap:wrap}.actionbar .spacer{margin-left:0}.bgm-row{flex-wrap:wrap}.seg-config-row input[type=text],.seg-config-row input:not([type]):not([data-seg]){width:100%}.tl-block{min-width:150px}}