*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080b10;color:#f7f1e5}body{padding:24px}.creative-studio{--cs-ink:#f7f1e5;--cs-muted:#b7b0a4;--cs-line:rgba(255,255,255,.1);--cs-gold:#c9a86a;--cs-panel:rgba(23,29,39,.86);--cs-panel-2:rgba(31,38,50,.94);max-width:1400px;margin:0 auto;color:var(--cs-ink);background:radial-gradient(circle at 12% 0%,rgba(201,168,106,.16),transparent 30%),radial-gradient(circle at 88% 10%,rgba(88,117,150,.15),transparent 30%),linear-gradient(155deg,#0c1118,#121823 48%,#0a0e14);border:1px solid rgba(201,168,106,.18);border-radius:28px;padding:clamp(20px,3vw,36px);box-shadow:0 24px 80px #00000052}.hero,.panel-heading,.row-between{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.hero{padding:4px 2px 24px;border-bottom:1px solid var(--cs-line);margin-bottom:26px}.hero h1{margin:4px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5vw,58px);font-weight:500}.eyebrow{margin:0;color:#c9a86a;font-size:12px;letter-spacing:.16em;font-weight:800}.muted{color:var(--cs-muted)}.panel,.creative-form,.creative-jobs,.priority-row{background:linear-gradient(180deg,var(--cs-panel-2),var(--cs-panel));border:1px solid var(--cs-line);border-radius:20px;box-shadow:0 14px 44px #0000002e}.creative-form,.creative-jobs{padding:22px;margin-bottom:22px}.panel{padding:18px}.stack{display:grid;gap:14px}.creative-form{display:grid;gap:18px}.creative-studio label,.auth-card label{color:#e7dfd1;font-weight:700;display:grid;gap:8px}.creative-studio textarea,.creative-studio input,.creative-studio select,.auth-card input{width:100%;background:#05080c9e;color:#f7f1e5;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 13px;outline:none}.creative-studio textarea{resize:vertical;line-height:1.55}.creative-output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.creative-output,.primary-button,.secondary-button{border-radius:14px;border:1px solid rgba(255,255,255,.1);color:#ddd5c7;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 12px;font-weight:750;cursor:pointer}.creative-output{background:#ffffff09}.creative-output.active{color:#fff8e8;border-color:#c9a86abf;background:linear-gradient(135deg,#c9a86a3d,#c9a86a14)}.creative-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.primary-button{background:linear-gradient(135deg,#263246,#151c28);color:#fff7e8;border-color:#c9a86a52}.secondary-button{width:100%;margin-top:12px;background:#ffffff09;color:#e7dcc7;border-color:#ffffff1f}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed}.creative-generate{min-height:54px;width:100%;background:linear-gradient(135deg,#b38e51,#d7bd82 55%,#9b753c);color:#16120c;border:0}.priority-row{padding:16px}.grow{flex:1}.status-pill{display:inline-block;background:#c9a86a24;color:#e2c58b;border:1px solid rgba(201,168,106,.22);border-radius:999px;padding:5px 9px;font-size:12px}.form-message{border-left:3px solid #c9a86a;background:#c9a86a14;color:#e7dcc7;padding:11px 13px;border-radius:0 10px 10px 0}.scene-image{width:100%;max-height:360px;object-fit:cover;border-radius:14px}.studio-account-bar{max-width:1400px;margin:0 auto 12px;display:flex;justify-content:space-between;align-items:center;color:#b7b0a4;font-size:13px}.studio-account-bar button{border:1px solid rgba(255,255,255,.12);background:transparent;color:#e7dcc7;border-radius:10px;padding:7px 11px;cursor:pointer}.auth-shell{min-height:calc(100vh - 48px);display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,rgba(201,168,106,.13),transparent 28%),linear-gradient(155deg,#0c1118,#121823 55%,#080b10);border-radius:28px}.auth-card{width:min(520px,calc(100vw - 48px));padding:34px;background:linear-gradient(180deg,#1f2632f5,#141922f5);border:1px solid rgba(201,168,106,.22);border-radius:24px;box-shadow:0 24px 80px #0000005c}.auth-card h1{font-family:Georgia,Times New Roman,serif;font-size:44px;font-weight:500;margin:8px 0 10px}.auth-card>p:not(.eyebrow):not(.form-message){color:#b7b0a4;line-height:1.55}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){body{padding:0}.creative-studio{border-radius:0;padding:16px}.creative-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{align-items:center}.auth-shell{min-height:100vh;border-radius:0}.auth-card{width:calc(100vw - 28px);padding:24px}.studio-account-bar{padding:10px 14px;margin:0}}