@font-face{font-family:Space;src:url('assets/space.woff2') format('woff2');font-display:swap}@font-face{font-family:DM;src:url('assets/dm.woff2') format('woff2');font-display:swap}
:root{--ink:#0a0f17;--panel:#111c28;--paper:#f8faf9;--mint:#14b8a6;--deep:#0f766e;--line:#dce5e0;--muted:#586675;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM,Arial,sans-serif;font-size:15px;line-height:1.5}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:active:not(:disabled){transform:scale(.98)}button{transition:transform 140ms var(--ease),background 140ms ease}a{color:var(--deep)}:focus-visible{outline:3px solid var(--deep);outline-offset:4px}h1,h2,h3,.brand,.btn,.nav-title{font-family:Space,Arial,sans-serif}h1{font-size:clamp(29px,3.1vw,46px);line-height:1.1;letter-spacing:-.05em;margin:14px 0}h2{font-size:23px;line-height:1.2;letter-spacing:-.03em;margin:0 0 12px}h3{font-size:18px;margin:0 0 8px}p{margin:8px 0 18px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;font:600 11px Space,sans-serif;letter-spacing:.13em;color:var(--deep)}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--ink);color:#f8faf9;padding:34px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:238px}.brand{font-size:26px;font-weight:700;letter-spacing:-1.3px;display:flex;align-items:center;gap:10px}.brand-mark{display:inline-flex;gap:3px;transform:skew(-14deg)}.brand-mark i{display:block;width:6px;background:var(--mint);height:23px;border-radius:1px}.brand-mark i:nth-child(2){height:17px;margin-top:6px}.brand small{font:10px DM;letter-spacing:1px;color:#9aadb8}.workspace-label{font-size:11px;color:#92a5b7;text-transform:uppercase;letter-spacing:.15em;margin:55px 12px 16px}.steps{display:grid;gap:7px}.nav-step{color:#a4b0bd;display:flex;align-items:center;gap:12px;text-align:left;border-radius:10px;padding:12px;background:transparent;min-height:48px}.nav-step.active{background:#1d2e3a;color:#fff}.nav-step.active .step-number{background:var(--mint);border-color:var(--mint);color:var(--ink)}.nav-step.done .step-number{color:var(--mint);border-color:#315e59}.step-number{border:1px solid #40505e;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:11px;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:40px}.dealer{display:flex;gap:10px;align-items:center;border-top:1px solid #27313d;padding-top:20px;font-size:13px}.avatar{background:#263e45;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-family:Space;color:#74dfcf}.small{font-size:12px}.sidebar .small{color:#94a5b3}.main-shell{grid-column:2}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;gap:12px}.crumb{font-size:13px;color:var(--muted)}.crumb strong{color:var(--ink);font-weight:500}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);padding:5px 10px;border-radius:30px;font-size:11px;white-space:nowrap}.pill.demo{background:#edf4f1}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--deep)}.reset{background:none;color:var(--muted);font-size:12px;text-decoration:underline;padding:10px}.main{max-width:1240px;margin:auto;padding:38px 44px 42px;min-height:calc(100dvh - 78px)}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px;gap:20px}.page-head p{max-width:580px;margin-bottom:0}.page-no{font:14px Space;color:#728090;white-space:nowrap}.split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.85fr);gap:28px;align-items:start}.box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;font-weight:600;color:#405060}input,textarea{display:block;width:100%;margin-top:6px;border:1px solid #b7c7c2;border-radius:8px;background:#fcfdfc;color:var(--ink);padding:12px;min-height:46px}textarea{resize:vertical;min-height:86px}.source-row{display:flex;gap:15px;align-items:center;background:#f1f6f4;border:1px dashed #a1bdb4;border-radius:12px;padding:18px;margin-bottom:24px}.file-icon{font:12px Space;border:1px solid #a5bab3;border-radius:5px;padding:12px 8px;color:var(--deep);background:white}.source-row strong{font-size:13px}.source-row p{font-size:12px;margin:3px 0 0;color:var(--muted)}.source-row .text-btn{margin-left:auto}.text-btn{color:var(--deep);background:transparent;padding:10px;font-weight:600;white-space:nowrap}.checkline{display:flex;align-items:start;gap:10px;font-size:13px;font-weight:400;margin:20px 0 0;color:var(--ink)}input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:2px 0 0;accent-color:var(--deep);flex-shrink:0}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.chip{padding:6px 10px;background:#edf4f1;border-radius:6px;font-size:12px;color:#35534b}.actions{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 20px;border-radius:9px;font-size:14px;min-height:48px;text-decoration:none;font-weight:600}.primary{background:var(--ink);color:#fff}.mint{background:var(--mint);color:var(--ink)}.secondary{border:1px solid #bbcac4;background:#fff;color:var(--ink)}.ghost{background:transparent;color:var(--muted);padding-left:0}.full{width:100%}.info{font-size:12px;color:var(--muted);padding:12px 0}.notice{padding:12px 15px;border-left:3px solid var(--mint);background:#edf7f3;font-size:13px;margin-top:16px;border-radius:0 8px 8px 0}.notice.warn{background:#fbf3e4;border-color:#b77c22;color:#6f501f}.vehicle-card{background:var(--ink);color:#fff;overflow:hidden;border-radius:16px}.vehicle-card .art{padding:30px 12px 15px;background:radial-gradient(ellipse at 50% 20%,#365054,#13212d 65%);min-height:225px;display:flex;align-items:center}.car-svg{width:100%;height:auto;display:block;overflow:visible}.vehicle-meta{padding:22px}.vehicle-meta .muted{color:#a6b5c0}.vehicle-meta h2{font-size:25px}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;border-top:1px solid #34404c;padding-top:18px}.specs strong{display:block;font-family:Space;font-size:17px}.specs span{color:#9badb8;font-size:11px}.hint-block{padding:20px 4px}.hint-block h3{font-size:14px}.hint-block p{font-size:13px}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.format{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;text-align:left;color:var(--ink);padding:0}.format.selected{border:2px solid var(--deep)}.format-art{height:166px;overflow:hidden;background:#182d37;position:relative;padding:15px}.format:nth-child(2) .format-art{background:#33423f}.format:nth-child(3) .format-art{background:#23373a}.format-art svg{width:100%;height:160px}.format-art .tiny-label{position:absolute;top:12px;left:12px;background:#ffffffea;border-radius:5px;color:var(--ink);font-size:10px;padding:3px 7px}.format-content{padding:20px}.format-content p{font-size:13px;color:var(--muted);min-height:58px}.format-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:12px}.radio{width:20px;height:20px;border:1px solid #90a7a0;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0}.selected .radio{border:5px solid var(--deep);background:white}.format-detail{margin-top:22px;display:grid;grid-template-columns:1fr 2fr;gap:24px}.shot-strip{display:flex;gap:7px;align-items:end;min-width:0}.shot-tile{flex:1;min-width:0;background:#edf3f0;border-radius:8px;padding:10px 7px;font-size:10px;color:#52635c}.shot-tile b{display:block;font:20px Space;color:var(--ink);margin:8px 0}.sound-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.route-card{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px;margin-bottom:14px;color:var(--ink)}.route-card.selected{border:2px solid var(--deep);background:#f3f9f6}.route-head{display:flex;justify-content:space-between;gap:15px}.route-card p{font-size:13px;color:var(--muted);margin:10px 0}.sound-disc{width:54px;height:54px;background:repeating-radial-gradient(circle,#253b45 0,#253b45 3px,#14232d 4px,#14232d 5px);border-radius:50%;display:grid;place-items:center;color:var(--mint);font-size:20px;flex-shrink:0}.track{display:flex;align-items:center;gap:12px;margin:22px 0}.track h3{font-size:17px;margin:0}.track p{font-size:12px;margin:4px 0;color:var(--muted)}.wave{height:58px;display:flex;align-items:center;gap:3px;overflow:hidden;margin:18px 0}.wave i{background:#b6d9cd;width:4px;border-radius:2px;flex:1}.wave.playing i:nth-child(3n){background:var(--deep)}.platform-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.platform-tabs button{background:#edf2f0;padding:10px 12px;min-height:44px;border-radius:8px;font-size:12px;color:#42514a}.platform-tabs button.active{background:var(--ink);color:#fff}.route-list{padding-left:20px;font-size:13px;line-height:1.8}.route-list li{padding-left:4px;margin-bottom:8px}.route-note{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:12px;color:var(--muted)}.film-layout{display:grid;grid-template-columns:minmax(280px,400px) 1fr;gap:32px}.camera{background:#12222b;border-radius:18px;overflow:hidden;aspect-ratio:9/12;position:relative;display:flex;align-items:center;justify-content:center;color:white;max-height:540px}.camera-art{width:96%;position:relative;z-index:1}.camera-floor{position:absolute;inset:52% -100% -50%;background:repeating-linear-gradient(90deg,transparent 0,transparent 58px,#344653 59px,transparent 60px),repeating-linear-gradient(0deg,transparent 0,transparent 58px,#344653 59px,transparent 60px);transform:perspective(500px) rotateX(60deg);opacity:.5}.camera-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:2;font-size:11px}.camera .pill{background:#0a0f17b0;border-color:#59727a;color:#fff}.guide-corners{position:absolute;inset:26% 7% 27%;border:1px solid #ffffff50;border-radius:10px}.guide-line{position:absolute;top:50%;left:7%;right:7%;height:1px;background:#ffffff25}.camera-caption{position:absolute;bottom:25px;left:20px;right:20px;text-align:center;font-size:12px;color:#bdcbd0}.record-counter{font:52px Space;position:absolute;z-index:3;background:#0a0f17cf;padding:10px 28px;border-radius:16px;color:#fff}.shot-progress{display:flex;gap:5px;margin-bottom:20px}.shot-progress i{height:4px;flex:1;background:#d9e4de;border-radius:3px}.shot-progress i.done{background:var(--deep)}.shot-progress i.current{background:var(--mint)}.instruction{font-size:29px;line-height:1.2;letter-spacing:-.04em}.shot-metrics{display:flex;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:20px 0}.shot-metrics strong{font:22px Space;display:block}.shot-metrics span{font-size:11px;color:var(--muted)}.record-btn{display:flex;align-items:center;justify-content:center;gap:12px}.record-dot{width:15px;height:15px;background:#e97261;border:3px solid #ffc9c0;border-radius:50%}.shot-list{margin-top:22px;display:grid;gap:3px}.shot-row{display:flex;align-items:center;gap:10px;background:transparent;text-align:left;padding:9px;border-radius:6px;color:var(--muted);font-size:12px}.shot-row.active{background:#e9f3ed;color:var(--deep)}.shot-row span:last-child{margin-left:auto}.editor-layout{display:grid;grid-template-columns:minmax(245px,330px) minmax(0,1fr);gap:32px}.preview{aspect-ratio:9/16;max-height:550px;background:#11232b;border-radius:18px;overflow:hidden;color:#fff;position:relative;display:flex;align-items:center;justify-content:center}.preview .car-svg{width:110%}.preview-text{position:absolute;top:14%;left:10%;right:10%;font:700 29px/1.1 Space;letter-spacing:-1px;z-index:1}.preview-bottom{position:absolute;bottom:12%;left:10%;right:10%;font-size:12px}.preview-control{position:absolute;bottom:18px;left:18px;right:18px;display:flex;align-items:center;gap:12px}.play{width:44px;height:44px;border-radius:50%;background:#fff;color:var(--ink);font-size:16px;flex-shrink:0}.timebar{height:3px;background:#ffffff40;flex:1;border-radius:3px}.timebar div{height:3px;background:var(--mint);transform-origin:left;transform:scaleX(0)}.preview .pill{position:absolute;right:14px;top:14px;color:white;border-color:#647d82;background:#0a0f1780;font-size:10px}.timeline{display:flex;gap:4px;margin:18px 0}.timeline button{min-width:0;flex:1;background:#dbeae3;min-height:60px;border-radius:6px;padding:8px 4px;font-size:10px;color:#344c45}.timeline button.active{background:var(--deep);color:#fff}.timeline b{display:block;font:16px Space}.versions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.versions button{border:1px solid var(--line);border-radius:30px;background:white;padding:8px 13px;font-size:12px}.versions button.active{background:var(--ink);color:white}.revision-chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.revision-chips button{font-size:11px;padding:8px 10px;border-radius:6px;color:var(--deep);background:#edf6f2;min-height:36px}.revision-result{margin-top:14px;font-size:13px;color:var(--deep)}.destination{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px;margin-bottom:12px;font-weight:400}.destination .platform-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:#fff;font:700 16px Space}.destination input{margin-left:auto}.destination strong{font-size:14px;display:block;color:var(--ink)}.destination .small{font-weight:400;color:var(--muted)}.receipt{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:start}.receipt:first-child{padding-top:0}.receipt .status-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e1f4ec;color:var(--deep);flex-shrink:0}.receipt h3{font-size:16px;margin:0}.receipt p{font-size:13px;color:var(--muted);margin:5px 0 10px}.receipt .btn{font-size:12px;padding:9px 13px;min-height:40px}.result-banner{padding:30px;background:var(--ink);color:#fff;border-radius:16px;margin-bottom:24px}.result-banner p{color:#b0c1c8;margin-bottom:0}.result-banner .eyebrow{color:var(--mint)}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;max-width:500px;width:calc(100% - 32px);box-shadow:0 30px 100px #0a0f172f}dialog::backdrop{background:#0a0f1770}.document-demo{padding:22px;border:1px solid var(--line);font-size:13px;margin:18px 0;background:#f7faf8}.document-demo p{margin:6px 0}.error{color:#9a342a;font-size:13px;margin:12px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border-radius:10px;background:var(--ink);color:white;padding:12px 20px;box-shadow:0 5px 30px #0a0f1726;max-width:90vw;z-index:10;font-size:13px;display:none}#toast.visible{display:block}.skip{position:fixed;top:-60px;left:20px;z-index:50;background:#fff;padding:10px}.skip:focus{top:10px}.mobile-brand{display:none}.footer-note{font-size:11px;color:#627168;margin-top:26px;display:flex;justify-content:space-between;gap:10px}.source-links{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;margin-top:14px}.notice a{color:inherit}
@media(min-width:1500px){.main{padding-top:60px}.format-art{height:210px}.format-art svg{height:190px}}
@media(max-width:1150px){.sidebar{width:198px;padding:28px 15px}.shell{grid-template-columns:198px minmax(0,1fr)}.main{padding:30px 26px}.topbar{padding:0 26px}.split{gap:20px;grid-template-columns:1.3fr .8fr}.box{padding:20px}.format-content{padding:15px}.format-content h3{font-size:16px}.film-layout,.editor-layout{gap:22px}.vehicle-meta{padding:18px}.specs{gap:6px}.specs strong{font-size:14px}}
@media(max-width:900px){.shell{display:block}.sidebar{display:none}.main-shell{grid-column:auto}.topbar{height:68px;padding:0 22px}.mobile-brand{display:flex;font-size:23px}.crumb{display:none}.topbar .reset{padding:4px}.main{padding:25px 22px}.page-no{font-size:12px}.split{grid-template-columns:1.2fr .85fr}.format-content p{min-height:78px}.sound-layout{gap:18px}.film-layout{grid-template-columns:minmax(240px,340px) 1fr}.instruction{font-size:25px}}
@media(max-width:650px){.topbar{padding:0 18px}.topbar .pill{font-size:10px;padding:4px 8px}.main{padding:25px 18px 28px}.page-head{align-items:start;margin-bottom:22px;gap:10px}.page-head p{font-size:14px}.page-no{margin-top:4px}.split,.sound-layout,.film-layout,.editor-layout{grid-template-columns:1fr}.split>.aside{display:none}.box{padding:18px;border-radius:12px}.source-row{padding:13px;gap:10px}.source-row .text-btn{padding:6px}.field-grid{gap:13px}.format-grid{grid-template-columns:1fr;gap:12px}.format{display:grid;grid-template-columns:112px 1fr}.format-art{height:100%;min-height:159px;padding:3px;display:flex;align-items:center}.format-art svg{width:160px;max-width:none;flex-shrink:0;position:relative;left:-18px}.format-art .tiny-label{left:8px;top:9px;font-size:9px}.format-content{padding:16px}.format-content p{min-height:0;font-size:12px;margin:5px 0 11px}.format-content h3{font-size:17px}.format-bottom{padding-top:10px}.format-detail{grid-template-columns:1fr;gap:5px}.shot-strip{gap:4px}.shot-tile{padding:7px 4px;font-size:8px}.shot-tile b{font-size:16px}.actions{margin-top:22px;padding-top:20px}.actions .btn{gap:10px;font-size:13px;padding:12px 15px}.actions .ghost{padding-left:0}.camera{width:100%;aspect-ratio:4/3;max-height:340px;border-radius:12px}.camera-art{width:80%}.camera-top{top:14px;left:14px;right:14px}.camera-caption{bottom:14px}.guide-corners{inset:24% 7% 20%}.film-layout{gap:20px}.shot-metrics{padding:12px 0;margin:16px 0}.shot-list{grid-template-columns:1fr 1fr}.preview{max-width:270px;max-height:480px;margin:auto;width:100%}.editor-layout{gap:22px}.preview-text{font-size:26px}.route-card{padding:18px}.route-head h3{font-size:17px}.footer-note{font-size:10px}.result-banner{padding:24px}.source-links{font-size:11px}.notice{font-size:12px}.source-row p{font-size:11px}.brand-mark i{height:21px}.brand-mark i:nth-child(2){height:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}button:active:not(:disabled){transform:none}}
/* Keep intrinsic audio waveform/card widths inside narrow phone layouts. */
.split>*,.sound-layout>*,.film-layout>*,.editor-layout>*{min-width:0}
@media(max-width:650px){.split,.sound-layout,.film-layout,.editor-layout{grid-template-columns:minmax(0,1fr)}.route-card .pill{white-space:normal;text-align:left}.topbar{gap:8px}.topbar>div:last-child{gap:8px!important}}
/* Concept 02: sound timing and reusable dealer captions. */
.profile-btn{background:#e6f2ed;color:var(--deep);border:1px solid #c5ddd3;border-radius:7px;font-size:12px;padding:9px 12px;min-height:40px;white-space:nowrap}
.caption-dialog{max-width:960px;max-height:90dvh;overflow-y:auto;padding:30px}.caption-dialog h2{margin-top:8px}.dialog-close{width:40px;height:40px;background:#eef3f0;border-radius:50%;font-size:25px;flex-shrink:0;color:var(--ink)}.template-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px}.template-layout>*{min-width:0}.template-input{min-height:280px;font-size:13px;line-height:1.7}.template-preview{white-space:pre-wrap;overflow-wrap:anywhere;min-height:280px;margin:0;padding:20px;background:#edf4f0;border:1px solid #d6e6df;border-radius:10px;font:14px/1.65 DM,sans-serif}.field-tokens{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.field-tokens button{background:#edf6f1;color:var(--deep);border:1px solid #d1e5dc;border-radius:7px;padding:8px 10px;min-height:36px;font-size:11px}.caption-ok{font-size:12px;color:var(--deep);margin-top:12px}.caption-box{margin-top:20px}.caption-box h3{margin:0}.caption-output{min-height:290px;font-size:14px;line-height:1.65}.caption-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.caption-tools .text-btn{font-size:12px;padding-left:0}.caption-box .section-label{align-items:start}.track-options{display:grid;gap:9px;margin:16px 0 22px}.track-option{display:flex;gap:12px;align-items:center;padding:12px;background:#f9fbfa;border:1px solid var(--line);border-radius:10px;text-align:left;color:var(--ink)}.track-option.selected{border:2px solid var(--deep);background:#f0f7f3}.track-option strong{font-family:Space;display:block}.track-option small{color:var(--muted);display:block;margin-top:4px;font-size:11px}.track-option .radio{margin-left:auto}.track-option .sound-disc{width:40px;height:40px}.fragment-options{display:flex;gap:8px;margin:9px 0 18px}.fragment-options button{background:#edf3ef;border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--muted);font-size:12px;text-align:left;flex:1}.fragment-options button span{display:block;font:14px Space;margin-top:5px}.fragment-options button.active{border-color:var(--deep);color:var(--deep);background:#e0f3eb}.beat-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;margin-top:22px;min-width:0}.beat-panel h3{margin:8px 0 0}.beat-track{position:relative;padding-top:22px}.beat-ticks{height:18px;position:absolute;top:0;left:0;right:1px;overflow:hidden}.beat-ticks i{position:absolute;height:8px;bottom:0;width:1px;background:#b8cdc2}.beat-ticks i.strong{height:16px;background:var(--deep);width:2px}.beat-segments{display:flex;gap:0;overflow:hidden;border-radius:6px}.beat-segments>div{min-width:0;padding:9px 4px;background:#e4f1eb;border-right:2px solid white;color:#3b6657}.beat-segments>div:nth-child(2n){background:#cfe6da}.beat-segments span{font-size:10px;display:block}.beat-segments b{display:block;font:15px Space;white-space:nowrap}.beat-meta{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:11px;color:var(--muted);flex-wrap:wrap}.beat-panel p{margin:12px 0 0}.beat-panel.compact{padding:15px;margin:0 0 23px;background:#f3f8f5}.beat-panel.compact h3{font-size:15px}.beat-panel.compact .section-label{margin-bottom:12px}
@media(max-width:650px){.topbar{height:auto;min-height:78px;flex-wrap:wrap;padding:12px 18px;gap:10px}.topbar>div:last-child{margin-left:auto}.topbar .pill.demo{display:none}.topbar .reset{font-size:11px}.profile-btn{font-size:11px;padding:8px}.caption-dialog{padding:20px;max-height:94dvh}.template-layout{grid-template-columns:1fr;gap:20px}.template-input,.template-preview{min-height:220px}.caption-dialog>.actions{gap:10px}.caption-dialog>.actions .text-btn{font-size:12px}.caption-box .section-label{flex-wrap:wrap;gap:8px}.caption-box .section-label .text-btn{padding-left:0}.beat-panel{padding:16px}.beat-segments b{font-size:12px}.beat-segments>div{padding:7px 3px}.beat-meta{font-size:10px}.template-preview{font-size:13px}}