html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-height:100%}body{width:100%;min-height:100dvh;margin:0;overflow:hidden auto}#root{width:100%;min-height:100dvh}:root{--bg:#181818;--panel:#1f1f1f;--panel-elevated:#242424;--panel-strong:#2b2b2b;--border:#2f2f2f;--border-soft:#ffffff14;--text:#f3f3f3;--muted:#a0a0a0;--muted-soft:#7c7c7c;--accent:#8ab4f8;--accent-soft:#8ab4f824;--success:#82d19f;--warn:#ffbf69;--error:#ff8585;--shadow:0 22px 50px #00000052;--sidebar-width:208px;--settings-width:340px;--settings-drawer-width:min(360px, calc(100vw - 24px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{width:100%;min-height:100dvh;color:var(--text);background:radial-gradient(circle at top,#6a7eaa24,#0000 28%),linear-gradient(#1b1b1b 0%,#181818 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.studio-shell{width:100%;min-height:100dvh;overflow:visible}.auth-shell{place-items:center;width:100%;min-height:100dvh;padding:24px;display:grid}.auth-panel{border:1px solid var(--border);width:min(440px,100%);box-shadow:var(--shadow);background:#1f1f1ff5;border-radius:18px;gap:14px;padding:28px;display:grid}.auth-logo{object-fit:cover;object-position:16% center;background:#fff;border-radius:14px;width:54px;height:54px}.auth-panel h1{margin:0;font-size:30px;font-weight:600;line-height:1.1}.auth-form{gap:12px;display:grid}.auth-form label{color:var(--muted);gap:8px;font-size:13px;display:grid}.otp-input{letter-spacing:.18em}.auth-hint{color:var(--warn);margin:0;font-size:12px;line-height:1.45}.studio-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr) var(--settings-width);grid-template-rows:minmax(0,1fr);width:100%;height:100dvh;min-height:0;transition:grid-template-columns .22s;display:grid;overflow:hidden}.studio-layout:has(.settings-panel.is-hidden){grid-template-columns:var(--sidebar-width) minmax(0, 1fr) 0px}.left-sidebar,.settings-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#181818f2}.left-sidebar{border-right:1px solid var(--border);flex-direction:column;gap:18px;min-height:0;padding:20px 14px 16px;display:flex;overflow-y:auto}.brand-row{align-items:center;gap:12px;display:flex}.brand-mark{background:#fff;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;width:42px;height:42px;overflow:hidden;box-shadow:0 10px 24px #00000038}.brand-logo{object-fit:cover;object-position:16% center;background:#fff;width:100%;height:100%;display:block}.brand-label,.brand-subtitle,.toolbar-kicker,.footer-copy,.hero-copy p,.detail-card p{margin:0}.brand-label{font-size:18px;font-weight:500;line-height:1.1}.brand-subtitle,.toolbar-kicker,.footer-copy,.inline-status,.settings-card p,.settings-group span,.settings-group label span:first-child,.code-header p,.status-message,.detail-value,.detail-card p,.hero-subtitle{color:var(--muted)}.brand-subtitle{font-size:13px;line-height:1.2}.workspace-brand{align-items:center;gap:12px;min-width:0;display:flex}.workspace-logo{object-fit:cover;object-position:16% center;background:#fff;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;width:42px;height:42px;display:block;box-shadow:0 10px 24px #00000038}.playground-tab,.history-item,.nav-item,.footer-links button,.ghost-circle,.toolbar-icon,.prompt-card,.pill-button,.run-button,.danger-button,.setting-info-button,.settings-tab,.settings-close,.segment-option,.toggle-row,.copy-button,.floating-settings-button,.quick-toggle,.reference-chip button,.image-preview-button{transition:background-color .14s,border-color .14s,color .14s,transform .14s}.playground-tab{border:1px solid var(--border);background:var(--panel-elevated);border-radius:12px;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.playground-tab.is-active{background:#2a2a2a}.tab-icon{width:20px;color:var(--accent)}.history-section,.sidebar-actions,.footer-links{gap:8px;display:grid}.section-heading{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.section-heading button,.footer-links button{text-align:left;color:inherit;background:0 0;border:0;padding:0}.history-list{gap:8px;display:grid}.history-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;gap:4px;padding:10px;display:grid}.history-item.is-active,.history-item:hover,.prompt-card:hover,.nav-item:hover,.playground-tab:hover,.ghost-circle:hover,.toolbar-icon:hover,.pill-button:hover,.settings-tab:hover,.settings-close:hover,.segment-option:hover,.toggle-row:hover,.copy-button:hover,.danger-button:hover,.floating-settings-button:hover,.quick-toggle:hover{background:#ffffff0f}.history-title{color:#dedede;font-size:14px}.history-meta{color:var(--muted-soft);font-size:12px}.nav-item{color:#ddd;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;min-height:40px;padding:0 10px;display:flex}.sidebar-footer{gap:16px;margin-top:auto;display:grid}.footer-copy{font-size:12px;line-height:1.55}.profile-chip{border:1px solid var(--border);color:#d7ecd5;background:#ffffff08;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 12px;display:flex}.profile-button{text-align:left;justify-content:flex-start;width:100%}.profile-button span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-action{color:var(--muted-soft);margin-left:auto;font-size:12px}.profile-dot{background:#7bd88f;border-radius:999px;width:10px;height:10px}.workspace{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.workspace-toolbar{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f7;border-bottom:1px solid #ffffff0a;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 16px;display:flex;position:sticky;top:0}.workspace-title{flex:auto;align-items:center;gap:14px;min-width:0;display:flex}.workspace-title h1,.hero-copy h2,.detail-card h2,.code-header h3,.settings-card h3,.settings-group h3{margin:0;font-weight:500}.workspace-title h1{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:min(52vw,560px);font-size:24px;overflow:hidden}.toolbar-kicker{font-size:13px}.toolbar-actions{align-items:center;gap:8px;min-width:0;display:flex}.brand-switcher{border:1px solid var(--border);min-width:230px;max-width:280px;min-height:42px;color:var(--text);background:#ffffff09;border-radius:14px;align-items:center;gap:9px;padding:5px 34px 5px 8px;display:flex;position:relative;overflow:hidden}.brand-switcher:hover{background:#8ab4f814;border-color:#8ab4f847}.brand-switcher-avatar{width:30px;height:30px;color:var(--accent);background:#8ab4f81f;border:1px solid #8ab4f838;border-radius:10px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.brand-switcher-copy{gap:2px;min-width:0;line-height:1.1;display:grid}.brand-switcher-copy span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.brand-switcher-copy small{color:var(--muted);font-size:11px}.brand-switcher-select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.brand-switcher-select option{color:var(--text);background:#2a2a2a}.brand-switcher svg{color:var(--muted);pointer-events:none;position:absolute;right:12px}.ghost-circle,.toolbar-icon,.pill-button,.run-button,.danger-button,.segment-option,.copy-button,.floating-settings-button,.quick-toggle{border:1px solid var(--border);background:#ffffff08;border-radius:999px}.ghost-circle,.toolbar-icon{place-items:center;width:34px;height:34px;display:grid}.hero-panel{align-items:flex-start;min-height:0;padding:20px 20px 12px;display:flex;overflow:hidden auto}.empty-state,.result-layout{gap:16px;width:100%;display:grid}.empty-state{align-content:start}.hero-copy{max-width:580px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px}.hero-copy h2{letter-spacing:0;font-size:clamp(30px,3.2vw,44px);line-height:1.05}.hero-subtitle{margin-top:10px;font-size:14px;line-height:1.45}.prompt-gallery{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px;width:100%;display:grid}.prompt-card{text-align:left;background:0 0;border:1px solid #0000;min-width:0;padding:0}.prompt-card p{color:var(--muted);margin:8px 6px 0;font-size:13px;line-height:1.35}.prompt-art{height:122px;box-shadow:var(--shadow);border:1px solid #ffffff14;border-radius:16px;position:relative;overflow:hidden}.prompt-art:before,.prompt-art:after{content:"";position:absolute}.prompt-art-city{background:radial-gradient(circle at 24% 16%,#ffffffe0,#0000 24%),linear-gradient(#d4deea 0%,#bcc8d7 60%,#97a3b4 100%)}.prompt-art-city:before{content:"";background:linear-gradient(90deg,#0000 0 16%,#ffffffa6 16% 19%,#0000 19% 32%,#ffffffa6 32% 36%,#0000 36% 62%,#ffffff94 62% 66%,#0000 66% 100%),linear-gradient(#53647ad9,#b6beca85);border-radius:18px;height:72px;inset:auto 30px 22px;transform:perspective(220px)rotateX(64deg)}.prompt-art-city:after{content:"";background:linear-gradient(90deg,#0000 0 9%,#53657ee6 9% 14%,#0000 14% 28%,#6b788ddb 28% 32%,#0000 32% 45%,#4e6178e6 45% 48%,#0000 48% 62%,#798597db 62% 68%,#0000 68% 100%),linear-gradient(#0000 0 34%,#7a889c85 34% 100%);inset:34px 56px 38px}.prompt-art-creature{background:radial-gradient(circle at 52% 52%,#fffdf6 0%,#edf4e8 40%,#d2ddc2 100%),linear-gradient(#eef4e7 0%,#cbd9bd 100%)}.prompt-art-creature:before{content:"";clip-path:polygon(16% 12%,84% 12%,98% 36%,88% 78%,50% 100%,12% 76%,2% 34%);background:conic-gradient(from 28deg,#db9a45,#77cad4,#76b05e,#e2bc65,#db9a45);border-radius:50%;inset:28px 24px}.prompt-art-creature:after{content:"";background:radial-gradient(circle at 20% 52%,#77c483 0 18%,#0000 19%),radial-gradient(circle at 48% 36%,#8eb96a 0 18%,#0000 19%),radial-gradient(circle at 76% 52%,#72b68b 0 18%,#0000 19%),linear-gradient(#0000 48%,#886847 49% 56%,#0000 57%);border-radius:999px;height:38px;inset:18px 20px auto}.prompt-art-product{background:radial-gradient(circle at 64% 18%,#ffd68047,#0000 20%),linear-gradient(#425943 0%,#182018 78%)}.prompt-art-product:before{content:"";background:linear-gradient(#f7e2b0b3,#b08f5652),radial-gradient(circle at 50% 55%,#ffffff57,#0000 24%);border:1px solid #efdeb352;border-radius:18px;inset:24px 88px 18px}.prompt-art-product:after{content:"";background:linear-gradient(#947d4f,#564825);border-radius:10px 10px 4px 4px;height:30px;inset:10px 114px auto}.prompt-art-weather{background:radial-gradient(circle at 16% 18%,#ffffffc7,#0000 18%),linear-gradient(#c6d4ed 0%,#90b4db 55%,#5f7da8 100%)}.prompt-art-weather:before{content:"";background:linear-gradient(#ffffff42,#1e375e24),repeating-linear-gradient(90deg,#ffffff8f 0 2px,#0000 2px 28px);border-radius:20px;height:96px;inset:36px 30px auto}.prompt-art-weather:after{content:"";background:linear-gradient(90deg,#f6d26a 0 36%,#94c3ff 36% 100%);border-radius:999px;height:26px;inset:auto 40px 28px}.art-badge{background:#0000005c;border:1px solid #ffffff1a;border-radius:999px;place-items:center;width:26px;height:26px;font-size:13px;display:grid;position:absolute;top:12px;left:12px}.result-layout{grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);align-items:start}.result-stage{border:1px solid var(--border);background:radial-gradient(circle at top,#5f718e38,#0000 26%),linear-gradient(#212121 0%,#1a1a1a 100%);border-radius:24px;justify-content:center;align-items:center;height:clamp(260px,34vh,340px);min-height:0;padding:16px;display:flex;position:relative;overflow:hidden}.image-preview-button{cursor:zoom-in;background:0 0;border:0;border-radius:18px;width:100%;min-width:0;height:100%;padding:0;display:block;overflow:hidden}.image-preview-button:focus-visible,.reference-preview-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.generated-image{object-fit:contain;width:100%;height:100%;cursor:inherit;border-radius:18px;transition:opacity .14s;display:block}.generated-image:hover{opacity:.92}.lightbox-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:#000000e0;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;animation:.16s lightbox-in;display:grid;position:fixed;inset:0}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.lightbox-frame{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.lightbox-img{object-fit:contain;border-radius:12px;width:100%;min-width:0;height:100%;min-height:0;animation:.18s cubic-bezier(.2,0,.2,1) lightbox-scale;box-shadow:0 32px 80px #0009}@keyframes lightbox-scale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.lightbox-close{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:40px;height:40px;color:var(--text);cursor:pointer;z-index:101;background:#1e1e1ecc;border:1px solid #ffffff2e;border-radius:999px;justify-self:end;place-items:center;transition:background-color .14s,transform .14s;display:grid}.lightbox-close:hover{background:#505050e6;transform:scale(1.08)}.lightbox-download{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent);z-index:101;white-space:nowrap;background:#14141ccc;border:1px solid #8ab4f866;border-radius:999px;justify-self:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .14s,transform .14s;display:inline-flex}.lightbox-download:hover{color:#fff;background:#3f69a980;transform:translateY(-2px)}.download-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent);z-index:2;background:#14141cb3;border:1px solid #8ab4f866;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .14s,transform .14s;display:inline-flex;position:absolute;top:12px;right:12px}.download-btn:hover{color:#fff;background:#3f69a980;transform:translateY(-1px)}.generated-empty{border:1px dashed var(--border-soft);width:100%;height:100%;min-height:0;color:var(--muted);border-radius:16px;place-items:center;display:grid}.result-details{gap:10px;display:grid}.detail-card{border:1px solid var(--border);background:#ffffff08;border-radius:18px;gap:10px;padding:16px;display:grid}.detail-head,.label-row,.group-header,.settings-card-heading,.code-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.setting-title-row,.setting-inline-label{align-items:center;gap:8px;min-width:0;display:inline-flex}.setting-inline-label>span:first-child{color:var(--muted)}.setting-info{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.setting-info-button{border:1px solid var(--border);width:22px;height:22px;color:var(--muted);cursor:help;background:#ffffff0a;border-radius:999px;place-items:center;padding:0;font-size:12px;line-height:1;display:grid}.setting-info-button:hover,.setting-info:focus-within .setting-info-button{color:var(--text);background:#8ab4f824;border-color:#8ab4f866}.setting-info .setting-info-tooltip{z-index:5;border:1px solid var(--border);width:min(240px,72vw);box-shadow:var(--shadow);color:var(--text);opacity:0;pointer-events:none;background:#171717;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.45;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.setting-info:hover .setting-info-tooltip,.setting-info:focus-within .setting-info-tooltip{opacity:1;transform:translateY(0)}.detail-label{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.detail-card h2{font-size:18px;line-height:1.2}.detail-card p{font-size:13px;line-height:1.45}.source-list,.token-list{flex-wrap:wrap;gap:10px;display:flex}.source-item,.token-chip{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;padding:8px 12px;font-size:13px}.source-item{align-items:center;gap:8px;display:inline-flex}.composer{border:1px solid var(--border);width:min(930px,100% - 28px);box-shadow:var(--shadow);background:#232323f5;border-radius:18px;flex-shrink:0;gap:10px;margin:0 auto 12px;padding:12px;display:grid}.reference-strip,.quick-tools{flex-wrap:wrap;gap:10px;display:flex}.reference-chip{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;max-width:100%;padding:6px 8px 6px 6px;display:inline-flex}.reference-preview-button{cursor:zoom-in;background:0 0;border:0;border-radius:999px;flex-shrink:0;place-items:center;width:30px;height:30px;padding:0;display:grid;overflow:hidden}.reference-chip img{object-fit:cover;border-radius:999px;width:30px;height:30px;display:block}.reference-chip span{color:#dedede;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.reference-chip>button:not(.reference-preview-button){background:0 0;border:0;border-radius:999px;width:24px;height:24px}.quick-toggle{min-height:38px;padding:0 14px}.quick-toggle.is-on{background:var(--accent-soft);border-color:#8ab4f866}.composer textarea,.prompt-enhancer-feedback,.prompt-enhancer-textarea,.settings-textarea,.settings-input,.selectish{border:1px solid var(--border);width:100%;color:var(--text);background:#2a2a2a;border-radius:14px}.selectish option{color:var(--text);background:#2a2a2a}.composer textarea{resize:none;min-height:88px;max-height:92px;padding:12px 14px;line-height:1.45}.composer textarea::placeholder,.prompt-enhancer-feedback::placeholder,.prompt-enhancer-textarea::placeholder,.settings-textarea::placeholder,.settings-input::placeholder{color:var(--muted-soft)}.prompt-enhancer-card{background:linear-gradient(#3f69a91f,#ffffff05);border:1px solid #8ab4f847;border-radius:16px;gap:10px;padding:12px;display:grid}.prompt-enhancer-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.prompt-enhancer-copy-wrap{gap:4px;display:grid}.prompt-enhancer-label,.prompt-enhancer-copy{margin:0}.prompt-enhancer-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.prompt-enhancer-copy{color:var(--muted);font-size:13px;line-height:1.45}.prompt-enhancer-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prompt-enhancer-feedback,.prompt-enhancer-textarea{resize:vertical;padding:12px 14px;line-height:1.5}.prompt-enhancer-feedback{min-height:84px}.prompt-enhancer-textarea{min-height:132px}.prompt-enhancer-generate,.prompt-enhancer-accept{background:var(--accent-soft);border-color:#8ab4f866}.composer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.composer-tools,.composer-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill-button,.run-button,.danger-button{text-align:center;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 14px;display:inline-flex}.pill-button.filled{background:#313131}.pill-button.is-active{background:var(--accent-soft);border-color:#8ab4f866}.pill-button:disabled{opacity:.7;cursor:progress}.run-button{color:#fff;background:#3f69a9;border-color:#3f69a9}.run-button:disabled{opacity:.7;cursor:progress}.danger-button{color:#ffb3b3;background:#ff85851a;border-color:#ff85855c}.danger-button:disabled{opacity:.7;cursor:progress}.status-message{margin:0;font-size:13px}.status-message.is-error,.inline-status.is-error{color:var(--error)}.settings-panel{border-left:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;max-height:100dvh;display:flex}.settings-panel.is-hidden{border-left:none;width:0;min-width:0;padding:0;overflow:hidden}.settings-topbar{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:50px;padding:0 10px;display:flex}.settings-tab,.settings-close{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 12px}.settings-tab.is-active{color:var(--text);background:#ffffff0d}.settings-close{width:34px;margin-left:auto;padding:0}.settings-scroll{gap:10px;padding:10px;display:grid;overflow:auto}.settings-card,.settings-group,.code-panel{background:var(--panel);border:1px solid #ffffff0d;border-radius:18px;gap:10px;padding:12px;display:grid}.settings-card h3,.settings-group h3,.code-header h3{font-size:15px}.status-badge,.input-chip{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;padding:5px 10px;font-size:12px}.status-badge{color:var(--success)}.status-badge.muted{color:var(--muted)}.status-badge.warn{color:var(--warn)}.settings-textarea{resize:vertical;min-height:96px;padding:12px}.settings-input,.selectish{min-height:40px;padding:0 12px}.compact-role-select,.compact-brand-select{border-radius:999px;min-height:34px;padding-inline:10px;font-size:12px}.compact-brand-select{min-width:130px}.compact{gap:12px;display:grid}.compact label,.advanced-row,.advanced-block,.toggle-setting{gap:8px;display:grid}.segment{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.segment-option{text-align:center;min-height:52px;padding:10px}.segment-option.is-active{background:var(--accent-soft);border-color:#8ab4f866}.range-input{accent-color:#b7c7e2;width:100%}.toggle-row{border:1px solid var(--border);background:#ffffff08;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;display:flex}.toggle-state{color:var(--muted);font-size:13px}.toggle-switch{background:#505050;border-radius:999px;width:34px;height:20px;position:relative}.toggle-switch:after{content:"";background:#d7d7d7;border-radius:999px;width:16px;height:16px;transition:transform .14s;position:absolute;top:2px;left:2px}.toggle-switch.is-on{background:#4f79bc}.toggle-switch.is-on:after{transform:translate(14px)}.code-header{align-items:start}.copy-button,.floating-settings-button{min-height:38px;padding:0 14px}.code-block{border:1px solid var(--border);background:#121212;border-radius:16px;max-height:calc(100dvh - 170px);margin:0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.floating-settings-button{z-index:10;position:fixed;bottom:20px;right:20px}.edit-decision-bar{background:linear-gradient(135deg,#3f69a92e,#8ab4f814);border:1px solid #8ab4f84d;border-radius:18px;flex-shrink:0;gap:12px;width:min(930px,100% - 28px);margin:0 auto;padding:14px 16px;animation:.16s slideUp;display:grid}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.edit-decision-label{color:var(--accent);margin:0;font-size:14px;font-weight:500}.edit-decision-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.decision-btn{border:1px solid var(--border);text-align:left;min-width:180px;min-height:64px;color:var(--text);background:#ffffff0a;border-radius:14px;flex:1;gap:4px;padding:10px 14px;font-size:14px;font-weight:500;transition:background-color .14s,border-color .14s;display:grid}.decision-btn span{color:var(--muted);font-size:12px;font-weight:400}.decision-btn:hover{background:#ffffff14}.decision-edit{border-color:#8ab4f859}.decision-edit:hover{background:#8ab4f81a}.decision-new{border-color:#82d19f59}.decision-new:hover{background:#82d19f14}.decision-cancel{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:13px;transition:color .14s,background-color .14s}.decision-cancel:hover{color:var(--text);background:#ffffff0f}.settings-panel-title{color:var(--text);padding:0 8px;font-size:14px;font-weight:500}.empty-history-hint{color:var(--muted-soft);margin:4px 0 0;padding:0 10px;font-size:12px;line-height:1.45}.session-runs-list{gap:6px;max-height:180px;display:grid;overflow:auto}.session-run-item{border:1px solid var(--border);text-align:left;min-height:36px;color:var(--muted);background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:13px;transition:background-color .14s;display:flex}.session-run-item:hover{background:#ffffff0f}.session-run-item.is-active{background:var(--accent-soft);color:var(--text);border-color:#8ab4f84d}.run-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.run-meta{color:var(--muted-soft);flex-shrink:0;font-size:11px}.campaign-launchpad{align-content:start;gap:20px;width:100%;display:grid}.admin-console{align-content:start;gap:16px;width:100%;display:grid}.admin-console-header,.admin-detail-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.admin-console-header h2,.admin-detail-head h2{margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:600;line-height:1.08}.admin-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-console-grid{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:16px;min-height:0;display:grid}.admin-brand-rail,.admin-detail-pane,.admin-section,.admin-empty-panel{border:1px solid var(--border);background:#1f1f1fd1;border-radius:16px}.admin-brand-rail{gap:12px;padding:12px;display:grid;position:sticky;top:0}.admin-rail-heading{justify-content:space-between;align-items:center;display:flex}.admin-rail-heading>div{gap:4px;display:grid}.admin-rail-heading strong{font-size:24px;line-height:1}.admin-create-form{gap:8px;display:grid}.brand-settings-section{border-color:#8ab4f82e}.brand-edit-form{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:8px;display:grid}.admin-brand-nav{gap:8px;max-height:min(54vh,520px);padding-right:2px;display:grid;overflow:auto}.admin-brand-nav-item{border:1px solid var(--border-soft);width:100%;min-height:58px;color:var(--text);text-align:left;background:#ffffff05;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.admin-brand-nav-item:hover,.admin-brand-nav-item.is-active{background:#8ab4f81a;border-color:#8ab4f857}.admin-brand-initial{width:34px;height:34px;color:var(--accent);background:#8ab4f81f;border:1px solid #8ab4f838;border-radius:10px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.admin-brand-nav-copy{gap:3px;min-width:0;display:grid}.admin-brand-nav-copy strong,.admin-table-row span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-brand-nav-copy span{color:var(--muted);font-size:12px}.admin-detail-pane{gap:14px;min-width:0;padding:14px;display:grid}.admin-metric-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-metric{border:1px solid var(--border-soft);background:#ffffff06;border-radius:12px;gap:6px;padding:12px;display:grid}.admin-metric span{color:var(--muted);font-size:12px}.admin-metric strong{font-size:18px;line-height:1.1}.admin-pane-grid{grid-template-columns:minmax(260px,.86fr) minmax(0,1.14fr);gap:12px;display:grid}.admin-section,.admin-empty-panel{gap:12px;min-width:0;padding:12px;display:grid}.admin-access-form{grid-template-columns:minmax(180px,1fr) 130px auto;align-items:center;gap:8px;display:grid}.admin-table{gap:6px;min-width:0;display:grid;overflow-x:auto}.admin-table-head,.admin-table-row{grid-template-columns:minmax(180px,1fr) 100px 90px;align-items:center;gap:10px;display:grid}.admin-campaign-table .admin-table-head,.admin-campaign-table .admin-table-row{grid-template-columns:minmax(220px,1.5fr) 70px 70px 110px 130px minmax(140px,.9fr);min-width:760px}.admin-table-head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:0 10px;font-size:11px}.admin-table-row{border:1px solid var(--border-soft);background:#ffffff05;border-radius:10px;min-height:44px;padding:8px 10px}.admin-table-row>*,.admin-table-head>*{min-width:0}.admin-empty-panel{text-align:center;place-content:center;min-height:260px}.admin-empty-panel h2,.admin-empty-panel p{margin:0}.admin-empty-panel p{color:var(--muted)}.launchpad-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.launchpad-header-copy{gap:4px;display:grid}.launchpad-header-copy h2{letter-spacing:0;margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:600}.launchpad-header-copy .hero-subtitle{margin-top:4px;font-size:13px}.launchpad-new-btn{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.campaign-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.campaign-create-card,.campaign-picker-card{flex-direction:column;display:flex}.campaign-picker-card .campaign-summary-list{flex:1}.campaign-create-form{gap:12px;margin-top:8px;display:grid}.campaign-name-input{min-height:48px}.campaign-summary-list,.activity-list,.log-list{gap:10px;display:grid}.campaign-summary-item{text-align:left;border:1px solid var(--border-soft);background:#ffffff05;border-radius:14px;padding:12px 14px;transition:background-color .14s,border-color .14s,transform .14s}.campaign-summary-row{align-items:center;gap:10px;display:flex}.campaign-summary-icon{width:28px;height:28px;color:var(--accent);background:#8ab4f81a;border:1px solid #8ab4f833;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.campaign-summary-text{flex:1;gap:3px;min-width:0;display:grid}.campaign-summary-arrow{color:var(--muted-soft);opacity:0;flex-shrink:0;transition:opacity .14s,transform .14s}.campaign-summary-item:hover .campaign-summary-arrow{opacity:1;transform:translate(2px)}.campaign-summary-item:hover,.activity-item:hover,.log-item:hover{background:#8ab4f814;border-color:#8ab4f83d}.campaign-summary-title,.activity-title{font-size:14px;font-weight:600}.campaign-summary-meta,.activity-meta,.log-time,.log-duration,.campaign-stat-label{color:var(--muted);font-size:12px}.campaign-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.settings-stat-grid{margin-top:8px}.campaign-stat-chip{border:1px solid var(--border-soft);background:#ffffff05;border-radius:14px;gap:6px;padding:14px;display:grid}.campaign-stat-chip strong{font-size:14px;font-weight:600}.empty-state-header{gap:6px;width:100%;padding-bottom:4px;display:grid}.empty-state-header h2{letter-spacing:0;margin:0;font-size:clamp(20px,2vw,26px);font-weight:600;line-height:1.15}.prompt-gallery-header{align-items:center;gap:10px;width:100%;display:flex}.prompt-gallery-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:500}.activity-item,.log-item{border:1px solid var(--border-soft);background:#ffffff05;border-radius:14px}.warn-value{color:var(--warn)!important}.persistence-warning-card{background:#ffbf690f!important;border-color:#ffbf694d!important}.activity-item{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.activity-item>div{gap:4px;min-width:0;display:grid}.log-item{gap:8px;padding:12px 14px;display:grid}.log-item p{margin:0;font-size:13px;line-height:1.45}.log-item-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.log-level{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;min-width:58px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.log-level-info{color:var(--success);background:#82d19f1f}.log-level-error{color:var(--error);background:#ff85851f}.log-level-warning,.log-level-warn{color:var(--warn);background:#ffbf691f}.toolbar-icon:disabled,.run-button:disabled,.danger-button:disabled,.pill-button:disabled,.copy-button:disabled,.campaign-summary-item:disabled{opacity:.6;cursor:not-allowed}button:hover{cursor:pointer}.input-error{animation:.2s shake;box-shadow:0 0 0 2px #ff858526;background:#ff85850f!important;border-color:#ff858599!important}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}button:active{transform:translateY(1px)}@media (width<=1400px){.studio-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.studio-layout:has(.settings-panel.is-hidden){grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.settings-panel{width:var(--settings-drawer-width);z-index:20;transition:transform .22s,width,border;position:fixed;top:0;bottom:0;right:0;transform:translate(0);box-shadow:-12px 0 30px #0000004d}.settings-panel.is-hidden{width:var(--settings-drawer-width);border-left:1px solid var(--border);overflow:hidden;transform:translate(100%)}.studio-layout:not(:has(.settings-panel.is-hidden)) .workspace{padding-right:var(--settings-drawer-width)}}@media (width<=1120px){.left-sidebar{display:none}.studio-layout{grid-template-columns:minmax(0,1fr)}.studio-layout:has(.settings-panel.is-hidden){grid-template-columns:minmax(0,1fr)}.studio-layout:not(:has(.settings-panel.is-hidden)) .workspace{padding-right:0}.workspace-toolbar,.hero-panel{padding-inline:16px}.prompt-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.result-layout,.campaign-choice-grid,.campaign-stat-grid,.admin-console-grid,.admin-pane-grid,.admin-metric-row{grid-template-columns:1fr}.admin-brand-rail{position:static}.admin-brand-nav{max-height:none}}@media (width<=720px){.workspace-toolbar{flex-direction:column;align-items:flex-start;padding-top:12px;padding-bottom:12px}.workspace-title{width:100%}.toolbar-actions{flex-wrap:wrap;width:100%}.brand-switcher{flex:220px;max-width:none}.workspace-title h1{max-width:100%;font-size:22px}.workspace-logo{width:38px;height:38px}.prompt-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy h2{font-size:34px}.composer{width:calc(100% - 16px)}.admin-console-header,.admin-detail-head{flex-direction:column}.admin-access-form,.brand-edit-form,.admin-table-head,.admin-table-row,.admin-campaign-table .admin-table-head,.admin-campaign-table .admin-table-row{grid-template-columns:1fr;min-width:0}.admin-table-head{display:none}}@media (height<=860px){.workspace-toolbar{min-height:52px}.hero-panel{padding:12px 16px 8px}.empty-state,.result-layout{gap:12px}.prompt-art{height:108px}.composer textarea{min-height:76px;max-height:80px}.settings-topbar{min-height:46px}.settings-scroll{gap:8px}}@media (height<=760px){.hero-copy h2{font-size:28px}.hero-subtitle{margin-top:8px;font-size:13px}.prompt-gallery{gap:10px}.prompt-art{height:94px}.result-stage{height:clamp(220px,30vh,300px)}.composer{width:calc(100% - 20px);margin-bottom:10px}}@media (height<=620px){.studio-layout{height:auto;min-height:100dvh;overflow:visible}.left-sidebar{align-self:start;max-height:100dvh;position:sticky;top:0;overflow-y:auto}.workspace{grid-template-rows:auto auto auto auto;min-height:100dvh;overflow:visible}.hero-panel{height:auto;min-height:min(320px,58dvh);overflow:visible}.result-stage{min-height:180px}}@media (width<=480px){.workspace-toolbar{gap:8px;padding-inline:12px}.workspace-title h1{font-size:18px}.workspace-logo{border-radius:10px;width:32px;height:32px}.hero-panel{padding:10px 12px 8px}.hero-copy h2{font-size:clamp(22px,7vw,28px)}.prompt-gallery{grid-template-columns:1fr}.prompt-card{padding:12px}.composer{border-radius:16px;width:calc(100% - 12px)}.composer-tools,.composer-actions{grid-template-columns:1fr;width:100%;display:grid}.composer-tools .pill-button,.composer-actions .pill-button,.composer-actions .run-button{width:100%}.result-stage{border-radius:16px;height:clamp(200px,45vw,280px);padding:10px}.run-button{padding:0 16px;font-size:14px}.auth-panel{border-radius:14px;padding:20px 16px}.auth-panel h1{font-size:24px}.campaign-stat-grid{grid-template-columns:1fr 1fr}.detail-card{border-radius:14px;padding:12px}.toolbar-icon{width:34px;height:34px}.lightbox-overlay{padding:12px}.lightbox-close{width:36px;height:36px;top:10px;right:10px}.lightbox-download{padding:9px 16px;font-size:13px;bottom:16px}}@media (width<=720px) and (height<=500px){.result-stage{height:clamp(160px,36vh,220px)}.hero-panel{padding:6px 12px}.prompt-gallery{display:none}.lightbox-overlay{padding:8px 48px}.lightbox-download{padding:7px 14px;font-size:12px;bottom:8px}}