.studio-shell{margin:28px 0 70px}.studio-mast{display:grid;grid-template-columns:1.5fr .5fr;gap:30px;align-items:end;padding:48px;background:linear-gradient(135deg,#0b1c36,#123d7d 70%,#1d4ed8);color:#fff;border-radius:20px;overflow:hidden}.studio-mast h1{max-width:780px;font-size:clamp(36px,5vw,66px);margin:15px 0;letter-spacing:-2.5px}.studio-mast p{max-width:720px;color:#c7d8f6;font-size:17px}.studio-mast .eyebrow{color:#91b9ff}.studio-mast-stat{display:grid;grid-template-columns:auto 1fr;gap:8px 14px}.studio-mast-stat strong{font-size:42px;line-height:1}.studio-mast-stat span{align-self:center;color:#c7d8f6;font-size:11px;text-transform:uppercase}.studio-section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:35px 0 15px}.studio-section-title>div{display:flex;align-items:center;gap:12px}.studio-section-title span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:800}.studio-section-title h2,.studio-section-title p{margin:0}.studio-section-title p{color:var(--muted);font-size:12px}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.template-card{text-align:left;padding:18px;min-height:125px;display:flex;flex-direction:column;align-items:flex-start;border-radius:12px}.template-card>span{font-size:10px;color:var(--accent)}.template-card strong{font-size:15px;margin:18px 0 2px}.template-card small{color:var(--muted)}.template-card.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 12px 30px #1d4ed82c}.template-card.active span,.template-card.active small{color:#dce8ff}.studio-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}.studio-config{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}.studio-config .studio-section-title,.studio-preview-column>.studio-section-title{margin-top:0}.studio-config label{margin:13px 0}.studio-config input,.studio-config select{width:100%;max-width:none}.control-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmented{display:flex}.segmented button{flex:1;border-radius:0;padding:8px 5px;font-size:11px}.segmented button:first-child{border-radius:7px 0 0 7px}.segmented button:last-child{border-radius:0 7px 7px 0}.segmented button.active{background:var(--accent);color:#fff}.wide{width:100%;margin:8px 0}.studio-status{font-size:11px;color:var(--muted);background:var(--soft);padding:10px;border-radius:7px}.studio-query{max-height:180px;background:#0c1a2e;color:#d9e8ff;padding:12px;border-radius:7px;overflow:auto;font:11px/1.55 ui-monospace,Consolas,monospace}.studio-preview-column{min-width:0}.export-actions{display:flex;gap:7px;flex-wrap:wrap}.export-actions button{font-size:11px;padding:8px 10px}.export-frame{display:grid;place-items:center;background:linear-gradient(135deg,var(--soft),var(--bg));border:1px solid var(--border);border-radius:16px;min-height:660px;padding:35px;overflow:auto}.story-card{aspect-ratio:16/9;width:min(100%,900px);background:linear-gradient(145deg,#07162c,#102f61);color:#fff;padding:38px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 25px 70px #07162c32}.story-card:after{content:'';position:absolute;width:340px;height:340px;border-radius:50%;border:70px solid #2f6dd92c;right:-130px;bottom:-170px}.story-card header,.story-card footer{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;font-size:11px;letter-spacing:.08em}.story-brand{display:flex;gap:9px;align-items:center}.story-brand img{width:28px;height:28px;filter:brightness(0) invert(1)}.story-content{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.story-title{font-size:clamp(28px,4vw,54px);line-height:1.02;letter-spacing:-2px;margin:8px 0}.story-subtitle{color:#a9c7f7;font-size:13px}.story-number{font-size:clamp(60px,9vw,112px);line-height:.9;font-weight:900;letter-spacing:-6px}.story-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:26px;background:#ffffff22}.story-stat{background:#0c2449;padding:14px}.story-stat strong{display:block;font-size:24px}.story-stat span{font-size:9px;color:#a9c7f7;text-transform:uppercase}.story-bars{display:grid;gap:8px;margin-top:20px}.story-bar{display:grid;grid-template-columns:150px 1fr 70px;gap:10px;align-items:center;font-size:11px}.story-bar i{height:9px;background:#60a5fa;border-radius:10px}.story-bar strong{text-align:right}.story-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.story-versus>div:last-child{text-align:right}.story-versus b{font-size:12px;color:#86b5ff}.story-versus strong{display:block;font-size:40px;line-height:1}.export-frame.square .story-card{aspect-ratio:1;max-width:650px}.export-frame.portrait .story-card{aspect-ratio:9/16;max-width:430px}.export-frame.portrait .story-stats{grid-template-columns:repeat(2,1fr)}.preview-note{color:var(--muted);font-size:11px}.studio-method{margin-top:35px}@media(max-width:1050px){.template-grid{grid-template-columns:repeat(2,1fr)}.studio-workspace{grid-template-columns:1fr}}@media(max-width:700px){.studio-mast{grid-template-columns:1fr;padding:28px}.studio-mast h1{font-size:38px}.template-grid{grid-template-columns:1fr 1fr}.template-card{min-height:112px}.studio-section-title{align-items:flex-start;flex-direction:column}.export-frame{padding:12px;min-height:480px}.story-card{padding:22px}.story-stats{grid-template-columns:repeat(2,1fr)}.story-bar{grid-template-columns:95px 1fr 55px}}