@font-face{font-family:'Ford Antenna';src:url('../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('../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('../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('../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('../fonts/ford-antenna/ford-antenna-medium-cnd-587bd97171cbd.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Ford Antenna Condensed';src:url('../fonts/ford-antenna/ford-antenna-medium-cnd-587bd97171cbd.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Ford Antenna Extra Condensed';src:url('../fonts/ford-antenna/ford-antenna-regular-xcnd-589558121012a.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}

:root{
  --bf-navy-950:#020b16;
  --bf-navy-900:#051425;
  --bf-navy-850:#071a30;
  --bf-navy-800:#08213f;
  --bf-blue-700:#003478;
  --bf-blue-600:#004a98;
  --bf-blue-500:#005eb8;
  --bf-blue-400:#0877d1;
  --bf-blue-300:#3da0ec;
  --bf-sky:#9dd6ff;
  --panel:#08192d;
  --panel-raised:#0b2038;
  --panel-soft:#0f2945;
  --line:rgba(151,192,225,.16);
  --line-strong:rgba(151,192,225,.30);
  --ink:#f4f8fc;
  --muted:#94abc0;
  --muted-2:#6f879e;
  --accent:#0b82dc;
  --accent2:#3aa7f4;
  --accent-soft:rgba(11,130,220,.16);
  --danger:#ff6b78;
  --success:#47d597;
  --shadow:0 24px 70px rgba(0,0,0,.38);
  --radius:14px;
}

*{scrollbar-width:thin;scrollbar-color:#31526f transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#294963;border:2px solid transparent;background-clip:padding-box;border-radius:999px}
html,body,button,input,select,textarea{font-family:'Ford Antenna',Inter,Arial,sans-serif}
html,body{background:var(--bf-navy-950);color:var(--ink)}
body{letter-spacing:.002em}
button{letter-spacing:.005em}
.hidden{display:none!important}
.font-preload{position:fixed;left:-10000px;top:-10000px;opacity:0;pointer-events:none}
.font-preload span{display:block}.ford-regular{font-family:'Ford Antenna'}.ford-bold{font-family:'Ford Antenna';font-weight:700}.ford-black{font-family:'Ford Antenna Black'}.ford-condensed{font-family:'Ford Antenna Condensed'}.ford-extra-condensed{font-family:'Ford Antenna Extra Condensed'}

/* Shared controls */
.btn{min-height:42px;border-radius:9px;font-weight:700;transition:.16s ease}
.btn-primary{background:linear-gradient(135deg,#006bc5,#0c88e1);color:#fff;box-shadow:0 8px 20px rgba(0,107,197,.25);border:1px solid rgba(255,255,255,.08)}
.btn-primary:hover{background:linear-gradient(135deg,#087bd8,#1594ec);color:#fff;filter:none;transform:translateY(-1px);box-shadow:0 11px 25px rgba(0,107,197,.34)}
.btn-secondary{background:#102a46;border:1px solid var(--line-strong);color:#dceaf6}
.btn-secondary:hover{background:#153754;color:#fff;border-color:#4d789a}
.icon-btn,.top-btn,.mini-btn,.text-button,.brand-button{color:inherit}
.icon-btn:hover,.top-btn:hover,.mini-btn:hover{background:rgba(255,255,255,.09)}
.text-button{color:#69bfff;font-weight:700}
.text-button:hover{color:#a4dcff}
.eyebrow{color:#6bbfff;font-size:10px;letter-spacing:.15em}

/* Password */
.studio-password-overlay{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 10%,rgba(0,94,184,.35),transparent 38%),rgba(1,8,17,.96);backdrop-filter:blur(14px)}
.studio-password-card{width:min(455px,100%);padding:38px;border-radius:22px;background:linear-gradient(180deg,#0c2541,#07182b);box-shadow:0 35px 100px rgba(0,0,0,.55);text-align:center;border:1px solid rgba(154,205,244,.22)}
.studio-password-card img{width:235px;max-height:74px;object-fit:contain;margin-bottom:6px}
.studio-password-card>span{display:block;color:#65baf9;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.studio-password-card h1{font:800 29px/1.1 'Ford Antenna',Arial,sans-serif;margin:18px 0 8px;color:#fff}
.studio-password-card p{color:#9eb3c8;margin:0 0 20px}
.studio-password-card input{width:100%;height:50px;border:1px solid #284864;border-radius:9px;padding:0 14px;text-align:center;font-size:19px;outline:none;background:#061422;color:#fff}
.studio-password-card input:focus{border-color:#168ce3;box-shadow:0 0 0 4px rgba(22,140,227,.18)}
.studio-password-card button{width:100%;height:48px;margin-top:12px;border:0;border-radius:9px;background:linear-gradient(135deg,#006bc5,#0c88e1);color:white;font-weight:800;font-size:16px}
.studio-password-error{min-height:20px;margin-top:8px;color:#ff8994;font-size:13px}

/* Home */
.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%)}
.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:5;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)}
.privacy-pill{justify-self:end;padding:8px 13px;border-radius:999px;background:rgba(4,23,42,.34);color:#d9efff;font-size:11px;font-weight:700;border:1px solid rgba(255,255,255,.18)}
.dashboard{max-width:1320px;margin:0 auto;padding:42px 26px 80px}
.hero-card.brighton-hero{min-height:370px;padding:50px 54px;border-radius:22px;background:linear-gradient(112deg,#05254a 0,#003d80 52%,#0878cf 100%);box-shadow:0 28px 75px rgba(0,0,0,.4);border:1px solid rgba(145,207,249,.2);display:grid;grid-template-columns:1.2fr .8fr;gap:30px;color:#fff;position:relative;overflow:hidden}
.hero-card.brighton-hero:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-210px;top:-240px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.brighton-hero .eyebrow{color:#a7ddff}
.brighton-hero h1{font:800 clamp(39px,4.8vw,64px)/1.01 'Ford Antenna',Arial,sans-serif;letter-spacing:-.025em;margin:12px 0 18px;max-width:750px}
.brighton-hero p{font-size:16px;line-height:1.6;color:#d7eafb;max-width:670px}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}
.hero-actions .btn-primary{background:#fff;color:#004f9d;box-shadow:0 9px 25px rgba(0,0,0,.22)}
.hero-actions .btn-primary:hover{background:#edf8ff;color:#003f80}
.hero-actions .btn-secondary{background:rgba(2,25,49,.25);border-color:rgba(255,255,255,.28);color:#fff}
.hero-help{margin-top:22px;padding:13px 15px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(1,24,49,.28);font-size:13px;color:#ddebfa}
.hero-preview{display:grid;place-items:center;z-index:1}
.brighton-preview-poster{width:335px;aspect-ratio:1.15;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 30px 60px rgba(0,0,0,.35);transform:rotate(2deg);display:grid;grid-template-columns:1.4fr .6fr}
.preview-blue-panel{background:linear-gradient(145deg,#003478,#0877d1);padding:26px 22px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.preview-blue-panel small{font-weight:800;letter-spacing:.12em}.preview-blue-panel strong{font:900 37px/.86 'Ford Antenna Black';letter-spacing:-.02em}
.preview-white-panel{padding:22px 13px;display:flex;flex-direction:column;justify-content:center;gap:18px;color:#345470;font-size:11px;font-weight:800}.preview-white-panel span{padding:10px 5px;border-bottom:1px solid #dce6ef;text-align:center}
.dashboard-section{margin-top:38px}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}
.section-heading h2{font:800 27px/1 'Ford Antenna',Arial,sans-serif;margin:5px 0 0;color:#f0f7fd}
.section-heading .eyebrow{color:#5bb7f7}
.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.preset-card{border:1px solid var(--line);background:linear-gradient(180deg,#0a2037,#07182b);border-radius:13px;padding:15px;text-align:left;transition:.18s;box-shadow:0 7px 20px rgba(0,0,0,.18);color:#eaf4fc}
.preset-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,.34);border-color:#2d83bf;background:linear-gradient(180deg,#0d2947,#0a1e34)}
.preset-icon{height:92px;border-radius:8px;background:linear-gradient(145deg,#0a315b,#005eb8);display:grid;place-items:center;margin-bottom:12px;border:1px solid rgba(93,176,235,.22)}
.preset-icon div{background:#fff;border:2px solid #7ac7fa;box-shadow:0 7px 14px rgba(0,0,0,.2)}
.preset-card b{display:block;font-size:14px}.preset-card small{color:#86a0b7;display:block;margin-top:5px}
.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:17px}
.recent-card{background:linear-gradient(180deg,#0b2037,#07182a);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 9px 25px rgba(0,0,0,.22);transition:.18s}
.recent-card:hover{transform:translateY(-3px);border-color:#2d83bf;box-shadow:0 18px 35px rgba(0,0,0,.34)}
.recent-thumb{width:100%;height:170px;padding:12px;border:0;background:#03101d;position:relative;display:block}
.recent-thumb-frame{width:100%;height:100%;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(#0f263d 0 25%,#0a1d30 0 50%) 50%/18px 18px;display:grid;place-items:center}
.recent-thumb img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;opacity:0;transition:.2s}.recent-thumb img.loaded{opacity:1}
.recent-loading{font-size:11px;color:#7890a5}
.recent-page-count{position:absolute;right:18px;bottom:18px;padding:5px 8px;border-radius:999px;background:rgba(2,12,23,.82);color:#d9ecfb;font-size:9px;font-weight:700;border:1px solid rgba(255,255,255,.14)}
.recent-info{padding:13px 14px 14px}.recent-info b{display:block;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.recent-info small{display:block;color:#83a1b9;margin-top:5px}.recent-info span{display:block;color:#5d7b94;font-size:10px;margin-top:4px}
.recent-actions{display:flex;border-top:1px solid var(--line)}.recent-actions button{flex:1;border:0;background:transparent;color:#a9c1d5;padding:10px 7px;font-size:11px}.recent-actions button:hover{background:#102c49;color:#fff}.recent-actions button:last-child:hover{color:#ff929c}
.empty-state{border:1px dashed #34516b;border-radius:13px;padding:31px;text-align:center;color:#7894aa;grid-column:1/-1;background:rgba(7,25,43,.45)}

/* Editor header, matching the Social Generator */
.editor-view{background:var(--bf-navy-950)}
.topbar{height:68px;background:linear-gradient(90deg,#002b5c,#004a98);color:#fff;display:grid;grid-template-columns:1fr minmax(220px,360px) 1fr;align-items:center;padding:0 16px;position:relative;z-index:40;border-bottom:1px solid rgba(255,255,255,.15);box-shadow:0 8px 25px rgba(0,0,0,.28)}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:6px;min-width:0}.topbar-right{justify-content:flex-end}
.back-to-generator{color:#d9ecfb;text-decoration:none;font-size:11px;font-weight:700;padding:8px 9px;border-radius:7px;white-space:nowrap}.back-to-generator:hover{background:rgba(255,255,255,.1);color:#fff}
.brighton-editor-brand{display:flex;align-items:center;gap:10px;padding:4px 9px;border-radius:8px;min-width:0}.brighton-editor-brand:hover{background:rgba(255,255,255,.08)}
.brighton-editor-brand img{width:112px;height:42px;object-fit:contain}.brighton-editor-brand>span{display:flex;flex-direction:column;text-align:left;border-left:1px solid rgba(255,255,255,.25);padding-left:10px}.brighton-editor-brand strong{font-size:13px}.brighton-editor-brand small{font-size:8px;color:#a9cee9;margin-top:2px}
.topbar .top-btn,.topbar .icon-btn,.quick-top-btn{color:#e9f5ff;border:1px solid transparent;background:transparent}.topbar .top-btn:hover,.topbar .icon-btn:hover,.quick-top-btn:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.13);color:#fff}
.quick-top-btn{height:35px;border-radius:7px;padding:0 11px;font-size:11px;font-weight:700}
.project-center{text-align:center;min-width:0}.project-name{background:transparent;border:1px solid transparent;color:#fff;text-align:center;border-radius:7px;padding:5px 10px;width:100%;font-weight:700;font-size:13px}.project-name:focus{outline:0;border-color:#80c8f7;background:rgba(0,20,44,.35)}.save-status{display:block;font-size:8px;color:#afd1e9;margin-top:1px;letter-spacing:.03em}
.download-button{min-width:148px;background:#fff!important;color:#004a98!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 7px 18px rgba(0,0,0,.2)!important}.download-button:hover{background:#dff3ff!important;color:#003d80!important;border-color:#fff!important;box-shadow:0 9px 23px rgba(0,0,0,.28)!important}
.file-menu-wrap{position:relative}.dropdown{position:absolute;top:43px;left:0;width:205px;background:#0c223a;color:#e7f2fb;border-radius:10px;box-shadow:0 20px 55px rgba(0,0,0,.48);padding:7px;z-index:50;border:1px solid #284660}.dropdown button{color:#dcebf6}.dropdown button:hover{background:#173653;color:#fff}.dropdown hr{border-color:#29445d}.danger-text{color:#ff8792!important}

/* Four-column editor */
.editor-shell{height:calc(100% - 68px);display:grid;grid-template-columns:82px 326px minmax(0,1fr) 292px;overflow:hidden;background:#030c17}
.tool-rail{background:linear-gradient(180deg,#03101e,#020a13);color:#d5e5f1;padding:12px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--line)}
.rail-item{border:1px solid transparent;background:transparent;color:#7892a8;border-radius:10px;min-height:64px;padding:7px 3px;font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-weight:700;transition:.15s}
.rail-item span{width:30px;height:30px;border-radius:8px;background:#0a2138;display:grid;place-items:center;font-size:17px;color:#91b8d6;border:1px solid rgba(132,186,226,.12)}
.rail-item:hover{background:#081d32;color:#dcecf8;border-color:#173a58}.rail-item.active{background:linear-gradient(145deg,#073566,#005eb8);color:#fff;border-color:#1686db;box-shadow:0 8px 18px rgba(0,79,152,.24)}.rail-item.active span{background:rgba(255,255,255,.13);color:#fff;border-color:rgba(255,255,255,.17)}
.side-panel{background:linear-gradient(180deg,#091c30,#071625);border-right:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;z-index:8;color:#dce9f4}
.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 18px 13px;border-bottom:1px solid rgba(147,185,216,.1)}.panel-head small{font-size:8px;color:#51aef0;letter-spacing:.16em;font-weight:800}.panel-head h2{margin:4px 0 0;font:800 21px/1 'Ford Antenna',Arial,sans-serif;color:#fff}.mobile-panel-close{display:none}.panel-body{overflow-y:auto;padding:4px 15px 28px;flex:1}
.panel-section{margin:18px 0}.panel-section h3{font-size:12px;margin:0 0 10px;color:#e9f3fb}.panel-body p,.panel-body small{color:#8fa7ba}
.guided-intro{padding:16px;border:1px solid #1d496c;border-radius:11px;background:linear-gradient(145deg,rgba(0,94,184,.22),rgba(8,32,55,.45));margin:10px 0 14px}.guided-intro h3{margin:8px 0 7px;font-size:17px;color:#fff}.guided-intro p{margin:0;font-size:11px;line-height:1.45}.guided-badge{font-size:8px;font-weight:800;letter-spacing:.13em;color:#77c8ff}
.start-guide{display:grid;gap:9px}.start-step{width:100%;display:grid;grid-template-columns:32px 1fr 18px;gap:10px;align-items:center;text-align:left;padding:11px;border:1px solid #1d3c57;border-radius:10px;background:#0b2138;color:#dcebf6;transition:.15s}.start-step:hover{border-color:#2f83bd;background:#102b47;transform:translateX(2px)}.start-step.primary-step{background:linear-gradient(135deg,#0056a8,#087bd1);border-color:#1687dc}.step-number{width:29px;height:29px;border-radius:8px;background:#061727;color:#74c5ff;display:grid;place-items:center;font-weight:800}.primary-step .step-number{background:rgba(255,255,255,.14);color:#fff}.start-step b{font-size:12px;color:#fff}.start-step small{display:block;font-size:9px;line-height:1.35;margin-top:3px;color:#8fa9be}.step-arrow{color:#5dbaff;font-size:20px}.primary-step .step-arrow{color:#fff}.help-callout{padding:12px 13px;margin:9px 0 14px;border:1px solid #1d4869;border-radius:9px;background:rgba(0,94,184,.12);font-size:11px;line-height:1.45;color:#a9c2d5}.help-callout b{color:#72c6ff}
.upload-drop{border:1.5px dashed #315875;border-radius:12px;padding:24px 12px;text-align:center;background:#081b2e;color:#e6f1fa}.upload-drop.dragover{border-color:#35a9fa;background:#0b2945}.upload-drop p{font-size:11px}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.asset-card{position:relative;border:1px solid #213d55;border-radius:9px;background:#061525;aspect-ratio:1;overflow:hidden}.asset-card:hover{border-color:#3789c1}.asset-card img{width:100%;height:100%;object-fit:contain}.asset-card .remove-asset{position:absolute;right:4px;top:4px;width:23px;height:23px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff}
.text-choice-list{display:grid;gap:9px}.text-choice-list button{min-height:62px;padding:11px 13px;border:1px solid #1f3f5a;border-radius:10px;background:#0b2138;color:#fff;text-align:left}.text-choice-list button:hover{background:#112d49;border-color:#2b81bd}.text-choice-preview{display:block;color:#f2f8fc}.heading-preview{font:800 19px/1 'Ford Antenna'}.subheading-preview{font:700 16px/1 'Ford Antenna'}.body-preview{font-size:13px}.price-preview{font:700 24px/1 'Ford Antenna Condensed'}.text-choice-list small{display:block;margin-top:5px;font-size:9px;color:#7f9aaf}
.panel-button,.add-list button{width:100%;min-height:41px;border:1px solid #24445e;border-radius:9px;background:#0d243c;color:#cfe0ed;text-align:left;padding:9px 11px;font-size:11px}.panel-button:hover,.add-list button:hover{border-color:#3b87ba;background:#14304b;color:#fff}
.overlay-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.overlay-preset{padding:7px;border:1px solid #1f3f58;border-radius:10px;background:#0b2035;text-align:left;color:#dceaf5}.overlay-preset:hover{border-color:#398fc9;background:#102a45}.overlay-preset>span{display:block;height:59px;border-radius:7px;margin-bottom:7px;background-color:#29445a}.bottom-fade>span{background:linear-gradient(180deg,transparent,#000)}.top-fade>span{background:linear-gradient(0deg,transparent,#000)}.left-fade>span{background:linear-gradient(90deg,#000,transparent)}.right-fade>span{background:linear-gradient(270deg,#000,transparent)}.full-tint>span{background:linear-gradient(90deg,rgba(0,52,120,.6),rgba(0,0,0,.7))}.overlay-preset b{display:block;font-size:11px;color:#fff}.overlay-preset small{display:block;font-size:8px;line-height:1.25;margin-top:3px;color:#758fa4}
.custom-gradient-card{padding:13px;border-radius:11px;border:1px solid #244661;background:#0a1e33}.gradient-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}.gradient-fields label{display:grid;gap:5px;font-size:9px;color:#93aabd}.gradient-fields input[type=color]{width:100%;height:37px;padding:3px;border:1px solid #31516a;border-radius:7px;background:#061625}.gradient-fields input[type=range]{width:100%}.gradient-fields span{font-size:8px;color:#6e879b}.custom-gradient-card select{height:39px;border:1px solid #31516a;border-radius:8px;padding:0 9px;background:#061625;color:#e4eff8}.simple-shape-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.simple-shape-row button{height:39px;border:1px solid #24445e;border-radius:8px;background:#0c233a;color:#bad1e2;font-size:11px}.simple-shape-row button:hover{background:#14324f;border-color:#3989bd;color:#fff}
.color-grid{display:flex;flex-wrap:wrap;gap:8px}.large-swatches .color-swatch{width:34px;height:34px;border-radius:8px;border:2px solid #10273d;box-shadow:0 0 0 1px #35516a}.color-swatch:hover{transform:scale(1.08)}.color-picker-row{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:11px;color:#8da5b9}.color-picker-row input{width:52px;height:34px;border:1px solid #34516a;border-radius:7px;background:#061625;padding:3px}.background-gradient-list{display:grid;gap:8px}.background-gradient-list button{height:46px;padding:5px 10px;border:1px solid #24445e;border-radius:9px;background:#0c2239;display:flex;align-items:center;gap:10px;color:#c0d4e3;font-size:11px;text-align:left}.background-gradient-list button:hover{border-color:#3989bd;background:#14304b;color:#fff}.gradient-chip{width:68px;height:32px;border-radius:7px;display:block}.brighton-blue{background:linear-gradient(90deg,#003478,#0877d1)}.deep-blue{background:linear-gradient(90deg,#0b2748,#005eb8)}.blue-white{background:linear-gradient(90deg,#005eb8,#fff);border:1px solid #d5e0e9}.midnight{background:linear-gradient(90deg,#111827,#003478)}
.logo-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.logo-choice{padding:8px;border:1px solid #23445e;border-radius:10px;background:#0c2136;color:#bcd2e3}.logo-choice:hover{border-color:#3d91c7;background:#112d48}.logo-stage{height:62px;border-radius:7px;display:grid;place-items:center;margin-bottom:7px}.logo-stage.light{background:#f5f8fb}.logo-stage.dark{background:#073462}.logo-stage img{max-width:92%;max-height:48px;object-fit:contain}.logo-choice b{font-size:10px}.section-title-row{display:flex;justify-content:space-between;align-items:start}.mini-eyebrow{display:block;margin-bottom:4px;color:#58b8f8;font-size:8px;font-weight:800;letter-spacing:.13em}.contact-builder h3{font:800 17px/1.08 'Ford Antenna',Arial,sans-serif;margin:0 0 14px;color:#fff}.field-label{display:grid;gap:6px;margin:0 0 12px;color:#91aabd;font-size:10px;font-weight:700}.field-label select{width:100%;height:43px;border:1px solid #31516a;border-radius:9px;background:#061625;padding:0 10px;color:#e8f2f9;font-size:12px}.contact-style-grid{display:grid;gap:9px}.contact-style-card{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;padding:7px;border:1px solid #23435c;border-radius:10px;background:#0b2035;text-align:left;color:#bdd2e1;transition:.15s}.contact-style-card:hover{border-color:#3d91c7;background:#112c47}.contact-style-card.active{border:2px solid #1589de;background:rgba(0,94,184,.19);padding:6px}.contact-style-card img{width:110px;height:37px;object-fit:cover;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.28)}.contact-style-card b{display:block;font-size:11px;color:#fff}.contact-style-card small{display:block;margin-top:3px;color:#6f899e;font-size:8px}.contact-style-card.active small{color:#65c3ff;font-weight:800}.contact-actions{display:grid;gap:8px;margin-top:14px}.micro-help{margin:10px 0 0;color:#758fa3;font-size:9px;line-height:1.4}.detail-button-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.detail-button-list button{min-height:38px;border:1px solid #24445e;border-radius:8px;background:#0d233a;color:#bcd1e1;font-size:10px}.detail-button-list button:hover{background:#15314e;border-color:#3989bd;color:#fff}.brand-tabs-note{margin:10px 0 15px;color:#91a9bd;font-size:10px}
.panel-body input,.panel-body select,.panel-body textarea{border:1px solid #31516a;border-radius:8px;background:#061625;color:#e8f2f9}.panel-body textarea{width:100%;padding:9px;resize:vertical}.panel-body input:focus,.panel-body select:focus,.panel-body textarea:focus{outline:0;border-color:#1589de;box-shadow:0 0 0 3px rgba(21,137,222,.13)}

/* Workspace */
.workspace-column{min-width:0;min-height:0;background:#06111e;display:grid;grid-template-rows:55px minmax(0,1fr) 47px auto;overflow:hidden}
.context-toolbar{min-height:55px;padding:8px 13px;background:linear-gradient(180deg,#0d2540,#0a1d31);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;overflow-x:auto;white-space:nowrap;color:#d8e7f2}.context-toolbar strong{color:#eaf4fb!important}.context-toolbar span[style]{color:#829db2!important}.context-toolbar button,.context-toolbar select,.context-toolbar input{height:34px;border:1px solid #294961;border-radius:7px;background:#071726;color:#dceaf5;padding:0 9px;font-size:10px}.context-toolbar button:hover{background:#13324f;border-color:#3f8ec1;color:#fff}.context-toolbar button.active{background:#0c497e;border-color:#238ed9;color:#fff}.context-toolbar input[type=color]{width:38px;padding:3px}.context-toolbar input[type=range]{width:80px}.context-toolbar .control{display:flex;align-items:center;gap:4px}.context-toolbar .control label{font-size:8px;color:#718ba0}.context-toolbar .control input{width:62px}.tool-divider{height:24px;width:1px;background:#29445c;display:inline-block;margin:0 2px}
.workspace{position:relative;overflow:auto;overscroll-behavior:contain;background:radial-gradient(circle at 50% 45%,#14273a 0,#0a1624 44%,#050d17 100%)}
.workspace:before{content:"";position:fixed;pointer-events:none;inset:123px 292px 47px 408px;background-image:radial-gradient(rgba(99,142,177,.18) 1px,transparent 1px);background-size:20px 20px;opacity:.42}
.canvas-stage{position:relative;display:flex;align-items:center;justify-content:center;width:max-content;height:max-content;min-width:100%;min-height:100%;padding:140px;box-sizing:border-box}
.canvas-wrap{position:relative;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.12);border-radius:2px;overflow:visible;flex:none;z-index:2}.canvas-wrap .canvas-container{border-radius:2px;overflow:visible!important}.canvas-wrap canvas{display:block}.canvas-wrap.grid-visible{background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:20px 20px}.safe-area{position:absolute;inset:8%;border:2px dashed rgba(0,132,255,.75);pointer-events:none;z-index:10}.bleed-area{position:absolute;inset:-10px;border:2px dashed rgba(214,63,83,.7);pointer-events:none}.ruler{position:absolute;background:#10283e;border:1px solid #28465e;z-index:5}.ruler-top{height:22px;left:0;right:0;top:0;background-image:repeating-linear-gradient(90deg,transparent 0 19px,#4f7089 20px)}.ruler-left{width:22px;top:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent 0 19px,#4f7089 20px)}
.selection-overlay{position:absolute;z-index:25;border:2px solid #35a9ff;box-shadow:0 0 0 1px rgba(255,255,255,.9),0 0 18px rgba(38,157,239,.32);pointer-events:none;transform:translateZ(0)}.selection-overlay.locked{border-style:dashed;border-color:#f2c94c}.selection-handle{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #0877d1;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.4);padding:0;margin:0;pointer-events:auto;cursor:nwse-resize}.selection-handle:hover{transform:scale(1.2);background:#dff3ff}.selection-handle.nw{left:-8px;top:-8px}.selection-handle.ne{right:-8px;top:-8px;cursor:nesw-resize}.selection-handle.sw{left:-8px;bottom:-8px;cursor:nesw-resize}.selection-handle.se{right:-8px;bottom:-8px}.selection-size{position:absolute;left:50%;top:-30px;transform:translateX(-50%);padding:4px 7px;border-radius:5px;background:#061727;color:#dff3ff;border:1px solid #2e6f9f;font-size:9px;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.3)}
.workspace-footer{height:47px;padding:0 13px;background:#091b2e;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#b8cddd}.workspace-footer .mini-btn,.workspace-footer .icon-btn{color:#a9c1d4}.workspace-footer .mini-btn:hover,.workspace-footer .icon-btn:hover{background:#15304a;color:#fff}.zoom-controls{display:flex;align-items:center;gap:6px}.zoom-controls input{width:130px;accent-color:#118ce5}.zoom-controls span{font-size:10px;min-width:38px;color:#d7e7f2}.pages-panel{min-height:132px;max-height:170px;padding:13px;background:#061421;border-top:1px solid var(--line);display:flex;gap:11px;overflow-x:auto}.page-strip{display:flex;gap:11px}.page-card{width:150px;flex:0 0 150px;border:1px solid #1e3b53;border-radius:9px;background:#0b2035;padding:6px}.page-card.active{border:2px solid #168cde;padding:5px;box-shadow:0 0 0 3px rgba(22,140,222,.13)}.page-thumb-wrap{height:80px;border-radius:5px;background:#04101c;overflow:hidden;position:relative;display:grid;place-items:center}.page-thumb-wrap img{width:100%;height:100%;object-fit:contain}.page-title{width:100%;border:0;background:transparent!important;padding:6px 3px 0;font-size:9px;color:#b7cbda;text-align:center}.add-page-card{width:120px;flex:0 0 120px;border:1.5px dashed #35556d;border-radius:9px;background:#0a1d31;color:#8eabbf;font-weight:700}.add-page-card:hover{border-color:#3095d6;color:#dff3ff;background:#0f2943}

/* Always-open layers */
.layers-panel{background:linear-gradient(180deg,#081a2d,#051321);border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0;color:#dce9f4;z-index:9}
.layers-panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 15px 13px;border-bottom:1px solid rgba(147,185,216,.1)}.layers-panel-head small{font-size:8px;color:#55b8f9;letter-spacing:.14em;font-weight:800}.layers-panel-head h2{margin:3px 0 0;font:800 20px/1 'Ford Antenna';color:#fff}.layers-tip{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;background:#0c2742;color:#68bdfa;border:1px solid #244964}
.layers-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:9px 10px;border-bottom:1px solid rgba(147,185,216,.1)}.layers-quick-actions button{height:31px;border:1px solid #23435b;border-radius:7px;background:#0b2137;color:#a9c2d5;font-size:9px}.layers-quick-actions button:hover{background:#14314e;color:#fff;border-color:#3989bd}
.layers-panel-body{overflow-y:auto;padding:10px;flex:1}.layer-list{display:grid;gap:6px}.layer-row{display:grid;grid-template-columns:18px 27px minmax(0,1fr) 27px 27px 27px;align-items:center;gap:4px;padding:6px;border:1px solid #1f3d54;border-radius:8px;background:#0a1f34;transition:.12s}.layer-row:hover{border-color:#315f7e;background:#0e2943}.layer-row.active{border-color:#168bdc;background:rgba(0,94,184,.2);box-shadow:0 0 0 2px rgba(22,139,220,.1)}.layer-row.dragging{opacity:.42}.layer-drag{font-size:11px;color:#52728a;cursor:grab}.layer-icon{width:25px;height:25px;border-radius:6px;background:#061625;color:#70bdfa;display:grid;place-items:center;font-size:10px}.layer-name{height:29px!important;min-width:0;border:0!important;background:transparent!important;color:#dceaf5!important;padding:0 3px!important;font-size:9px}.layer-name:focus{outline:1px solid #2b87c4!important;border-radius:4px}.layer-row button{width:27px;height:27px;border:0;border-radius:6px;background:transparent;color:#86a2b7;font-size:11px;padding:0}.layer-row button:hover{background:#173653;color:#fff}.layer-row button:last-child:hover{background:rgba(255,86,100,.15);color:#ff8b95}.layers-empty{margin-top:25px;text-align:center;padding:22px 13px;border:1px dashed #294b64;border-radius:10px;color:#6f8aa0}.layers-empty span{display:block;font-size:24px;color:#3a7199}.layers-empty b{display:block;color:#a9c2d5;margin:8px 0 4px;font-size:11px}.layers-empty p{font-size:9px;line-height:1.4;margin:0}

/* Right click menu */
.object-context-menu{position:fixed;z-index:1000;width:218px;padding:7px;background:rgba(7,24,42,.98);border:1px solid #31526b;border-radius:10px;box-shadow:0 24px 65px rgba(0,0,0,.55);backdrop-filter:blur(13px)}.object-context-menu button{width:100%;height:33px;border:0;border-radius:6px;background:transparent;color:#d5e6f2;text-align:left;padding:0 10px;font-size:10px}.object-context-menu button:hover{background:#16466e;color:#fff}.object-context-menu button.danger{color:#ff929c}.object-context-menu button.danger:hover{background:rgba(255,72,88,.17)}.object-context-menu hr{border:0;border-top:1px solid #29445c;margin:6px 2px}.context-menu-label{padding:6px 9px 4px;color:#5caef0;font-size:7px;font-weight:800;letter-spacing:.14em}

/* Dialogs */
.modal::backdrop{background:rgba(1,8,17,.82);backdrop-filter:blur(7px)}.modal{background:transparent}.modal-card{border-radius:15px;border:1px solid #284b65;box-shadow:0 30px 90px rgba(0,0,0,.55);background:linear-gradient(180deg,#0c223a,#071725);color:#e9f2f9}.modal-head small{color:#55b8f9}.modal-head h2{font:800 24px/1.1 'Ford Antenna',Arial,sans-serif;color:#fff}.modal input,.modal select,.modal textarea{border:1px solid #31516a;border-radius:8px;padding:10px;background:#051421;color:#e8f2f9}.modal input:focus,.modal select:focus,.modal textarea:focus{outline:0;border-color:#168cde;box-shadow:0 0 0 3px rgba(22,140,222,.15)}.modal label{color:#b9cede}.helper{color:#7994aa}.project-name-field{font-size:12px!important}.project-name-field input{height:50px;font-size:16px;font-weight:700}.name-helper{margin-top:-5px;margin-bottom:17px}.export-preview{background:#03101c}.export-options label{color:#b9cede}.preview-modal{background:#020b14;border-color:#29475e}.preview-card{background:#020b14}.tutorial-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#005eb8,#1390e8);color:#fff;font:900 19px 'Ford Antenna Black'}.tutorial-card h2{font-family:'Ford Antenna';color:#fff}.tutorial-card p{color:#90a8bb}.tutorial-grid div{background:#0d263f;color:#bdd0df}.tutorial-grid b{color:#59b9f8}.toast{font-family:'Ford Antenna',Arial,sans-serif;background:#09233b;border:1px solid #2b506c;color:#fff}.toast.error{background:#6e1e2a;border-color:#a63a48}.toast.success{background:#145239;border-color:#277b59}

@media(max-width:1450px){
  .editor-shell{grid-template-columns:76px 300px minmax(0,1fr) 260px}
  .brighton-editor-brand img{width:96px}.brighton-editor-brand small{display:none}
  .topbar{grid-template-columns:1fr minmax(180px,280px) 1fr}.back-to-generator{display:none}.quick-top-btn{display:none}
  .workspace:before{right:260px;left:376px}
}
@media(max-width:1120px){
  .editor-shell{grid-template-columns:70px 255px minmax(0,1fr) 225px}
  .workspace:before{right:225px;left:325px}.topbar-right .top-btn{display:none}
}
@media(max-width:920px){
  .home-header.brighton-home-header{grid-template-columns:1fr auto;padding:0 18px}.privacy-pill{display:none}.brighton-lockup img{width:175px}.brighton-lockup span{display:none}
  .hero-card.brighton-hero{padding:34px;grid-template-columns:1fr}.hero-preview{display:none}
  .topbar{height:64px;grid-template-columns:1fr auto}.project-center{display:none}.editor-shell{height:calc(100% - 64px);grid-template-columns:66px 1fr}.layers-panel{display:none}.side-panel{position:absolute;left:66px;top:64px;bottom:0;width:min(340px,calc(100vw - 66px));z-index:25}.tool-rail{padding:7px 5px}.rail-item{min-height:57px}.workspace:before{left:66px}.brighton-editor-brand img{width:92px}.brighton-editor-brand>span{display:none}
}
@media(max-width:640px){
  .home-header.brighton-home-header{height:auto;min-height:72px;grid-template-columns:1fr;padding:9px 14px}.studio-switcher{display:none}.brighton-lockup{justify-self:center}.brighton-lockup img{width:190px}
  .dashboard{padding:22px 14px 50px}.hero-card.brighton-hero{padding:27px 23px;min-height:0}.brighton-hero h1{font-size:39px}.hero-actions{display:grid}.hero-actions button{width:100%}.section-heading{align-items:start;gap:15px}.preset-grid{grid-template-columns:1fr 1fr}.preset-card{min-height:145px}.recent-grid{grid-template-columns:1fr}
  .topbar-left .file-menu-wrap,.topbar-left>.icon-btn{display:none}.download-button{min-width:106px;font-size:11px}.editor-shell{grid-template-columns:60px 1fr}.side-panel{left:60px;width:calc(100vw - 60px)}.workspace-footer .footer-left{display:none}.workspace-footer{justify-content:flex-end}.pages-panel{min-height:112px}.context-toolbar{min-height:50px}
}


/* v3 interaction and layer refinements */
.editor-shell{grid-template-columns:82px 326px minmax(0,1fr) 322px}
.workspace{scrollbar-gutter:stable both-edges;scroll-behavior:auto}
.workspace.object-dragging{scroll-behavior:auto;overscroll-behavior:none;overflow:auto;cursor:grabbing}
.canvas-wrap .upper-canvas,.canvas-wrap .lower-canvas{touch-action:none}
.selection-overlay{border:1.5px solid #48b5ff;box-shadow:0 0 0 1px rgba(4,23,39,.82),0 0 14px rgba(31,151,232,.24)}
.selection-handle{width:15px;height:15px;border:2px solid #0579c8;box-shadow:0 2px 9px rgba(0,0,0,.48)}
.layers-panel-head{padding:20px 17px 15px}.layers-panel-head h2{font-size:19px}
.layers-quick-actions{padding:11px 12px;gap:7px}.layers-quick-actions button{height:36px;font-size:10px}
.layers-panel-body{padding:12px}.layer-list{gap:9px}
.layer-row{grid-template-columns:20px 34px minmax(0,1fr) 32px 32px 32px;gap:6px;min-height:54px;padding:8px 7px;border-radius:10px}
.layer-icon{width:32px;height:32px;font-size:12px}.layer-name{height:36px!important;font-size:11px!important;font-weight:700}.layer-row button{width:32px;height:32px;font-size:12px}
.layer-drag{font-size:13px}.compact-empty{margin:3px 0 2px;padding:15px 12px}.compact-empty span{font-size:18px}.compact-empty b{font-size:11px;margin:5px 0 3px}
.background-layer-row{width:100%;min-height:62px;display:grid;grid-template-columns:20px 38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid #25465f;border-radius:11px;background:linear-gradient(180deg,#0b243b,#091c30);color:#dcecf8;text-align:left;transition:.15s}
.background-layer-row:hover{border-color:#4188b7;background:#102b46}.background-layer-row.active{border-color:#27a1ee;background:rgba(0,94,184,.23);box-shadow:0 0 0 2px rgba(39,161,238,.12)}
.background-lock{font-size:11px;opacity:.72}.background-preview{width:36px;height:36px;border-radius:8px;border:2px solid rgba(255,255,255,.22);box-shadow:0 3px 10px rgba(0,0,0,.25)}
.background-layer-name{display:flex;flex-direction:column;min-width:0}.background-layer-name b{font-size:12px;color:#fff}.background-layer-name small{font-size:9px;color:#7898af;margin-top:3px}.background-edit{font-size:9px;font-weight:800;color:#66c0fb;text-transform:uppercase;letter-spacing:.06em}
.background-layer-settings{padding:14px;border:1px solid #2a5472;border-radius:12px;background:linear-gradient(180deg,#0c2944,#081d31);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.background-settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.background-settings-head small{display:block;color:#5bb9f7;font-size:8px;font-weight:800;letter-spacing:.13em}.background-settings-head b{display:block;color:#fff;font-size:15px;margin-top:3px}.background-settings-head button{width:29px;height:29px;border:1px solid #315d7a;border-radius:7px;background:#0a2035;color:#aac5d8;font-size:18px}.background-settings-head button:hover{background:#143a5b;color:#fff}
.background-layer-settings p{font-size:9px;line-height:1.45;color:#89a4b8;margin:0 0 14px}.background-layer-settings h3{font-size:10px;color:#dcebf6;margin:14px 0 9px}.background-gradient-list.compact{gap:7px}.background-gradient-list.compact button{min-height:43px;font-size:9px;padding:6px 8px}.background-gradient-list.compact .gradient-chip{width:35px;height:29px}
.context-shortcut{float:right;color:#7090a7;font-size:8px;margin-left:12px}
@media(max-width:1450px){.editor-shell{grid-template-columns:76px 300px minmax(0,1fr) 292px}.workspace:before{right:292px}}
@media(max-width:1120px){.editor-shell{grid-template-columns:70px 255px minmax(0,1fr) 250px}.workspace:before{right:250px}}