:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c0c;--panel:#161616;--raised:#242424;--text:#fff;--muted:#b8b8b8;--accent:#e8e2d7;--commerce:#df4628;--line:#ffffff29}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.studio-shell{min-height:100vh}.studio-nav{border-bottom:1px solid var(--line);z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 24px;display:flex;position:sticky;top:0}.studio-brand-link{align-items:center;gap:16px;min-width:0;text-decoration:none;display:inline-flex}.studio-brand-link img{filter:invert();object-fit:contain;width:122px;height:36px}.studio-brand-link span{border-left:1px solid var(--line);color:var(--muted);padding-left:16px;font-size:.88rem}.studio-nav nav{gap:6px;display:flex}.studio-nav nav a{color:var(--muted);border-radius:7px;padding:9px 13px;font-size:.9rem;text-decoration:none}.studio-nav nav a[aria-current=page]{background:var(--raised);color:var(--text)}.eyebrow,.generator-preview p,.brandbook-hero p,.brandbook-section p{color:var(--muted)}.generator-layout{grid-template-columns:280px minmax(0,1fr) 320px;gap:24px;max-width:1440px;margin:0 auto;padding:28px 24px 64px;display:grid}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 18px;font-size:.82rem;font-weight:700}h1{max-width:850px;margin:0 0 24px;font-size:clamp(2.4rem,6vw,5.5rem);line-height:.96}.generator-preview p,.brandbook-hero p,.brandbook-section p{max-width:650px;font-size:1.08rem;line-height:1.6}.template-library,.inspector-plan,.panel{background:var(--panel);border:1px solid var(--line);align-self:start;padding:22px}.template-library,.inspector-plan{position:sticky;top:96px}.template-library h2,.brandbook-section h2{margin:0 0 18px;font-size:1.35rem;line-height:1.15}.template-list{gap:8px;display:grid}.template-list article{border:1px solid var(--line);align-items:flex-start;gap:12px;padding:12px;display:flex}.template-list article span,.template-list small{color:var(--muted);font-size:.72rem}.template-list strong{font-size:.92rem;line-height:1.25;display:block}.generator-preview{min-width:0;padding:56px 0}.artboard-plan{background:linear-gradient(135deg, var(--raised), #0f0f0f);border:1px solid var(--line);grid-template-columns:minmax(0,.65fr) minmax(0,1fr);align-items:stretch;gap:24px;min-height:480px;margin-top:34px;padding:28px;display:grid;overflow:hidden}.artboard-plan img{object-fit:contain;align-self:end;width:100%;height:100%;max-height:520px}.artboard-plan div{align-self:end;padding-bottom:24px}.artboard-plan span{color:var(--accent);margin-bottom:16px;font-size:.82rem;font-weight:700;display:block}.artboard-plan strong{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,5.3rem);line-height:.96;display:block}.check-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.check-list li{border-top:1px solid var(--line);color:var(--muted);padding-top:12px;line-height:1.5}.brandbook-hero,.brandbook-section{max-width:1240px;margin:0 auto;padding:64px 24px}.brandbook-hero{grid-template-columns:minmax(0,1.1fr) minmax(240px,.55fr);align-items:end;gap:36px;display:grid}.brandbook-hero img{object-fit:contain;width:100%;max-height:560px}.section-heading{margin-bottom:24px}.swatch-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.swatch-card{background:var(--panel);border:1px solid var(--line);min-width:0;overflow:hidden}.swatch-card span{height:108px;display:block}.swatch-card strong,.swatch-card code,.swatch-card p{margin:0;padding-left:14px;padding-right:14px;display:block}.swatch-card strong{padding-top:14px}.swatch-card code{color:var(--muted);padding-top:5px}.swatch-card p{color:var(--muted);padding-top:10px;padding-bottom:14px;font-size:.86rem;line-height:1.4}.split{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:36px;display:grid}.asset-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.asset-strip img{background:var(--panel);border:1px solid var(--line);object-fit:contain;width:100%;height:220px;padding:18px}.panel p{margin:0 0 8px}.panel strong{font-size:3rem}.editor-grid{grid-template-columns:360px minmax(0,1fr);gap:24px;max-width:1480px;margin:0 auto;padding:24px;display:grid}.editor-panel{background:var(--panel);border:1px solid var(--line);align-self:start;gap:16px;max-height:calc(100vh - 112px);padding:18px;display:grid;position:sticky;top:96px;overflow:auto}.field-group,.editor-panel details{border:1px solid var(--line);gap:14px;padding:14px;display:grid}.editor-panel summary{cursor:pointer;font-weight:700}.editor-panel label{color:var(--muted);gap:7px;font-size:.82rem;display:grid}.editor-panel label span,.preview-toolbar,.export-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-panel small{color:var(--muted);font-size:.72rem}.editor-panel input,.editor-panel select,.editor-panel textarea{border:1px solid var(--line);color:var(--text);font:inherit;background:#0f0f0f;width:100%;min-width:0;padding:10px 11px}.editor-panel input[type=range]{padding:0}.segmented-control{border:1px solid var(--line);background:#0f0f0f;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segmented-control button,.export-bar button{color:var(--text);cursor:pointer;font:inherit;border:0}.segmented-control button{background:0 0;padding:10px}.segmented-control button[aria-pressed=true],.export-bar button{background:var(--commerce)}.preview-panel{min-width:0}.preview-toolbar{margin-bottom:18px}.preview-toolbar h1{margin-bottom:0;font-size:clamp(2rem,4vw,4rem)}.safe-toggle{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.preview-stage{border:1px solid var(--line);background-color:#101010;background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 25%),linear-gradient(-45deg,#ffffff0a 25%,#0000 25%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;justify-content:center;align-items:start;padding:24px;display:flex;overflow:auto}.social-post{color:#fff;background:#111;flex:none;width:auto;height:min(72vh,780px);position:relative;overflow:hidden}.social-post-feed_1080x1350{max-width:min(100%,624px)}.social-post-story_1080x1920{max-width:min(100%,438px)}.social-post-light{background:var(--paper);color:#0d0d0d}.post-background-image,.post-noise,.safe-overlay{position:absolute;inset:0}.post-background-image{opacity:.72;width:100%;height:100%}.post-noise{pointer-events:none;background:radial-gradient(circle at 16% 12%,#e8e2d738,#0000 28%),linear-gradient(135deg,#ffffff0f,#0000 38%)}.post-inner{z-index:1;grid-template-rows:auto minmax(0,1fr) auto;height:100%;padding:7.2%;display:grid;position:relative}.post-kicker,.post-footer,.post-myth-grid span{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:clamp(.7rem,1.6vw,1rem);font-weight:800}.social-post-light .post-kicker,.social-post-light .post-footer,.social-post-light .post-myth-grid span{color:var(--commerce)}.post-media{opacity:.95;pointer-events:none;width:42%;position:absolute;top:12%;bottom:12%;right:5%}.placement-panel .post-media{background:#ffffff14;border:1px solid #fff3;width:46%;padding:4%}.post-media img{transform-origin:50%;width:100%;height:100%}.post-copy{z-index:2;align-self:center;max-width:78%;position:relative}.placement-panel .post-copy{max-width:50%}.placement-background .post-copy,.social-post-story_1080x1920 .post-copy{max-width:86%}.post-copy h1{white-space:pre-line;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,7vh,5.8rem);line-height:.94}.social-post-story_1080x1920 .post-copy h1{font-size:clamp(2.2rem,6.2vh,6.4rem)}.post-copy h1 em{color:var(--commerce);font-style:normal}.post-copy h2,.post-body,.post-myth-grid p{font-size:clamp(1rem,2.2vh,1.7rem);line-height:1.35}.post-copy h2{color:var(--accent);margin:22px 0 0;font-weight:650}.social-post-light .post-copy h2{color:#494949}.post-body{max-width:34rem}.post-list{gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.post-list li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.post-list span{color:var(--commerce);font-weight:800}.post-list p{margin:0}.post-myth-grid{gap:16px;margin-top:28px;display:grid}.post-myth-grid section{border-top:1px solid;padding-top:14px}.post-footer{align-self:end;gap:14px;display:grid}.post-footer strong{background:var(--commerce);color:#fff;justify-self:start;padding:10px 14px}.post-footer div{justify-content:space-between;align-items:center;gap:14px;display:flex}.post-footer img{filter:brightness(0)invert();object-fit:contain;width:112px;height:34px}.social-post-light .post-footer img{filter:none}.post-footer small{color:var(--muted)}.safe-overlay{pointer-events:none;z-index:3;border:2px dashed #df4628d9;margin:7.2%}.export-bar{background:var(--panel);border:1px solid var(--line);margin-top:16px;padding:14px}.export-bar button{padding:11px 14px}.export-bar .secondary-button{background:var(--raised)}.export-bar button:disabled{cursor:not-allowed;opacity:.45}.export-bar span{color:var(--muted);margin-left:auto}.editor-errors{color:#ffd8d1;border:1px solid #df462899;margin-top:16px;padding:14px}.editor-errors ul{margin-bottom:0}@media (max-width:760px){.generator-layout,.brandbook-hero,.split,.editor-grid{grid-template-columns:1fr}.generator-layout,.brandbook-hero,.brandbook-section{padding-left:18px;padding-right:18px}.studio-nav{flex-direction:column;align-items:flex-start;padding:14px 18px}.template-library,.inspector-plan,.editor-panel{max-height:none;position:static}.swatch-grid,.asset-strip,.artboard-plan{grid-template-columns:1fr}.post-copy,.placement-panel .post-copy,.placement-background .post-copy{max-width:92%}.post-media,.placement-panel .post-media{opacity:.26;width:62%}}