:root{--bg:#061120;--panel:#0d1d31;--panel2:#10243b;--line:#1e3550;--text:#eef5ff;--muted:#91a4ba;--blue:#64b4ff;--gold:#d7b878}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% -15%,#173557 0,transparent 42%),var(--bg);color:var(--text);font:15px/1.55 Inter,system-ui,Arial,sans-serif}.top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#071426eF;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{display:flex;gap:12px;align-items:center;letter-spacing:.08em}.brand b{font-size:13px;display:block}.brand small{font-size:9px;color:var(--muted);letter-spacing:.16em}.mark{width:38px;height:38px;border:1px solid var(--blue);display:grid;place-items:center;color:var(--blue);font-weight:800;font-size:21px;transform:skew(-8deg)}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 76px)}.side{padding:26px 15px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.side-label,.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--blue);font-weight:700}.side-label{padding:0 12px 10px}.nav{background:transparent;border:0;color:var(--muted);padding:13px 12px;text-align:left;border-radius:8px;display:flex;gap:12px;align-items:center;font-size:18px;cursor:pointer}.nav span{font-size:13px}.nav.active,.nav:hover{background:#122943;color:white}.side-note{margin-top:auto;padding:15px;background:#0c1c2e;border:1px solid var(--line);border-radius:10px}.side-note b{font-size:10px;color:var(--gold);letter-spacing:.15em}.side-note p,.notice p{font-size:12px;color:var(--muted);margin-bottom:0}main{padding:38px clamp(18px,4vw,58px) 22px;max-width:1500px;width:100%;margin:auto}.page{display:none}.page.show{display:block}.eyebrow{margin-bottom:12px}h1{font-size:clamp(42px,7vw,82px);line-height:.98;letter-spacing:-.055em;margin:0 0 20px}h1 em{color:var(--blue);font-style:normal}h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;margin:0 0 6px}.lead{font-size:16px;color:#b5c5d7;max-width:650px;margin-bottom:32px}.sub{color:var(--muted);margin:0 0 25px}.grid{display:grid;gap:14px}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-card{min-height:215px;padding:20px;text-align:left;color:var(--text);background:linear-gradient(145deg,#122943,#0b1a2b);border:1px solid var(--line);border-radius:12px;cursor:pointer;display:flex;flex-direction:column}.studio-card:hover{border-color:var(--blue);transform:translateY(-2px)}.studio-card span{font-size:10px;color:var(--blue);letter-spacing:.15em}.studio-card strong{font-size:22px;margin:20px 0 4px}.studio-card p{font-size:12px;color:var(--muted);margin:0 0 18px}.studio-card b{font-size:10px;letter-spacing:.12em;color:var(--gold);margin-top:auto}.notice{margin-top:20px;padding:17px 20px;border:1px solid #29425e;background:#0b1b2d;border-radius:10px}.notice b{font-size:12px;color:var(--gold)}.workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;align-items:start}.panel{background:linear-gradient(145deg,#10233a,#0a192a);border:1px solid var(--line);border-radius:12px;padding:18px}.controls{display:flex;flex-direction:column;gap:13px}label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#b5c5d7;font-weight:650;letter-spacing:.03em}input,select,textarea{width:100%;border:1px solid #29415d;background:#071629;color:#f1f6fc;border-radius:7px;padding:11px 12px;font:13px inherit;min-height:40px}input[type=file]{font-size:11px;padding:8px}input[type=range]{padding:0;accent-color:var(--blue)}textarea{min-height:75px;resize:vertical}button{font:inherit}.primary,.secondary,.ghost{border-radius:7px;padding:11px 15px;font-size:12px;font-weight:750;cursor:pointer}.primary{background:var(--blue);color:#061120;border:1px solid var(--blue)}.secondary,.ghost{background:#142b45;border:1px solid #31506f;color:#eaf4ff}.ghost{font-size:11px}.actions{display:flex;gap:8px}.actions>*{flex:1}.full{width:100%}.preview{min-width:0}.preview-head{display:flex;justify-content:space-between;color:var(--blue);font-size:10px;letter-spacing:.15em;margin-bottom:13px}.preview-head small{color:var(--muted);letter-spacing:.04em}.photo-stage{position:relative;background:#030a12;min-height:300px;display:grid;place-items:center;border-radius:8px;overflow:hidden}.photo-stage canvas{width:100%;height:auto;display:block}.photo-stage #photoEmpty{position:absolute;color:#71849b;font-size:13px;text-align:center;padding:20px}.hint{font-size:11px;color:#8195aa;margin:12px 0 0}.output{background:#071629;border:1px solid #29415d;border-radius:8px;padding:12px;font-size:12px;white-space:pre-wrap;color:#d4e2f1;max-height:420px;overflow:auto}.output.hidden,.hidden{display:none!important}.ai-links{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:13px}.ai-links b{font-size:9px;letter-spacing:.16em;color:var(--gold)}a{color:var(--blue);font-size:12px;text-decoration:none}a:hover{text-decoration:underline}.video-stage{background:#02070d;display:grid;place-items:center;min-height:340px;position:relative;overflow:hidden;border-radius:8px}.video-stage canvas{height:min(68vh,650px);max-width:100%;width:auto;display:block}.video-stage #videoEmpty{position:absolute;color:#8294a8;font-size:12px;text-align:center}.result-video{width:100%;margin-top:14px}.form-panel{max-width:1000px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.form-grid .wide{grid-column:1/-1}#adOutput{margin-top:16px;line-height:1.65}#copyAd{margin-top:10px}.design-stage{background:#02070d;border-radius:8px;overflow:hidden;max-width:550px;margin:auto}.design-stage canvas{width:100%;height:auto;display:block}footer{border-top:1px solid var(--line);margin-top:36px;padding:18px 0;color:#71869d;font-size:9px;letter-spacing:.15em;display:flex;justify-content:space-between}footer span{color:var(--blue)}@media(max-width:1050px){.four{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:320px minmax(0,1fr)}}@media(max-width:760px){.top{height:65px;padding:0 15px}.shell{display:block}.side{position:sticky;top:65px;z-index:4;display:flex;flex-direction:row;overflow-x:auto;padding:8px;background:#071426;border-right:0;border-bottom:1px solid var(--line);gap:4px}.side-label,.side-note{display:none}.nav{white-space:nowrap;padding:9px 12px;font-size:16px}.nav span{font-size:11px}main{padding:26px 14px 18px}.four{grid-template-columns:1fr 1fr;gap:9px}.studio-card{min-height:185px;padding:14px}.studio-card strong{font-size:17px;margin-top:15px}.studio-card p{font-size:11px}.workspace{grid-template-columns:1fr}.preview{order:2}.controls{order:1}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.photo-stage{min-height:210px}.video-stage{min-height:280px}.video-stage canvas{height:60vh}footer{font-size:8px}}@media(max-width:390px){.four{grid-template-columns:1fr}.studio-card{min-height:150px}.brand b{font-size:11px}}