html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:100%}body{width:100%;height:100%;margin:0;overflow:hidden}#root{width:100%;height:100%}: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;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{width:100%;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}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.studio-shell{width:100%;height:100dvh;overflow:hidden}.passcode-shell{background:radial-gradient(circle at top,#8ab4f82e,#0000 32%),linear-gradient(#1b1b1b 0%,#181818 100%);place-items:center;width:100%;height:100dvh;padding:24px;display:grid}.passcode-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(100%,420px);box-shadow:var(--shadow);text-align:center;background:#1f1f1feb;border-radius:24px;gap:14px;padding:28px;display:grid}.passcode-badge{background:linear-gradient(135deg,#8ab4f838,#ffffff0f);border:1px solid #8ab4f83d;border-radius:18px;place-items:center;width:56px;height:56px;margin:0 auto 4px;font-size:24px;display:grid}.passcode-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:13px}.passcode-card h1{letter-spacing:-.04em;margin:0;font-size:28px;line-height:1.1}.passcode-copy{color:var(--muted);margin:0;line-height:1.6}.passcode-label{text-align:left;color:var(--muted);font-size:13px}.passcode-input{border:1px solid var(--border);width:100%;min-height:54px;color:var(--text);letter-spacing:.45em;text-align:center;background:#ffffff08;border-radius:16px;outline:none;font-size:26px}.passcode-input:focus{border-color:#8ab4f88c;box-shadow:0 0 0 4px #8ab4f81f}.passcode-error{color:var(--error);margin:0;font-size:13px}.passcode-submit{color:#101010;cursor:pointer;background:linear-gradient(135deg,#8ab4f8,#6ea1f5);border:0;border-radius:14px;min-height:48px;font-weight:700;box-shadow:0 14px 28px #6ea1f547}.passcode-submit:hover{transform:translateY(-1px)}.studio-layout{grid-template-columns:208px minmax(0,1fr) 340px;width:100%;height:100dvh;display:grid;overflow:hidden}.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;padding:20px 14px 16px;display:flex}.brand-row{align-items:center;gap:10px;display:flex}.brand-mark{color:#121212;background:linear-gradient(135deg,#fff,#8ab4f8);border-radius:999px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.brand-label,.brand-subtitle,.toolbar-kicker,.footer-copy,.hero-copy p,.detail-card p{margin:0}.brand-label{font-size:18px;font-weight:500}.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}.playground-tab,.history-item,.nav-item,.footer-links button,.ghost-circle,.toolbar-icon,.prompt-card,.pill-button,.run-button,.settings-tab,.settings-close,.segment-option,.toggle-row,.copy-button,.floating-settings-button,.quick-toggle,.reference-chip 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,.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-dot{background:#7bd88f;border-radius:999px;width:10px;height:10px}.workspace{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.workspace-toolbar{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 16px;display:flex}.workspace-title{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:-.03em;font-size:24px}.toolbar-kicker{font-size:13px}.toolbar-actions{align-items:center;gap:8px;display:flex}.ghost-circle,.toolbar-icon,.pill-button,.run-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{flex:1;min-height:0;padding:16px 16px 10px;display:flex;overflow:hidden}.empty-state,.result-layout{gap:16px;width:100%;display:grid}.empty-state{align-content:start;justify-items:center}.hero-copy{text-align:center;max-width:720px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px}.hero-copy h2{letter-spacing:-.05em;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(2,minmax(0,1fr));gap:12px;width:min(100%,720px);display:grid}.prompt-card{text-align:left;background:0 0;border:1px solid #0000;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}.generated-image{object-fit:contain;border-radius:18px;width:100%;height:100%}.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:8px;padding:12px;display:grid}.detail-head,.label-row,.group-header,.settings-card-heading,.code-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.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;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;padding:6px 8px 6px 6px;display:inline-flex}.reference-chip img{object-fit:cover;border-radius:999px;width:30px;height:30px}.reference-chip span{color:#dedede;font-size:13px}.reference-chip 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,.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,.settings-textarea::placeholder,.settings-input::placeholder{color:var(--muted-soft)}.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{min-height:36px;padding:0 14px}.pill-button.filled{background:#313131}.pill-button.is-active{background:var(--accent-soft);border-color:#8ab4f866}.run-button{color:#fff;background:#3f69a9;border-color:#3f69a9}.run-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{display:none}.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{gap:12px;display:grid}.compact label,.advanced-row,.advanced-block{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;min-height:42px;padding:0 12px;display:flex}.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;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}button:hover{cursor:pointer}button:active{transform:translateY(1px)}@media (width<=1400px){.studio-layout{grid-template-columns:208px minmax(0,1fr)}.settings-panel{z-index:20;width:min(360px,100vw);position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 30px #0000004d}}@media (width<=1120px){.left-sidebar{display:none}.studio-layout{grid-template-columns:minmax(0,1fr)}.workspace-toolbar,.hero-panel{padding-inline:16px}.prompt-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.result-layout{grid-template-columns:1fr}}@media (width<=720px){.workspace-toolbar{flex-direction:column;align-items:flex-start;padding-top:12px;padding-bottom:12px}.workspace-title h1{font-size:22px}.prompt-gallery{grid-template-columns:1fr}.hero-copy h2{font-size:34px}.composer{width:calc(100% - 16px)}}@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}}