@font-face{font-family:'Ford Antenna';src:url('../../Shared Assets/fonts/ford-antenna/ford-antenna-medium-58955836e60d2.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Ford Antenna';src:url('../../Shared Assets/fonts/ford-antenna/ford-antenna-medium-58955836e60d2.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Ford Antenna';src:url('../../Shared Assets/fonts/ford-antenna/ford-antenna-italic-588ce13ac85a5.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Ford Antenna Black';src:url('../../Shared Assets/fonts/ford-antenna/ford-antenna-black-cmp-587eb6f0d9e46.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Ford Antenna Condensed';src:url('../../Shared Assets/fonts/ford-antenna/ford-antenna-medium-cnd-587bd97171cbd.otf') format('opentype');font-weight:400 700;font-style:normal;font-display:swap}
:root{--navy-950:#020912;--navy-900:#05111e;--navy-850:#071725;--navy-800:#091c2e;--navy-750:#0c243b;--navy-700:#102d49;--blue-700:#005eb8;--blue-600:#0877d1;--blue-500:#1698ee;--blue-400:#4db8fa;--text:#edf6fc;--muted:#91a9bb;--muted-2:#6d879b;--line:#214057;--line-soft:rgba(144,183,212,.14);--danger:#ff6f7c;--success:#49d294;--shadow:0 22px 65px rgba(0,0,0,.42);--radius:12px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--navy-950);color:var(--text);font-family:'Ford Antenna',Arial,sans-serif}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}.hidden-media{position:fixed;width:1px;height:1px;opacity:.001;pointer-events:none;left:-20px;top:-20px}.view{min-height:100vh}
.primary-button,.secondary-button,.export-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;border:1px solid transparent;font-weight:800;letter-spacing:.01em;transition:.15s ease}.primary-button{min-height:42px;padding:0 17px;color:#fff;background:linear-gradient(135deg,#0069c9,#118fe6);box-shadow:0 10px 24px rgba(0,94,184,.23)}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 13px 30px rgba(0,94,184,.32)}.primary-button:active{transform:translateY(0);filter:brightness(.95)}.secondary-button{min-height:42px;padding:0 17px;color:#d7e9f6;background:#0b2136;border-color:#294b64}.secondary-button:hover{background:#143653;border-color:#3d7093;color:#fff}.large{height:50px;padding:0 22px;font-size:15px}.large svg{width:21px;height:21px}.eyebrow{display:block;color:#5fc0fb;font-size:10px;letter-spacing:.17em;font-weight:900}.section-heading h2{margin:6px 0 0;font-size:29px;line-height:1.08}.section-heading.row{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading.row p{max-width:500px;margin:0;text-align:right;color:var(--muted);font-size:12px;line-height:1.5}
.home-view{background:radial-gradient(circle at 52% 18%,rgba(16,61,96,.72) 0,rgba(6,22,37,.9) 34%,#020912 78%),linear-gradient(135deg,#071b2d,#020912);padding-bottom:70px}.home-view:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.home-header{height:76px;padding:0 4vw;background:linear-gradient(90deg,rgba(0,43,92,.97),rgba(0,74,152,.97));border-bottom:1px solid rgba(171,211,242,.2);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:20;box-shadow:0 8px 25px rgba(0,0,0,.22)}.brand-lockup{display:flex;align-items:center;gap:15px;color:#fff;text-decoration:none}.brand-lockup img{width:188px;max-height:46px;object-fit:contain}.brand-lockup span{font-size:15px;font-weight:800;padding-left:15px;border-left:1px solid rgba(255,255,255,.24)}.suite-switcher{display:flex;align-items:center;gap:5px;padding:5px;background:rgba(2,18,35,.34);border:1px solid rgba(255,255,255,.12);border-radius:10px}.suite-switcher a{padding:9px 14px;border-radius:7px;text-decoration:none;color:#bdd5e8;font-size:11px;font-weight:800;transition:.14s}.suite-switcher a:hover{background:rgba(255,255,255,.09);color:#fff}.suite-switcher a.active{background:#fff;color:#004a98;box-shadow:0 4px 13px rgba(0,0,0,.23)}.privacy-pill{justify-self:end;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(2,18,35,.22);font-size:10px;color:#d9edf9}.home-dashboard{position:relative;z-index:1;width:min(1320px,calc(100% - 44px));margin:38px auto 0;display:grid;gap:25px}.hero-card,.workflow-card,.recent-section{border:1px solid rgba(128,181,220,.19);border-radius:17px;background:linear-gradient(155deg,rgba(12,40,65,.92),rgba(5,18,31,.96));box-shadow:var(--shadow)}.hero-card{min-height:390px;padding:45px 48px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:44px;align-items:center;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-130px;top:-210px;background:radial-gradient(circle,rgba(32,151,230,.22),transparent 70%)}.hero-copy{position:relative;z-index:2}.hero-copy h1{margin:10px 0 16px;max-width:680px;font-size:48px;line-height:.98;letter-spacing:-.025em}.hero-copy p{margin:0;max-width:625px;color:#a8c0d2;font-size:16px;line-height:1.6}.hero-actions{display:flex;gap:11px;margin-top:27px;flex-wrap:wrap}.hero-visual{position:relative;z-index:2;padding:25px 25px 20px;border:1px solid #2c516c;border-radius:15px;background:linear-gradient(180deg,#061421,#030c15);box-shadow:0 30px 60px rgba(0,0,0,.36);transform:perspective(900px) rotateY(-4deg)}.hero-preview{aspect-ratio:9/16;max-height:280px;margin:auto;border:1px solid #31536b;background:radial-gradient(circle at 50% 35%,#0c4c80,#061829 68%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:inset 0 0 70px rgba(0,0,0,.24)}.hero-preview img{width:62%;height:auto}.hero-preview strong{font-size:17px;letter-spacing:.06em}.hero-preview span{font-size:11px;color:#8dcdf5}.hero-timeline{margin-top:17px;height:55px;border-radius:8px;background:#0a2034;border:1px solid #24445c;display:flex;align-items:center;gap:5px;padding:8px;position:relative}.hero-timeline i{height:100%;flex:1;border-radius:5px;background:linear-gradient(135deg,#194b70,#0d2c47)}.hero-timeline i:nth-child(2){flex:.65}.hero-timeline b{position:absolute;top:3px;bottom:3px;left:44%;width:2px;background:#27aaff;box-shadow:0 0 10px #27aaff}.workflow-card{padding:31px 34px}.workflow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px}.workflow-steps>div{min-height:133px;padding:17px;border:1px solid #214159;border-radius:11px;background:linear-gradient(180deg,#0b243b,#071a2c);transition:.15s}.workflow-steps>div:hover{transform:translateY(-2px);border-color:#3b779f;background:#0e2a45}.workflow-steps span{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#0879cf;color:#fff;font-size:12px;font-weight:900}.workflow-steps b{display:block;margin:13px 0 6px;font-size:14px}.workflow-steps small{display:block;color:#8ca6b9;font-size:10px;line-height:1.45}.recent-section{padding:31px 34px;min-height:260px}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px;margin-top:23px}.project-card{border:1px solid #23455e;border-radius:12px;background:#081d30;overflow:hidden;transition:.15s;position:relative}.project-card:hover{transform:translateY(-2px);border-color:#4184b2;box-shadow:0 13px 30px rgba(0,0,0,.25)}.project-thumb{width:100%;height:142px;padding:0;border:0;background:radial-gradient(circle,#123d5f,#04101b);display:grid;place-items:center;overflow:hidden;cursor:pointer}.project-thumb:hover{filter:brightness(1.08)}.project-thumb:focus-visible{outline:2px solid #4fc3ff;outline-offset:-2px}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-thumb .blank-thumb{display:grid;place-items:center;text-align:center;color:#6f8da2}.project-thumb .blank-thumb svg{width:36px;height:36px;margin-bottom:8px}.project-card-body{padding:14px}.project-card-body h3{margin:0 0 5px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-meta{display:flex;gap:8px;color:#7d99ad;font-size:9px}.project-actions{display:flex;border-top:1px solid #23455e}.project-actions button{flex:1;min-width:0;border:0;border-right:1px solid #23455e;background:transparent;color:#a9c1d5;padding:10px 7px;font:700 10px/1 'Ford Antenna',Arial,sans-serif;cursor:pointer}.project-actions button:last-child{border-right:0}.project-actions button:hover,.project-actions button:focus-visible{background:#102c49;color:#fff;outline:0}.project-actions button:last-child:hover,.project-actions button:last-child:focus-visible{background:rgba(174,52,67,.2);color:#ff929c}.empty-projects{grid-column:1/-1;padding:32px;border:1px dashed #2c526d;border-radius:12px;text-align:center;color:#7f9aae}.empty-projects svg{width:38px;height:38px;margin-bottom:8px}
.gate-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(1,8,17,.92);backdrop-filter:blur(12px)}.gate-card{width:min(430px,calc(100% - 28px));padding:35px;border:1px solid #2b536f;border-radius:16px;background:linear-gradient(180deg,#0c2742,#061421);box-shadow:0 35px 100px rgba(0,0,0,.62);text-align:center}.gate-card img{width:230px}.gate-card>span{display:block;margin-top:11px;color:#58baf7;font-size:10px;letter-spacing:.16em;font-weight:900}.gate-card h1{margin:19px 0 8px;font-size:27px}.gate-card p{color:#8ca6b9;font-size:12px}.gate-card input{width:100%;height:49px;margin:14px 0 10px;border:1px solid #315873;border-radius:9px;background:#04111e;color:#fff;text-align:center;font-size:18px;letter-spacing:.18em}.gate-card button{width:100%}.form-error{min-height:20px;margin-top:9px;color:#ff8d97;font-size:11px}
.editor-view{height:100vh;overflow:hidden;background:#020912}.editor-header{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;background:linear-gradient(90deg,#061729,#09243a);border-bottom:1px solid #244259;box-shadow:0 6px 18px rgba(0,0,0,.26);position:relative;z-index:30}.header-left,.header-center,.header-right{display:flex;align-items:center;gap:8px}.header-center{justify-content:center}.header-right{justify-content:flex-end}.header-icon{width:37px;height:37px;border:1px solid #24455e;border-radius:8px;background:#0b2136;color:#9eb9cc;display:grid;place-items:center}.header-icon:hover{background:#143653;color:#fff;border-color:#3c6d8d}.header-icon svg{width:18px}.editor-logo{width:144px;height:34px;object-fit:contain;margin-left:4px}.project-title-wrap{display:grid;gap:1px;padding-left:12px;border-left:1px solid #2c4a60}.project-title-wrap span{font-size:7px;letter-spacing:.17em;color:#54b7f4;font-weight:900}.project-title-wrap input{width:230px;border:0;background:transparent;color:#fff;font-size:13px;font-weight:800;padding:2px 0}.project-title-wrap input:focus{outline:0;border-bottom:1px solid #168ee2}.save-status{display:flex;align-items:center;gap:6px;color:#8fa9bc;font-size:9px;min-width:92px}.save-status i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px rgba(73,210,148,.6)}.save-status.unsaved i{background:#f0b44e}.save-status.saving i{background:#3ea9ee;animation:pulse 1s infinite}.header-text-button{height:37px;padding:0 11px;display:flex;align-items:center;gap:7px;border:1px solid #24455e;border-radius:8px;background:#0b2136;color:#a9c2d4;font-size:10px;font-weight:800}.header-text-button:hover{background:#143653;color:#fff}.header-text-button svg{width:15px}.export-button{height:40px;padding:0 16px;color:#fff;background:linear-gradient(135deg,#006ac8,#1493e6);box-shadow:0 8px 18px rgba(0,94,184,.25);font-size:11px}.export-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.export-button svg{width:17px}
.editor-shell{height:calc(100vh - 64px - 264px);min-height:360px;display:grid;grid-template-columns:76px 286px minmax(360px,1fr) 306px;background:#04101b}.tool-rail{background:#061421;border-right:1px solid #1e3b50;padding:10px 7px;display:flex;flex-direction:column;gap:6px;z-index:5}.tool-button{height:61px;border:1px solid transparent;border-radius:9px;background:transparent;color:#7894a8;display:grid;place-items:center;align-content:center;gap:5px;font-size:9px;font-weight:800}.tool-button svg{width:21px;height:21px}.tool-button:hover{background:#0b243a;color:#c8deed}.tool-button.active{background:linear-gradient(180deg,#0f3352,#0b2740);color:#fff;border-color:#2c6081;box-shadow:inset 3px 0 #1aa0f0}.tool-panel{background:linear-gradient(180deg,#081a2d,#051321);border-right:1px solid #1f3d53;overflow-y:auto;padding:16px 14px;color:#dceaf4}.panel-head{margin-bottom:15px}.panel-head span{font-size:8px;letter-spacing:.16em;color:#56b8f6;font-weight:900}.panel-head h2{margin:4px 0 5px;font-size:21px;line-height:1}.panel-head p{margin:0;color:#7e9aaf;font-size:10px;line-height:1.45}.panel-section{padding:13px 0;border-top:1px solid rgba(144,183,212,.11)}.panel-section:first-of-type{border-top:0;padding-top:0}.panel-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.panel-section-title h3{margin:0;font-size:11px;color:#dbe9f3}.panel-section-title small{color:#65859b;font-size:8px}.upload-zone{min-height:130px;border:1.5px dashed #32617e;border-radius:11px;background:#081e31;display:grid;place-items:center;text-align:center;padding:18px;transition:.15s}.upload-zone.drag-over{border-color:#28a5f2;background:#0d2b46}.upload-zone svg{width:30px;height:30px;color:#58baf7}.upload-zone b{display:block;margin:9px 0 4px;font-size:12px}.upload-zone p{margin:0;color:#7793a7;font-size:9px;line-height:1.4}.upload-zone button{margin-top:11px}.media-list{display:grid;gap:7px;margin-top:10px}.media-row{display:grid;grid-template-columns:46px minmax(0,1fr) 31px;gap:8px;align-items:center;padding:7px;border:1px solid #23445c;border-radius:9px;background:#0a2034}.media-thumb{width:46px;height:40px;border-radius:5px;object-fit:cover;background:#020b13}.media-info{min-width:0}.media-info b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-info small{color:#718da1;font-size:8px}.media-add{width:31px;height:31px;border:1px solid #2f5b78;border-radius:7px;background:#102b45;color:#7fc9f7;display:grid;place-items:center}.media-add svg{width:15px}.preset-buttons{display:grid;gap:7px}.preset-add{min-height:50px;text-align:left;padding:9px 10px;border:1px solid #264860;border-radius:9px;background:#0a2034;color:#dceaf4;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:8px}.preset-add:hover{background:#102c47;border-color:#3f7ea8}.preset-add svg{width:21px;color:#5ebcf7}.preset-add b{display:block;font-size:10px}.preset-add small{display:block;color:#728fa3;font-size:8px;margin-top:2px}.transition-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.transition-option{min-height:59px;border:1px solid #24465f;border-radius:9px;background:#0a2034;color:#b8cfdf;padding:8px;font-size:9px}.transition-option i{display:block;height:22px;border-radius:4px;margin-bottom:6px;background:linear-gradient(90deg,#115b91,#0a2034)}.transition-option:hover,.transition-option.active{border-color:#1e9def;color:#fff;background:#102c47}.brand-card-button{width:100%;min-height:60px;padding:10px;border:1px solid #264960;border-radius:9px;background:#0a2034;color:#dceaf4;text-align:left;display:flex;align-items:center;gap:10px}.brand-card-button:hover{background:#102c47;border-color:#3b7ca6}.brand-card-button img{width:55px;height:35px;object-fit:contain}.brand-card-button b{display:block;font-size:10px}.brand-card-button small{display:block;color:#748fa2;font-size:8px;margin-top:3px}.field-label{display:grid;gap:6px;color:#9fb6c7;font-size:10px;font-weight:700}.field-label input,.field-label select,.field-label textarea,.panel-control input,.panel-control select{width:100%;min-height:38px;border:1px solid #2a4d66;border-radius:8px;background:#051522;color:#e8f2f8;padding:8px}.field-label input:focus,.field-label select:focus,.field-label textarea:focus,.panel-control input:focus,.panel-control select:focus{outline:0;border-color:#168ee2;box-shadow:0 0 0 3px rgba(22,142,226,.13)}.button-row{display:flex;gap:7px}.small-button{min-height:35px;padding:0 10px;border:1px solid #294c65;border-radius:8px;background:#0c243a;color:#b8cede;font-size:9px;font-weight:800}.small-button:hover{background:#143653;color:#fff}.small-button.primary{background:#086fbd;border-color:#168ee2;color:#fff}.plain-note{padding:10px;border:1px solid #24475f;border-radius:9px;background:#081f33;color:#7e9aae;font-size:9px;line-height:1.5}.audio-card{padding:10px;border:1px solid #264860;border-radius:9px;background:#0a2034}.audio-card-head{display:flex;align-items:center;justify-content:space-between}.audio-card-head b{font-size:10px}.audio-card-head button{border:0;background:transparent;color:#ff8f99}.audio-wave{height:30px;margin:9px 0;background:repeating-linear-gradient(90deg,#245a7e 0 2px,transparent 2px 5px);mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent);opacity:.8}.privacy-box{padding:12px;border:1px solid #2d5875;border-radius:10px;background:linear-gradient(180deg,#0c2943,#081d30);font-size:9px;line-height:1.5;color:#99b2c4}.privacy-box b{display:block;color:#fff;margin-bottom:4px}
.preview-column{min-width:0;display:grid;grid-template-rows:38px minmax(0,1fr) 49px;background:radial-gradient(circle at 50% 45%,#14283b 0,#0a1724 46%,#040c14 100%);position:relative}.guide-strip{display:flex;align-items:center;justify-content:center;gap:15px;padding:0 10px;background:#071827;border-bottom:1px solid #1f3d53}.guide-steps{display:flex;align-items:center;gap:5px}.guide-steps span{display:flex;align-items:center;gap:5px;color:#617f94;font-size:8px;font-weight:800}.guide-steps span:after{content:"";width:20px;height:1px;background:#29465a;margin-left:2px}.guide-steps span:last-child:after{display:none}.guide-steps i{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#102b44;font-style:normal;font-size:7px}.guide-steps span.active{color:#dcecf7}.guide-steps span.active i{background:#108bdc;color:#fff}.guide-strip>button{border:0;background:transparent;color:#68869a;font-size:8px}.guide-strip>button:hover{color:#fff}.preview-workspace{position:relative;overflow:auto;display:grid;place-items:center;padding:25px;overscroll-behavior:contain}.preview-stage{position:relative;background:#000;box-shadow:0 28px 75px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.12);flex:none;max-width:100%;max-height:100%}.preview-stage canvas{display:block;width:100%;height:100%;background:#000}.preview-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;padding:25px;background:radial-gradient(circle at 50% 35%,rgba(15,70,107,.65),rgba(3,12,20,.96) 67%)}.empty-media-icon{width:62px;height:62px;border:1px solid #2d5d7c;border-radius:14px;background:#0b2a45;display:grid;place-items:center;color:#5fc0fb}.empty-media-icon svg{width:29px;height:29px}.preview-empty h2{margin:16px 0 7px;font-size:18px}.preview-empty p{margin:0 0 16px;color:#829eb1;font-size:10px}.overlay-selection{position:absolute;border:2px solid #24a6f2;box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 18px rgba(36,166,242,.25);pointer-events:auto;z-index:8}.overlay-selection span{position:absolute;left:50%;top:-25px;transform:translateX(-50%);padding:3px 6px;border-radius:4px;background:#061827;color:#dff4ff;font-size:7px;white-space:nowrap}.overlay-selection .handle{position:absolute;width:12px;height:12px;border:2px solid #0877d1;border-radius:50%;background:#fff}.overlay-selection .nw{left:-7px;top:-7px;cursor:nwse-resize}.overlay-selection .ne{right:-7px;top:-7px;cursor:nesw-resize}.overlay-selection .sw{left:-7px;bottom:-7px;cursor:nesw-resize}.overlay-selection .se{right:-7px;bottom:-7px;cursor:nwse-resize}.preview-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;background:#071827;border-top:1px solid #1f3d53}.playback-group,.preview-control-right{display:flex;align-items:center;gap:5px}.preview-control-right{justify-content:flex-end}.preview-controls button{width:34px;height:34px;border:1px solid #28485f;border-radius:7px;background:#0b2135;color:#9fb7c8;display:grid;place-items:center}.preview-controls button:hover{background:#153653;color:#fff}.preview-controls .play-button{width:38px;height:38px;border-radius:50%;background:#0879ce;color:#fff;border-color:#1b9dec}.preview-controls svg{width:16px;height:16px}.time-display{font-variant-numeric:tabular-nums;color:#b6cad9;font-size:9px}.volume-icon{width:15px;height:15px;color:#809aae}.preview-control-right input{width:85px;accent-color:#168ee2}
.properties-panel{background:linear-gradient(180deg,#081a2d,#051321);border-left:1px solid #1f3d53;overflow-y:auto;padding:16px 14px}.properties-empty{height:100%;display:grid;place-items:center;text-align:center;color:#718da1;padding:22px}.properties-empty svg{width:34px;height:34px;margin-bottom:10px}.properties-empty b{display:block;color:#b7cedd;font-size:12px;margin-bottom:5px}.properties-empty p{margin:0;font-size:9px;line-height:1.5}.property-section{padding:14px 0;border-bottom:1px solid rgba(144,183,212,.11)}.property-section:first-child{padding-top:0}.property-section h3{margin:0 0 10px;font-size:11px;color:#dceaf4}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.panel-control{display:grid;gap:5px;color:#8fa8ba;font-size:8px;font-weight:700}.panel-control.full{grid-column:1/-1}.panel-control input[type=range]{min-height:auto;padding:0;accent-color:#168ee2}.range-row{display:grid;grid-template-columns:1fr 42px;gap:7px;align-items:center}.range-row output{height:28px;border:1px solid #284a62;border-radius:6px;background:#051522;display:grid;place-items:center;color:#c8dbe8;font-size:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;color:#a9bfce;font-size:9px}.toggle-row input{width:34px;height:18px;appearance:none;border-radius:999px;background:#29475d;position:relative;transition:.15s}.toggle-row input:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;left:2px;top:2px;transition:.15s}.toggle-row input:checked{background:#0879ce}.toggle-row input:checked:after{left:18px}.reset-button{width:100%;height:35px;border:1px solid #2a4d66;border-radius:8px;background:#0b2237;color:#a8c0d0;font-size:9px}.reset-button:hover{background:#143653;color:#fff}.salesperson-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:9px;align-items:center;padding:8px;border:1px solid #294c64;border-radius:9px;background:#0a2034}.salesperson-card img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid #3c7ca5}.salesperson-card b{font-size:10px}.salesperson-card small{display:block;color:#7894a7;font-size:8px;margin-top:3px;word-break:break-word}
.timeline-section{height:264px;background:#061421;border-top:1px solid #213f55;position:relative;z-index:20}.timeline-toolbar{height:46px;padding:0 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #1e3b50}.timeline-actions,.timeline-zoom{display:flex;align-items:center;gap:6px}.timeline-actions button{height:31px;padding:0 10px;border:1px solid #284a62;border-radius:7px;background:#0b2135;color:#a7bfce;display:flex;align-items:center;gap:6px;font-size:8px;font-weight:800}.timeline-actions button:hover{background:#143653;color:#fff}.timeline-actions button.danger:hover{background:rgba(255,84,99,.13);color:#ff8e98}.timeline-actions svg{width:14px}.timeline-help{display:flex;gap:15px;color:#627f93;font-size:8px}.timeline-help span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#168ee2;margin-right:6px}.timeline-zoom{justify-content:flex-end}.timeline-zoom span{font-size:8px;color:#7f9bad}.timeline-zoom button{width:28px;height:28px;border:1px solid #284a62;border-radius:6px;background:#0b2135;color:#b6cad8}.timeline-zoom input{width:110px;accent-color:#168ee2}.timeline-viewport{height:218px;overflow:auto;overscroll-behavior:contain;background:#04101b}.timeline-content{position:relative;min-width:100%;width:max-content;padding-left:82px;padding-top:27px;min-height:100%}.timeline-ruler{position:absolute;top:0;left:82px;right:0;height:27px;border-bottom:1px solid #213d52;background:#071827}.ruler-mark{position:absolute;bottom:0;height:100%;border-left:1px solid #2b4a60;color:#6e8a9e;font-size:7px;padding:5px 0 0 4px}.timeline-track{height:82px;display:grid;grid-template-columns:82px minmax(900px,1fr);border-bottom:1px solid #1d3649}.track-label{position:sticky;left:0;z-index:5;margin-left:-82px;width:82px;background:#071827;border-right:1px solid #244155;display:grid;place-items:center;align-content:center;color:#6f8da2;font-size:8px;font-weight:800}.track-label svg{width:16px;height:16px;margin-bottom:3px}.track-lane{position:relative;display:flex;align-items:center;height:100%;padding:8px 0}.clip-item{height:64px;min-width:80px;border:2px solid #27658d;border-radius:8px;background:#0e3452;position:relative;flex:none;overflow:visible;box-shadow:0 7px 16px rgba(0,0,0,.22);user-select:none}.clip-item.selected{border-color:#2ab0ff;box-shadow:0 0 0 2px rgba(42,176,255,.16),0 7px 16px rgba(0,0,0,.26)}.clip-item.dragging{opacity:.45}.clip-visual{position:absolute;inset:0;border-radius:6px;overflow:hidden;background:#0b2841}.clip-visual img{width:100%;height:100%;object-fit:cover;opacity:.78}.clip-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(2,9,15,.75))}.clip-name{position:absolute;left:10px;right:9px;bottom:8px;z-index:2;font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000}.clip-duration{position:absolute;right:6px;top:5px;z-index:2;padding:2px 4px;border-radius:4px;background:rgba(1,8,15,.76);font-size:7px}.clip-muted{position:absolute;left:6px;top:5px;z-index:2;padding:2px 4px;border-radius:4px;background:#7c2630;color:#fff;font-size:7px}.trim-handle{position:absolute;top:0;bottom:0;width:12px;background:rgba(34,174,252,.8);z-index:4;cursor:ew-resize}.trim-handle:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:22px;border-left:1px solid #fff;border-right:1px solid #fff;transform:translate(-50%,-50%)}.trim-handle.left{left:-2px;border-radius:6px 0 0 6px}.trim-handle.right{right:-2px;border-radius:0 6px 6px 0}.transition-chip{width:27px;height:38px;margin:0 -1px;flex:none;z-index:4;border:1px solid #315b76;border-radius:7px;background:#0c2942;color:#75bce8;display:grid;place-items:center;font-size:8px;box-shadow:0 5px 12px rgba(0,0,0,.2)}.transition-chip:hover,.transition-chip.active{background:#15517a;color:#fff;border-color:#2a9fe5}.audio-clip{height:46px;border:1px solid #2b6d61;border-radius:7px;background:linear-gradient(180deg,#123c39,#0b2928);position:absolute;top:18px;left:0;overflow:hidden}.audio-clip:before{content:"";position:absolute;inset:7px;background:repeating-linear-gradient(90deg,#50c1a8 0 2px,transparent 2px 5px);opacity:.55}.audio-clip span{position:absolute;left:8px;bottom:5px;z-index:2;font-size:7px;color:#bfeadf}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background:#20a9f7;left:82px;z-index:15;pointer-events:none;box-shadow:0 0 8px rgba(32,169,247,.8)}.timeline-playhead b{position:absolute;top:0;left:50%;transform:translateX(-50%);width:10px;height:9px;border-radius:2px 2px 5px 5px;background:#20a9f7}
.modal{border:0;padding:0;background:transparent;color:var(--text);max-width:none}.modal::backdrop{background:rgba(1,8,17,.85);backdrop-filter:blur(8px)}.modal-card{width:min(660px,calc(100vw - 30px));max-height:90vh;overflow:auto;padding:25px;border:1px solid #2b516b;border-radius:15px;background:linear-gradient(180deg,#0c2239,#061522);box-shadow:0 35px 100px rgba(0,0,0,.65);color:#eaf3f9}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.modal-head h2{margin:5px 0 6px;font-size:26px}.modal-head p{margin:0;color:#819bad;font-size:10px;line-height:1.45}.modal-close{width:34px;height:34px;border:1px solid #2b4d65;border-radius:8px;background:#0a1d30;color:#a8bfce;font-size:21px}.modal-close:hover{background:#143653;color:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.new-project-card{width:min(800px,calc(100vw - 30px))}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.preset-card{min-height:91px;padding:12px;border:1px solid #284b63;border-radius:9px;background:#0a2034;color:#bacfdd;text-align:left}.preset-card:hover{background:#102c47;border-color:#3b7ba5}.preset-card.active{background:rgba(0,94,184,.25);border-color:#1ba1ef;box-shadow:0 0 0 2px rgba(27,161,239,.12);color:#fff}.preset-shape{display:block;width:31px;height:38px;border:2px solid #5ebcf7;border-radius:4px;margin-bottom:9px}.preset-card.landscape .preset-shape{width:46px;height:27px}.preset-card.square .preset-shape{width:32px;height:32px}.preset-card b{display:block;font-size:9px}.preset-card small{display:block;color:#748fa2;font-size:7px;margin-top:3px}.advanced-box{margin-top:12px;border:1px solid #294b63;border-radius:9px;background:#081d30;padding:0 12px}.advanced-box summary{padding:11px 0;color:#9fb7c7;font-size:9px;cursor:pointer}.advanced-box[open]{padding-bottom:12px}.two-column,.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.project-tool-grid button{min-height:41px;border:1px solid #294c65;border-radius:8px;background:#0a2034;color:#b5cad8;font-size:9px;font-weight:800}.project-tool-grid button:hover{background:#143653;color:#fff}.project-tool-grid button.danger:hover{background:rgba(255,84,99,.14);color:#ff8f99}.privacy-note{margin:15px 0 0;padding:11px;border:1px solid #2a526e;border-radius:8px;background:#081e32;color:#90a9bb;font-size:9px}.export-card{width:min(740px,calc(100vw - 30px))}.compatibility-note{margin-bottom:14px;padding:10px;border:1px solid #2c526d;border-radius:8px;background:#081e31;color:#8fa9ba;font-size:9px;line-height:1.45}.compatibility-note.warning{border-color:#7b6332;background:#2b2413;color:#ecd59b}.switch-field{display:flex;align-items:center;gap:8px;align-self:end;height:38px;color:#a8bdcc;font-size:10px}.switch-field input{display:none}.switch-field span{width:35px;height:19px;border-radius:999px;background:#2b485d;position:relative}.switch-field span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;left:2px;top:2px;transition:.15s}.switch-field input:checked+span{background:#0879ce}.switch-field input:checked+span:after{left:18px}.render-progress-wrap{margin-top:18px;padding:13px;border:1px solid #2b526e;border-radius:9px;background:#071c2f}.render-progress-head{display:flex;justify-content:space-between;font-size:9px;color:#b7ccda}.render-progress{height:8px;margin-top:9px;border-radius:999px;background:#04101b;overflow:hidden}.render-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#0877d1,#33b8ff);transition:width .12s linear}.render-progress-wrap button{margin-top:10px;border:0;background:transparent;color:#ff919b;font-size:8px}.context-menu{position:fixed;z-index:2000;width:205px;padding:7px;border:1px solid #31546c;border-radius:10px;background:rgba(7,24,41,.98);box-shadow:0 25px 70px rgba(0,0,0,.58);backdrop-filter:blur(10px)}.context-menu button{width:100%;height:32px;border:0;border-radius:6px;background:transparent;color:#d5e5f0;text-align:left;padding:0 10px;font-size:9px}.context-menu button:hover{background:#16476f;color:#fff}.context-menu button.danger{color:#ff919b}.context-menu button.danger:hover{background:rgba(255,74,90,.16)}.context-menu hr{border:0;border-top:1px solid #29465c;margin:5px 2px}.toast-region{position:fixed;right:18px;top:80px;z-index:5000;display:grid;gap:8px}.toast{max-width:360px;padding:12px 14px;border:1px solid #2d5570;border-radius:9px;background:#0a243b;color:#fff;box-shadow:0 15px 40px rgba(0,0,0,.38);font-size:10px;animation:toast-in .18s ease}.toast.success{border-color:#2e765a;background:#123e30}.toast.error{border-color:#994151;background:#5d1d28}.toast.warning{border-color:#7e6632;background:#322813}@keyframes toast-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.35}}
@media(max-width:1250px){.editor-shell{grid-template-columns:72px 250px minmax(340px,1fr) 270px}.project-title-wrap input{width:170px}.timeline-help{display:none}.hero-card{grid-template-columns:1fr 420px}.home-header{grid-template-columns:1fr auto}.privacy-pill{display:none}.workflow-steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.suite-switcher{display:none}.brand-lockup{justify-self:center}.home-header{grid-template-columns:1fr}.hero-card{grid-template-columns:1fr;padding:35px}.hero-visual{display:none}.hero-copy h1{font-size:40px}.editor-shell{grid-template-columns:66px 235px minmax(330px,1fr)}.properties-panel{display:none}.header-center{display:none}.editor-header{grid-template-columns:1fr auto}.workflow-steps{grid-template-columns:1fr 1fr}.preset-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.home-dashboard{width:min(100% - 22px,1320px)}.hero-card,.workflow-card,.recent-section{padding:24px}.hero-copy h1{font-size:34px}.workflow-steps{grid-template-columns:1fr}.section-heading.row{display:block}.section-heading.row p{text-align:left;margin-top:9px}.editor-header{padding:0 8px}.editor-logo{width:120px}.project-title-wrap{display:none}.header-text-button{display:none}.editor-shell{grid-template-columns:60px minmax(0,1fr)}.tool-panel{position:absolute;left:60px;top:64px;bottom:264px;width:260px;z-index:25;box-shadow:15px 0 30px rgba(0,0,0,.35)}.preview-column{grid-column:2}.timeline-toolbar{grid-template-columns:1fr auto}.timeline-help{display:none}.timeline-zoom span{display:none}.guide-strip{display:none}.preview-column{grid-template-rows:minmax(0,1fr) 49px}.preset-grid,.two-column,.export-grid,.project-tool-grid{grid-template-columns:1fr}.timeline-section{height:240px}.editor-shell{height:calc(100vh - 64px - 240px)}}

/* Keep portrait and square previews contained inside the fixed editor workspace. */
.editor-shell{min-height:0;overflow:hidden}
.editor-shell>.tool-panel,.editor-shell>.properties-panel,.editor-shell>.preview-column{min-height:0;max-height:100%}
.preview-column{overflow:hidden}
.preview-workspace{min-height:0;max-height:100%}


/* v7 alignment and timeline reliability fixes */
html,body,button,input,select,textarea{font-family:'Ford Antenna',Inter,Arial,sans-serif}
body{letter-spacing:.002em}
button{letter-spacing:.005em}

/* Match the Graphic Maker home treatment and exact suite selector. */
.home-view{overflow:auto;background:radial-gradient(circle at 75% 0,rgba(0,94,184,.26),transparent 30%),linear-gradient(180deg,#03101f 0,#06182b 55%,#030d19 100%);padding-bottom:70px}
.home-view:before{display:none}
.home-header.brighton-home-header{height:76px;padding:0 4vw;background:linear-gradient(90deg,rgba(0,43,92,.97),rgba(0,74,152,.97));border-bottom:1px solid rgba(171,211,242,.2);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:20;box-shadow:0 8px 25px rgba(0,0,0,.22)}
.brighton-lockup{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff;width:max-content}
.brighton-lockup img{width:202px;height:55px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.2))}
.brighton-lockup span{font-weight:700;border-left:1px solid rgba(255,255,255,.35);padding-left:14px;white-space:nowrap}
.studio-switcher{display:flex;align-items:center;gap:5px;padding:5px;background:rgba(2,18,35,.34);border:1px solid rgba(255,255,255,.12);border-radius:10px}
.studio-switcher a{padding:8px 14px;border-radius:7px;text-decoration:none;color:#b9d3e9;font-size:12px;font-weight:700}
.studio-switcher a:hover{background:rgba(255,255,255,.08);color:#fff}
.studio-switcher a.active{background:#fff;color:#004a98;box-shadow:0 4px 13px rgba(0,0,0,.23)}

/* Use the Graphic Maker's readable control scale instead of compressed micro text. */
.tool-button{font-size:11px}
.panel-head span,.panel-section-title,.eyebrow{font-size:10px}
.panel-head h2{font-size:22px}
.panel-head p,.plain-note,.privacy-box,.privacy-note{font-size:12px;line-height:1.5}
.field-label,.panel-control{font-size:11px}
.field-label input,.field-label select,.field-label textarea{font-size:13px}
.small-button,.preset-add,.media-add,.reset-button{font-size:11px}
.media-info b,.salesperson-card b{font-size:12px}
.media-info small,.salesperson-card small{font-size:10px}
.brand-card-button,.transition-option{font-size:11px}
.properties-empty b{font-size:14px}
.properties-empty p{font-size:11px}
.property-section h3{font-size:13px}
.toggle-row{font-size:11px}
.range-row output{font-size:10px}
.timeline-actions button{font-size:10px}
.timeline-help,.timeline-zoom span{font-size:10px}
.track-label{font-size:10px}
.ruler-mark{font-size:9px}
.clip-name{font-size:10px}
.clip-duration,.clip-muted{font-size:9px}
.audio-clip span{font-size:9px}
.time-display{font-size:11px}
.modal-head p,.compatibility-note{font-size:12px}
.advanced-box summary,.project-tool-grid button,.switch-field,.render-progress-head,.context-menu button,.toast{font-size:11px}
.preset-card b{font-size:11px}
.preset-card small{font-size:9px}

/* Timeline origin: label occupies 82px exactly once; media begins at true 0 seconds. */
.timeline-content{padding-left:0;min-width:100%;width:max-content;user-select:none}
.timeline-ruler{left:82px}
.timeline-track{grid-template-columns:82px minmax(0,1fr);width:100%}
.track-label{margin-left:0;width:82px}
.track-lane{min-width:0;cursor:crosshair;touch-action:none}
.clip-item{cursor:grab;touch-action:none;will-change:transform}
.clip-item:active,.clip-item.dragging{cursor:grabbing}
.clip-item.dragging{opacity:.78;z-index:12;box-shadow:0 14px 35px rgba(0,0,0,.45),0 0 0 2px rgba(42,176,255,.22)}
.clip-item.drop-before:before,.clip-item.drop-after:after{content:"";position:absolute;top:-8px;bottom:-8px;width:3px;border-radius:999px;background:#3aa7f4;box-shadow:0 0 12px rgba(58,167,244,.85);z-index:20}
.clip-item.drop-before:before{left:-6px}.clip-item.drop-after:after{right:-6px}
.timeline-viewport.scrubbing,.timeline-viewport.scrubbing .track-lane,.timeline-ruler{cursor:ew-resize}
.timeline-playhead{pointer-events:none}

/* Prevent GPU/canvas artifacts from presenting as long stray lines. */
.preview-stage{isolation:isolate}
.preview-stage canvas{contain:strict}
.overlay-selection{border:0;box-shadow:none;outline:1px solid rgba(36,166,242,.45);outline-offset:-1px}
.overlay-selection:before,.overlay-selection:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#24a6f2,#24a6f2) left top/22px 2px no-repeat,linear-gradient(#24a6f2,#24a6f2) left top/2px 22px no-repeat,linear-gradient(#24a6f2,#24a6f2) right top/22px 2px no-repeat,linear-gradient(#24a6f2,#24a6f2) right top/2px 22px no-repeat,linear-gradient(#24a6f2,#24a6f2) left bottom/22px 2px no-repeat,linear-gradient(#24a6f2,#24a6f2) left bottom/2px 22px no-repeat,linear-gradient(#24a6f2,#24a6f2) right bottom/22px 2px no-repeat,linear-gradient(#24a6f2,#24a6f2) right bottom/2px 22px no-repeat}
.overlay-selection:after{inset:1px;opacity:.32}

@media(max-width:980px){.studio-switcher{display:none}.brighton-lockup{justify-self:center}.home-header.brighton-home-header{grid-template-columns:1fr}}
@media(max-width:720px){.home-header.brighton-home-header{height:auto;min-height:72px;grid-template-columns:1fr;padding:9px 14px}.brighton-lockup img{width:190px}}


/* ===== v8 layout, timeline layers, and playback polish ===== */
/* brighton.css also defines .panel-head for Graphic Maker. Scope and reset it here. */
.tool-panel,.properties-panel{min-width:0;overflow-x:hidden}
.tool-panel .panel-head,.properties-panel .panel-head{display:block;align-items:initial;justify-content:initial;padding:0;border:0;margin:0 0 15px}
.tool-panel .panel-head span,.properties-panel .panel-head span{display:block}
.tool-panel .panel-head h2,.properties-panel .panel-head h2{display:block;margin:4px 0 7px;font:800 22px/1.05 'Ford Antenna',Arial,sans-serif;max-width:100%;overflow-wrap:anywhere}
.tool-panel .panel-head p,.properties-panel .panel-head p{display:block;margin:0;max-width:100%;font-size:12px;line-height:1.48;color:#8ba5b8;overflow-wrap:anywhere}
.tool-panel .panel-section,.properties-panel .property-section{min-width:0}
.transition-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0}
.transition-option{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:1250px){.transition-grid{grid-template-columns:minmax(0,1fr)}}
.timing-timeline-note{margin-top:13px;padding:10px 11px;border:1px solid #28516d;border-radius:8px;background:#081f34;color:#9ec3da;font-size:11px;line-height:1.45}

.preview-stage canvas{width:100%;height:100%;display:block;image-rendering:auto}
.overlay-tracks{width:100%}
.overlay-tracks.hidden{display:none}
.overlay-track{height:54px}
.overlay-label{padding:5px;overflow:hidden}
.overlay-label span{display:block;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.overlay-lane{height:54px;padding:6px 0;position:relative;display:block}
.overlay-clip{position:absolute;top:7px;height:40px;min-width:24px;border:1px solid #466f93;border-radius:7px;background:linear-gradient(180deg,#173d63,#102c49);color:#dcecf8;overflow:hidden;text-align:left;padding:0 34px 0 12px;box-shadow:0 5px 12px rgba(0,0,0,.22);cursor:grab;touch-action:none}
.overlay-clip.branding{border-color:#6e5fa7;background:linear-gradient(180deg,#3a3263,#272044)}
.overlay-clip.selected{border-color:#2ab0ff;box-shadow:0 0 0 2px rgba(42,176,255,.18),0 5px 14px rgba(0,0,0,.28)}
.overlay-clip:active{cursor:grabbing}
.overlay-clip span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;line-height:38px}
.overlay-clip small{position:absolute;right:13px;top:4px;padding:2px 4px;border-radius:4px;background:rgba(0,0,0,.45);font-size:8px;color:#d6e8f4}
.overlay-trim{position:absolute;top:0;bottom:0;width:11px;background:rgba(39,161,238,.82);cursor:ew-resize;z-index:3}
.overlay-trim:after{content:"";position:absolute;top:50%;left:50%;height:17px;border-left:1px solid #fff;transform:translate(-50%,-50%)}
.overlay-trim.left{left:0}.overlay-trim.right{right:0}
.timeline-content{min-height:100%}
.timeline-playhead{height:100%;bottom:auto}

/* Keep the exact large suite selector on Video Editor and Graphic Maker home screens. */
.home-header.brighton-home-header{height:88px}
.studio-switcher{gap:6px;padding:7px;border-radius:15px}
.studio-switcher a{min-width:190px;padding:14px 20px;border-radius:11px;font-size:17px;line-height:1;text-align:center}
@media(max-width:1280px){.studio-switcher a{min-width:155px;padding:13px 14px;font-size:15px}}

/* ===== v9 unified suite header, rail alignment, and selection clarity ===== */
.home-header.brighton-home-header{
  height:78px!important;min-height:78px!important;
  grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr)!important;
  padding:0 28px!important;
}
.home-header .brighton-lockup{gap:12px!important;min-width:0}
.home-header .brighton-lockup img{width:184px!important;height:50px!important;object-fit:contain}
.home-header .brighton-lockup span{padding-left:12px!important;font-size:13px!important;line-height:1!important}
.home-header .studio-switcher{gap:4px!important;padding:4px!important;border-radius:11px!important;max-width:520px!important}
.home-header .studio-switcher a{min-width:138px!important;padding:9px 12px!important;border-radius:8px!important;font-size:12px!important;line-height:1!important;white-space:nowrap}
.home-header .privacy-pill{font-size:10px!important;padding:8px 11px!important}
@media(max-width:1180px){
  .home-header.brighton-home-header{grid-template-columns:minmax(180px,1fr) auto!important;padding:0 18px!important}
  .home-header .privacy-pill{display:none!important}
  .home-header .studio-switcher a{min-width:118px!important;padding:9px 9px!important;font-size:11px!important}
  .home-header .brighton-lockup img{width:168px!important}
}
@media(max-width:760px){.home-header .studio-switcher{display:none!important}}

.tool-rail{align-items:stretch;overflow:hidden}
.tool-button{width:100%;min-width:0;overflow:hidden;flex:0 0 68px;padding:4px 2px}
.tool-button span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Yellow is reserved for the selected timeline item so selection is unmistakable. */
.clip-item.selected,.overlay-clip.selected,.audio-clip.selected{
  border-color:#ffd84d!important;
  box-shadow:0 0 0 2px rgba(255,216,77,.28),0 7px 18px rgba(0,0,0,.3)!important;
}
.transition-chip.active{border-color:#ffd84d!important;color:#231b00!important;background:#ffd84d!important;box-shadow:0 0 0 2px rgba(255,216,77,.24),0 5px 12px rgba(0,0,0,.25)!important}

.preview-stage,.preview-stage *,.overlay-selection,.overlay-selection *{
  -webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;
}
.overlay-selection{touch-action:none}
.overlay-selection .handle{touch-action:none;z-index:5}

/* v10 home preview typography: keep the demo title inside the 9:16 frame */
.hero-preview{padding:20px 14px;box-sizing:border-box;overflow:hidden;text-align:center}
.hero-preview img{width:min(64%,190px);max-height:38%;object-fit:contain;flex:0 0 auto}
.hero-preview strong{display:block;width:100%;max-width:100%;padding:0 4px;box-sizing:border-box;font-family:"Ford Antenna Condensed","Ford Antenna",Arial,sans-serif;font-size:clamp(13px,1.45vw,18px);line-height:1.02;letter-spacing:.035em;text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal}
.hero-preview span{display:block;width:100%;font-size:clamp(10px,1vw,12px);text-align:center}
/* Two-step project creation */
.project-step{display:none}.project-step.active{display:block}.project-step-note{margin:0 0 18px;color:#9fb8ca;line-height:1.5}.new-project-card .modal-actions{margin-top:22px}

/* v11 compact property sliders */
.properties-panel .range-row{grid-template-columns:minmax(0,1fr) 62px;gap:8px;width:100%;min-width:0}
.properties-panel .range-row input[type="range"]{width:100%;min-width:0;max-width:100%}
.properties-panel .range-row output{width:62px;min-width:62px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px}
.properties-panel .panel-control{min-width:0;overflow:hidden}

/* v13 — fullscreen preview keeps the project's exact aspect ratio */
#previewWorkspace:fullscreen,
#previewWorkspace:-webkit-full-screen{
  width:100vw;
  height:100vh;
  min-width:100vw;
  min-height:100vh;
  padding:24px;
  box-sizing:border-box;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:radial-gradient(circle at 50% 45%,#14283b 0,#07131f 48%,#01060b 100%);
}
#previewWorkspace:fullscreen .preview-stage,
#previewWorkspace:-webkit-full-screen .preview-stage{
  flex:none;
  max-width:calc(100vw - 48px);
  max-height:calc(100vh - 48px);
}
#previewWorkspace:fullscreen .preview-stage canvas,
#previewWorkspace:-webkit-full-screen .preview-stage canvas{
  width:100%;
  height:100%;
  object-fit:contain;
}