:root{--bg-app: #0f0f0f;--bg-surface: #1a1a1a;--bg-raised: #242424;--bg-hover: #2e2e2e;--bg-input: #1e1e1e;--bg-header: #161616;--text-primary: #f0f0f0;--text-bright: #ffffff;--text-muted: #a5a5a5;--text-dim: #6a6a6a;--text-disabled: #4a4a4a;--border-subtle: #2a2a2a;--border: #3a3a3a;--border-strong: #4a4a4a;--danger: #e5484d;--warning: #f5a524;--warning-hover: #ffbe4d;--info: #7ab7ff;--info-hover: #93c5fd;--info-active: #5a96d6;--action: #2ebd6b;--action-hover: #37d079;--action-active: #28a85e;--op-lighting: #85b7eb;--op-audio: #ef9f27;--mono: "Menlo", "SF Mono", "Roboto Mono", ui-monospace, monospace;--sans: "Helvetica Neue", "Inter", system-ui, -apple-system, sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--maxw: 1320px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--section-y: 72px;--text-faint: #8a8a8a;--bg-nav: rgba(15, 15, 15, .82);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .55)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--info);text-decoration:none}a:hover{color:var(--info-hover)}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;padding:14px 24px;background:var(--bg-nav);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle)}.nav-logo{display:inline-flex;align-items:center;background:none;border:none;padding:0;cursor:pointer}.nav-logo img{height:22px;width:auto;display:block}.brand-lock{display:inline-flex;align-items:center;gap:10px}.brand-tools{font-family:var(--sans);font-size:15px;font-weight:700;letter-spacing:4px;text-transform:uppercase;line-height:1;color:var(--text-primary);padding-top:1px}.app-bar .brand-tools{font-size:13px;letter-spacing:3px}.nav-spacer{flex:1}.nav a{color:var(--text-muted);font-size:13px;letter-spacing:.4px}.nav a:hover,.nav a.active{color:var(--text-primary)}.nav a.active{font-weight:600}.nav a.ext:after{content:" ↗";color:var(--text-dim)}.nav a:focus-visible,.nav-logo:focus-visible,.cta:focus-visible,.hero-shot:focus-visible,footer.site a:focus-visible{outline:2px solid var(--info);outline-offset:3px;border-radius:var(--radius-sm)}.brand-mark{font-size:22px;font-weight:700;line-height:1}.brand-name{font-weight:700;letter-spacing:1.5px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:var(--space-7);padding:var(--section-y) 24px var(--space-8);max-width:var(--maxw);margin:0 auto}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:28px;padding-top:52px}}.hero h1{font-size:clamp(32px,4.4vw,54px);line-height:1.05;letter-spacing:-1px;margin:0 0 20px}.hero h1 .accent{color:var(--op-audio)}.hero p.lede{font-size:clamp(15px,1.5vw,18px);color:var(--text-muted);max-width:48ch;margin:0 0 30px}.cta-row{display:flex;gap:14px;flex-wrap:wrap}.cta{display:inline-block;padding:13px 22px;border-radius:var(--radius-md);font-weight:700;letter-spacing:.4px;cursor:pointer;border:1px solid var(--border)}.cta.primary{background:var(--action);color:var(--bg-app);border:none}.cta.primary:hover{background:var(--action-hover);color:var(--bg-app)}.cta.ghost{background:transparent;color:var(--text-primary)}.cta.ghost:hover{border-color:var(--border-strong);background:var(--bg-surface)}.section{padding:var(--section-y) 24px;max-width:var(--maxw);margin:0 auto}.section h2{font-size:clamp(24px,3.5vw,34px);letter-spacing:-.5px;margin:0 0 8px}.section .sub{color:var(--text-muted);margin:0 0 28px;max-width:60ch}.eyebrow{letter-spacing:.5px;font-size:13px;color:var(--op-audio);margin:0 0 12px;font-weight:500}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.feature{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.feature h3{margin:0 0 6px;font-size:16px}.feature p{margin:0;color:var(--text-muted);font-size:14px}.feature p a,.section .sub a{text-decoration:underline;text-underline-offset:2px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}@media(max-width:820px){.guide-grid{grid-template-columns:1fr}}.guide-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:26px}.guide-card h3{font-size:18px;margin:0 0 14px}.guide-card p{color:var(--text-muted);margin:0 0 12px}.guide-card p:last-child{margin-bottom:0}.guide-card p.muted{color:var(--text-faint);font-size:13px}.guide-card ul{color:var(--text-muted);margin:0 0 12px;padding-left:20px}.guide-card li{margin:0 0 8px}.guide-card strong{color:var(--text-primary);font-weight:600}.guide-card code{font-family:var(--mono);font-size:.9em;color:var(--op-lighting);background:var(--bg-app);padding:1px 5px;border-radius:var(--radius-sm)}.cmd{font-family:var(--mono);font-size:13px;color:var(--text-primary);background:var(--bg-header);border:1px solid var(--border-subtle);border-left:3px solid var(--op-audio);border-radius:var(--radius-md);padding:12px 14px;margin:0 0 14px;overflow-x:auto}.hero-shot{display:block;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface);box-shadow:var(--shadow-lg);cursor:pointer;transition:border-color .15s,transform .15s}.hero-shot:hover{transform:translateY(-2px);border-color:var(--border-strong)}.hero-shot img{display:block;width:100%;height:auto}.app-view{position:fixed;inset:0;z-index:100;background:var(--bg-app);display:none;flex-direction:column;overflow:auto}body.tool-open{overflow:hidden}body.tool-open .app-view{display:flex}.app-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-header);border-bottom:1px solid var(--border-subtle)}.app-bar .brand-mark{color:var(--op-audio);font-size:18px}.app-bar .brand-name{letter-spacing:1.2px}.app-bar-sep,.app-bar-tool{color:var(--text-dim);font-size:13px}.app-close{background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:7px 14px;cursor:pointer;font-size:13px}.app-close:hover{background:var(--bg-hover);color:var(--text-primary)}.app-fs{background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 11px;cursor:pointer;font-size:15px;line-height:1}.app-fs:hover{background:var(--bg-hover);color:var(--text-primary)}:fullscreen .app-fs{color:var(--op-audio)}#tool-mount{width:100%;margin:0 auto;padding:16px;flex:1;display:flex;min-height:0}.rotate-hint{display:none}@media(max-width:680px)and (orientation:portrait){#tool-mount,.app-credit{display:none}.rotate-hint{display:flex;flex:1;align-items:center;justify-content:center;text-align:center;padding:32px;color:var(--text-muted)}.rotate-hint .rotate-glyph{font-size:52px;color:var(--op-audio);margin-bottom:14px}.rotate-hint strong{color:var(--text-primary)}.rotate-hint p{margin:4px auto;max-width:30ch}}.app-credit{width:100%;max-width:1600px;margin:0 auto;padding:0 16px 24px;color:var(--text-faint);font-size:12px}.tool{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.header{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:12px 16px;background:var(--bg-header);border-bottom:1px solid var(--border-subtle)}.header .spacer{flex:1}.brand{display:flex;align-items:baseline;gap:8px}.brand .brand-mark{color:var(--text-bright)}.brand .brand-ver{color:var(--text-dim);font-size:12px}.transport{display:flex;align-items:center;gap:10px;font-family:var(--mono)}.transport .sep{color:var(--text-dim)}.tc-disp{font-family:var(--mono);font-size:20px;font-weight:600;letter-spacing:1px;color:var(--text-bright)}.bar-disp{font-family:var(--mono);font-weight:700;color:var(--info)}.icon-btn{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 12px;min-height:30px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.icon-btn:focus-visible{outline:2px solid var(--info);outline-offset:1px}.icon-btn:disabled{color:var(--text-disabled);border-color:var(--border-subtle);cursor:default}.icon-btn.play.on{color:var(--info)}.icon-btn.metro{color:var(--text-muted)}.icon-btn.metro.on{background:var(--warning);border-color:var(--warning);color:var(--bg-app)}.snap{display:flex;align-items:center;gap:4px}.snap-lbl{color:var(--text-muted);font-size:13px;margin-right:4px}.snap-btn{width:30px;height:30px;background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.snap-btn:hover{border-color:var(--border-strong)}.snap-btn.active{background:#7ab7ff29;color:var(--info);border-color:var(--info)}.zoom{display:flex;align-items:center;gap:4px;margin-right:14px}.zoom-lbl{min-width:34px;text-align:center;font-family:var(--mono);font-size:12px;color:var(--text-muted)}.vol{display:flex;align-items:center;gap:8px}.vol-cap{color:var(--text-muted);font-size:13px}.knob{cursor:ns-resize;outline:none}.knob:focus-visible{outline:2px solid var(--info);border-radius:50%}.vol-lbl{font-family:var(--mono);font-size:10px;color:var(--text-muted);width:38px}.info-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:8px 16px;background:var(--bg-app);border-bottom:1px solid var(--border-subtle)}.info-label{flex:1 1 auto;min-width:0;font-family:var(--mono);font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-tip{flex-shrink:0;font-size:11px;color:var(--info);background:#7ab7ff1a;border:1px solid rgba(122,183,255,.25);padding:3px 11px;border-radius:999px;white-space:nowrap}.tl-wrap{padding:10px 16px 12px;background:var(--bg-app);flex:1;min-height:260px;min-width:0;overflow:hidden}.timeline{display:block;width:100%;border-radius:var(--radius-md)}.timeline.drag-over{outline:2px dashed var(--info);outline-offset:-4px}.cols{display:grid;grid-template-columns:360px 1fr;gap:14px;padding:4px 16px 16px}@media(max-width:820px){.cols{grid-template-columns:1fr}}.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px}.cut-panel{display:flex;flex-direction:column;gap:12px}.seg-row{display:flex;gap:6px}.seg{background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer;font-size:13px}.seg-row.small .seg{padding:4px 10px;font-size:12px}.seg:hover{border-color:var(--border-strong)}.seg.active{background:#7ab7ff29;color:var(--info);border-color:var(--info)}.seg:disabled{color:var(--text-disabled);cursor:default}.mode-stack{display:flex;flex-direction:column;gap:12px}.hidden{display:none!important}.field{display:flex;align-items:center;gap:10px}.field>label{width:58px;color:var(--text-muted);font-size:13px;flex-shrink:0}.end-wrap{display:flex;flex-direction:column;gap:8px;flex:1}.tc-input,.num-input{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:7px 10px;font-family:var(--mono);font-size:14px;flex:1;min-width:0}.num-input{max-width:90px}.tc-input:focus,.num-input:focus{outline:none;border-color:var(--info)}.tc-input:disabled,.num-input:disabled{color:var(--text-disabled)}.field-val{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.field-val .tc-input{flex:0 1 150px;max-width:150px}.end-val{flex:1;min-width:0}.unit-seg{display:inline-flex;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.unit{background:var(--bg-raised);color:var(--text-dim);border:none;padding:6px 9px;font-size:11px;font-weight:600;letter-spacing:.5px;cursor:pointer}.unit+.unit{border-left:1px solid var(--border)}.unit:hover:not(.active){color:var(--text-muted)}.unit.active{background:#7ab7ff29;color:var(--info)}.bpm-ctl{display:flex;align-items:center;gap:6px}.bpm-cap{color:var(--text-muted);font-size:13px}.bpm-in{width:56px;max-width:56px;text-align:center;padding:6px 8px}.bpm-mul{background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 7px;font-family:var(--mono);font-size:11px;cursor:pointer}.bpm-mul:hover{border-color:var(--border-strong);color:var(--text-primary)}.btn-auto{background:var(--bg-raised);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 11px;font-weight:700;font-size:12px;letter-spacing:.5px;cursor:pointer}.btn-auto:hover{border-color:var(--border-strong);color:var(--text-muted)}.btn-auto.on{background:var(--warning);color:var(--bg-app);border-color:var(--warning)}.btn-auto.on:hover{background:var(--warning-hover);color:var(--bg-app)}.preview-panel{padding:0;overflow:hidden}.report{margin:0;padding:16px;background:var(--bg-header);color:var(--text-primary);font-family:var(--mono);font-size:12px;line-height:1.5;white-space:pre-wrap;height:300px;overflow:auto;border-radius:var(--radius-lg)}.actions{display:flex;gap:10px;padding:0 16px 16px}.actions button{flex:1;padding:13px;border-radius:var(--radius-md);font-weight:700;letter-spacing:1px;cursor:pointer;border:none}.actions button:focus-visible{outline:2px solid var(--text-bright);outline-offset:1px}.btn-cut{background:var(--action);color:var(--bg-app)}.btn-cut:hover{background:var(--action-hover)}.btn-cut:active{background:var(--action-active)}.btn-cut:disabled{background:var(--bg-raised);color:var(--text-disabled);cursor:default}.btn-cut.insert:not(:disabled){background:var(--info)}.btn-cut.insert:not(:disabled):hover{background:var(--info-hover)}.btn-cut.insert:not(:disabled):active{background:var(--info-active)}.btn-cut.erase:not(:disabled){background:var(--warning)}.btn-cut.erase:not(:disabled):hover{background:var(--warning-hover)}.btn-uncut{background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border)}.btn-uncut:hover:not(:disabled){background:var(--bg-hover)}.btn-uncut:disabled{color:var(--text-disabled);cursor:default}.btn-save{background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border)}.btn-save.hot{background:var(--info);color:var(--bg-app);border:none}.btn-save.hot:hover{background:var(--info-hover)}.btn-save:disabled{color:var(--text-disabled);cursor:default}.work .panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px}.work .panel h2{margin-top:0}footer.site{border-top:1px solid var(--border-subtle);padding:28px 24px;color:var(--text-faint);font-size:13px}footer.site a{color:var(--text-faint);text-decoration:underline;text-underline-offset:2px}footer.site a:hover{color:var(--text-primary)}footer.site .credit{color:var(--text-faint)}footer.site .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}@media(min-width:1500px){.tc-disp{font-size:26px}.bar-disp,.bpm-cap,.vol-cap,.snap-lbl,.zoom-lbl,.brand-name{font-size:15px}.cols{grid-template-columns:440px 1fr;gap:18px;padding:8px 22px 18px}.report{font-size:15px;padding:20px}.info-row,.field label,.seg,.info-tip{font-size:15px}.tc-input{font-size:17px;padding:9px 12px}.field-val .tc-input{flex-basis:200px;max-width:200px}.unit,.btn-auto,.snap-btn,.bpm-mul{font-size:13px}.field{gap:12px}.actions button{font-size:18px;padding:18px}}@media(min-width:1900px){.tc-disp{font-size:30px}.cols{grid-template-columns:500px 1fr}.report,.info-row,.field label,.seg{font-size:16px}.tc-input{font-size:18px}.field-val .tc-input{flex-basis:220px;max-width:220px}.actions button{font-size:20px;padding:20px}}@media(min-width:2400px){.tc-disp{font-size:34px}.cols{grid-template-columns:580px 1fr}.report,.info-row,.field label,.seg{font-size:18px}.tc-input{font-size:20px}.field-val .tc-input{flex-basis:250px;max-width:250px}.actions button{font-size:22px;padding:24px}}.hero-index{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:var(--maxw);padding:var(--section-y) 24px var(--space-7)}.hero-index h1{max-width:560px}.tools-section{padding-top:0}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px}.tool-card{display:flex;flex-direction:column;text-align:left;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;padding:0;color:inherit;font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}.tool-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}.tool-card:focus-visible{outline:2px solid var(--info);outline-offset:3px}.tool-thumb{display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-app);border-bottom:1px solid var(--border-subtle)}.tool-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.tool-info{display:flex;flex-direction:column;gap:9px;padding:18px 20px 20px}.tool-head{display:flex;align-items:center;gap:10px}.tool-ic{width:26px;height:26px;border-radius:6px}.tool-name{font-size:17px;font-weight:600}.tool-tag{margin-left:auto;font-size:11px;letter-spacing:.5px;color:var(--op-lighting);border:1px solid var(--border);border-radius:999px;padding:2px 9px}.tool-tag.alt{color:var(--op-audio)}.tool-line{color:var(--text-muted);font-size:14px;line-height:1.55}.tool-go{color:var(--action);font-weight:700;font-size:13px;letter-spacing:.3px}.tool-card:hover .tool-go{color:var(--action-hover)}.tool-detail{position:fixed;inset:0;z-index:90;background:var(--bg-app);display:none;overflow-y:auto}.tool-detail.open{display:block}body.detail-open{overflow:hidden}.detail-body{max-width:var(--maxw);margin:0 auto;padding:32px 24px 72px;display:flex;flex-direction:column;gap:40px}.detail-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}@media(max-width:880px){.detail-hero{grid-template-columns:1fr;gap:24px}}.detail-shot{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface);box-shadow:var(--shadow-lg)}.detail-shot img{width:100%;height:auto;max-height:64vh;object-fit:cover;object-position:top center;display:block}.detail-intro h2{font-size:clamp(26px,3.2vw,40px);letter-spacing:-.5px;margin:6px 0 14px}.cta-sub{display:block;font-size:11px;font-weight:400;opacity:.85;letter-spacing:.3px}.detail-extra{margin:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface)}.detail-extra img{display:block;width:100%;height:auto}.detail-extra figcaption{padding:12px 16px;color:var(--text-faint);font-size:13px;border-top:1px solid var(--border-subtle)}.consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--bg-header);border-top:1px solid var(--border-subtle);padding:14px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:13px}.consent-banner[hidden]{display:none}.consent-text{flex:1;color:var(--text-muted);margin:0;min-width:260px}.consent-text a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.consent-text a:hover{color:var(--text-primary)}.consent-btns{display:flex;gap:10px;flex-shrink:0}.consent-btn{padding:7px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border)}.consent-btn.primary{background:var(--action);color:var(--bg-app);border-color:transparent}.consent-btn.primary:hover{background:var(--action-hover)}.consent-btn.ghost{background:transparent;color:var(--text-muted)}.consent-btn.ghost:hover{color:var(--text-primary);border-color:var(--border-strong)}.mobile-notice{position:fixed;inset:0;z-index:200;background:var(--bg-app);display:flex;align-items:center;justify-content:center;padding:24px}.mobile-notice[hidden]{display:none}.mobile-notice-box{max-width:440px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.mobile-notice-icon{font-size:40px;line-height:1}.mobile-notice-box h2{font-size:28px;letter-spacing:-.5px;margin:0}.mobile-notice-box p{color:var(--text-muted);margin:0;line-height:1.65}.mobile-notice-sub{font-size:13px!important;color:var(--text-dim)!important;border-top:1px solid var(--border-subtle);padding-top:16px;width:100%}.mobile-notice-sub a{color:var(--info);text-decoration:underline;text-underline-offset:2px}.ltc-tool{max-width:1100px;margin:14px auto 24px;padding:0 24px;display:flex;flex-direction:column;gap:12px}.ltc-transport{display:flex;align-items:center;gap:14px;padding:11px 18px;background:var(--bg-header);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-family:var(--mono)}.ltc-tx-glyph{color:var(--op-audio);font-size:18px;line-height:1}.ltc-transport .tc-disp{font-family:var(--mono);font-size:20px;font-weight:600;letter-spacing:1px;color:var(--text-bright);transition:color 80ms ease-out}.ltc-transport .tc-disp.rolling{color:var(--action)}.ltc-transport .tc-end{color:var(--text-muted)}.ltc-transport .sep{color:var(--text-dim)}.ltc-tx-spacer{flex:1}.ltc-badges{display:inline-flex;align-items:center;gap:8px}.ltc-badge{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-muted);padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-family:var(--mono);letter-spacing:.3px}.ltc-header{display:flex;align-items:center;gap:14px}.ltc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:820px){.ltc-grid{grid-template-columns:1fr}}.ltc-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px 20px 14px}.ltc-card-h{margin:0 0 10px;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-weight:600}.ltc-row{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;margin-bottom:8px}.ltc-row label{color:var(--text-muted);font-size:13px}.ltc-row .tc-input{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 10px;font-family:var(--mono);font-size:14px;width:100%}.ltc-row .tc-input:focus{border-color:var(--info);outline:none}.ltc-row .tc-input.num{max-width:110px}.ltc-row .seg-row.small{justify-self:start}.ltc-suffix{color:var(--text-dim);font-size:12px;font-family:var(--mono)}.ltc-dur{display:inline-flex;align-items:center;gap:8px}.ltc-check{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;cursor:pointer}.ltc-check input{accent-color:var(--info)}.ltc-range{width:100%;accent-color:var(--action)}.ltc-range-out{font-family:var(--mono);color:var(--text-muted);font-size:12px;white-space:nowrap}.ltc-hint{margin:6px 0 0;color:var(--text-faint);font-size:12px;font-family:var(--mono)}.ltc-preview-wrap{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px 20px 16px;display:flex;flex-direction:column;gap:10px}.ltc-preview{margin:0;font-family:var(--mono);font-size:12px;color:var(--text-primary);white-space:pre-wrap;line-height:1.55;background:transparent;border:none;padding:0;max-height:130px;overflow-y:auto}.ltc-preview::-webkit-scrollbar{width:8px}.ltc-preview::-webkit-scrollbar-track{background:transparent}.ltc-preview::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ltc-preview::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.ltc-wave{width:100%;height:140px;display:block;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-header);user-select:none;-webkit-user-select:none;touch-action:none}.ltc-actions{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;gap:14px;margin:0 -24px -32px;padding:16px 24px 22px;background:linear-gradient(to top,#0f0f0ff7 55%,#0f0f0fd9 80%,#0f0f0f00);backdrop-filter:blur(6px)}body:has(#consent-banner:not([hidden])) .ltc-actions{bottom:72px}.ltc-actions .btn-cut{min-width:220px;padding:12px 24px;border:none;border-radius:var(--radius-md);font-weight:600;letter-spacing:1.2px;cursor:pointer;background:var(--action);color:var(--bg-app)}.ltc-actions .btn-cut:hover{background:var(--action-hover)}.ltc-actions .btn-cut:disabled{background:var(--bg-raised);color:var(--text-disabled);cursor:default}.btn-play{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:11px 18px;font-size:13px;font-family:var(--mono);cursor:pointer;letter-spacing:.6px}.btn-play:hover{border-color:var(--border-strong);background:var(--bg-hover)}.btn-play.on{background:var(--warning);border-color:var(--warning);color:var(--bg-app)}.ltc-status{color:var(--text-muted);font-family:var(--mono);font-size:12px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ltc-tool .seg:focus-visible,.ltc-tool .tc-input:focus-visible,.ltc-tool .ltc-check input:focus-visible,.ltc-tool .ltc-range:focus-visible,.ltc-tool .btn-cut:focus-visible{outline:2px solid var(--info);outline-offset:2px}@media(max-width:620px){.ltc-transport{flex-wrap:wrap;gap:10px}.ltc-transport .tc-disp{font-size:17px}.ltc-row{grid-template-columns:92px 1fr}.ltc-row .ltc-suffix{display:none}}