:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f4f1;--surface:#fff;--sunken:#faf9f6;--text:#16161a;--muted:#5b5b54;--border:#e3e2db;--field-border:#8c887f;--accent:#235b48;--accent-line:#cfe0d8;--accent-soft:#eaf1ed;--danger:#a51d27;--danger-soft:#fdf1f2;--notice:#7a5312;--notice-soft:#fbf4e8;--radius-lg:18px;--radius-md:12px;--radius-sm:9px;--shadow-sm:0 1px 2px #16161a0a;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{background:var(--background);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}a{color:inherit;text-underline-offset:3px}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--text);border-radius:var(--radius-sm);background:var(--text);color:#fff;cursor:pointer;letter-spacing:-.01em;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s,color .16s;display:inline-flex}button:hover:enabled,.button:hover{background:var(--accent);border-color:var(--accent);color:#fff}button.secondary,.button.secondary{color:var(--text);background:var(--surface);border-color:var(--field-border)}button.secondary:hover:enabled,.button.secondary:hover{background:var(--sunken);border-color:var(--text);color:var(--text)}button:disabled{cursor:not-allowed;color:#6d6a62;background:#e7e6df;border-color:#e7e6df}button[aria-busy=true]{cursor:progress}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-shell{width:min(100% - 40px,530px);margin:60px auto}.wordmark{letter-spacing:-.045em;margin-bottom:28px;font-size:23px;font-weight:800;text-decoration:none;display:inline-block}.wordmark span{letter-spacing:0;color:var(--muted);margin-left:12px;font-size:14px;font-weight:500}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:28px}h1{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(24px,3.4vw,30px);line-height:1.2}h2{letter-spacing:-.02em;margin:0 0 16px;font-size:19px}p{margin:0 0 20px}.muted,small{color:var(--muted)}.eyebrow{letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}fieldset{border:0;gap:18px;min-width:0;margin:24px 0 0;padding:0;display:grid}label{gap:7px;font-size:14px;font-weight:600;display:grid}input,select,textarea{border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-width:0;color:var(--text);padding:11px 12px}input,select{min-height:46px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%235b5b54' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}textarea{resize:vertical;min-height:170px;line-height:1.5}input:hover:enabled,select:hover:enabled,textarea:hover:enabled{border-color:var(--text)}fieldset:disabled :is(input,select,textarea),:is(input,select,textarea):disabled{background:var(--sunken);color:var(--muted);cursor:not-allowed}.form-links{flex-wrap:wrap;gap:16px;margin-top:24px;font-size:14px;display:flex}.error-message,.success-message,.notice-message{border-radius:var(--radius-sm);margin:20px 0 0;padding:12px 14px;font-size:15px}.error-message{background:var(--danger-soft);color:var(--danger)}.success-message{background:var(--accent-soft);color:var(--accent)}.notice-message{background:var(--notice-soft);color:var(--notice)}.actions{flex-wrap:wrap;gap:12px;display:flex}.workspace-shell{width:min(100% - 40px,960px);margin:36px auto}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px;display:flex}.topbar .wordmark{margin:0}.workspace-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:24px;display:grid}.stack{gap:24px;display:grid}.org-list{margin:0;padding:0;list-style:none}.org-list li{border-top:1px solid var(--border);overflow-wrap:anywhere;padding:14px 0}.workspace-name{overflow-wrap:anywhere}.studio-shell{width:min(100% - 48px,1420px);margin:26px auto 64px}.studio-topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;margin-bottom:22px;padding-bottom:18px;display:flex}.studio-topbar .wordmark{margin:0}.studio-topbar-actions{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.workspace-picker{color:var(--muted);align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.workspace-picker select{background-color:var(--surface);width:auto;max-width:260px;min-height:40px;padding:7px 34px 7px 11px;font-size:14px;font-weight:500}.topbar-link{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.studio-loading{min-height:320px;color:var(--muted);place-items:center;display:grid}.studio-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"composer""result""history";gap:20px;display:grid}.studio-composer{grid-area:composer}.studio-result{grid-area:result}.studio-history{grid-area:history}.studio-composer h1{margin-bottom:6px;font-size:21px}.studio-composer .composer-intro{margin-bottom:0;font-size:14px}.studio-composer fieldset{gap:20px}.model-option{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.model-option small{font-size:12px;font-weight:500}.prompt-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:9px 0 0;font-size:13px;display:flex}.prompt-counter{font-variant-numeric:tabular-nums}.prompt-counter[data-limit=true]{color:var(--danger);font-weight:600}.composer-submit{width:100%;min-height:50px}.composer-footer{color:var(--muted);margin:16px 0 0;font-size:13px}.composer-footer a{font-weight:600}.quote-price{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);margin:0;padding:12px 14px;font-size:14px}.result-head{gap:10px;margin-bottom:18px;display:grid}.result-head-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.result-head h2{margin:0}.result-note{margin:0;font-size:14px}.result-head .error-message{margin:0}.result-alert{margin:0 0 16px}.result-hint{font-size:13px}.result-stage{aspect-ratio:1;border-radius:var(--radius-md);background:var(--sunken);place-items:center;width:100%;max-width:560px;margin:0 auto;display:grid;position:relative;overflow:hidden}.result-stage--empty{background:0 0;border:1px dashed #cbc9c0}.result-empty{text-align:center;color:var(--muted);justify-items:center;gap:10px;max-width:320px;padding:28px;display:grid}.result-empty p{margin:0;font-size:14px}.result-empty p:first-of-type{color:var(--text);font-size:15px;font-weight:600}.result-empty svg{color:#b6b3a9}.result-skeleton{background:linear-gradient(100deg,#f2f1ec 34%,#fcfcfa 50%,#f2f1ec 66%) 0 0/300% 100%;animation:1.7s linear infinite result-sweep;position:absolute;inset:0}.generated-image{object-fit:contain;background:var(--sunken);width:100%;height:100%;animation:.3s ease-out image-in;display:block}.result-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.result-prompt{border-radius:var(--radius-md);background:var(--sunken);overflow-wrap:anywhere;margin:20px 0 0;padding:14px 16px;font-size:14px}.result-prompt span{margin-bottom:6px;display:block}.result-prompt q{quotes:none;color:var(--muted)}@keyframes result-sweep{0%{background-position:190% 0}to{background-position:-90% 0}}@keyframes image-in{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:none}}.status-chip{border:1px solid var(--border);background:var(--sunken);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:13px;font-weight:600;display:inline-flex}.status-chip:before{content:"";background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.status-chip[data-tone=running]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.status-chip[data-tone=running]:before{animation:1.5s ease-in-out infinite chip-pulse}.status-chip[data-tone=checking]{background:var(--notice-soft);color:var(--notice);border-color:#eadcc0}.status-chip[data-tone=done]{background:var(--accent);border-color:var(--accent);color:#fff}.status-chip[data-tone=failed]{background:var(--danger-soft);color:var(--danger);border-color:#f0d3d6}.status-chip--sm{color:var(--muted);background:0 0;border:0;gap:6px;padding:0;font-size:12px;font-weight:500}.status-chip--sm:before{background:#a8a59b;width:6px;height:6px}.status-chip--sm[data-tone=running]{color:var(--accent);background:0 0}.status-chip--sm[data-tone=running]:before{background:var(--accent)}.status-chip--sm[data-tone=checking]{color:var(--notice);background:0 0}.status-chip--sm[data-tone=checking]:before{background:var(--notice)}.status-chip--sm[data-tone=done]{color:var(--accent);background:0 0}.status-chip--sm[data-tone=done]:before{background:var(--accent)}.status-chip--sm[data-tone=failed]{color:var(--danger);background:0 0}.status-chip--sm[data-tone=failed]:before{background:var(--danger)}@keyframes chip-pulse{0%,to{opacity:1}50%{opacity:.3}}.history-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.history-head h2{margin:0}.history-head small{font-size:12px}.history-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.history-item{min-width:0}.history-item button{border-radius:var(--radius-md);width:100%;min-height:0;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr);justify-content:start;gap:6px;padding:11px 13px;font-size:15px;font-weight:400;display:grid}.history-item button:hover:enabled{background:var(--sunken);border-color:var(--border);color:var(--text)}.history-item button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);box-shadow:inset 3px 0 0 var(--accent)}.history-prompt{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.history-item button[aria-pressed=true] .history-prompt{font-weight:600}.history-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;display:flex}.history-time{font-variant-numeric:tabular-nums}.history-empty{margin:0;font-size:14px}@media (min-width:920px){.studio-layout{grid-template-columns:minmax(300px,380px) minmax(0,1fr);grid-template-areas:"composer result""history history";align-items:start}.history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}@media (min-width:1280px){.studio-layout{grid-template-columns:minmax(320px,380px) minmax(0,1fr) minmax(280px,330px);grid-template-areas:"composer result history"}.history-list{grid-template-columns:minmax(0,1fr);gap:4px}.history-scroll{max-height:min(64vh,640px);margin-right:-8px;padding-right:8px;overflow-y:auto}}@media (max-width:919px){.studio-shell{width:min(100% - 32px,1420px)}.result-stage{max-width:460px}}@media (max-width:660px){.auth-shell{margin:28px auto}.panel{padding:22px}.workspace-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.studio-shell{margin-top:18px}.studio-topbar{margin-bottom:18px;padding-bottom:14px}.workspace-picker select{max-width:190px}.result-stage{max-width:none}.composer-submit{position:sticky;bottom:12px}}.billing-shell{max-width:720px}.billing-workspace{margin:24px 0}.credit-package{border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.credit-package h3,.payment-status h3{margin:0 0 12px}.test-notice{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--sunken);padding:12px 14px;font-size:14px}.payment-status{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}@media (prefers-reduced-motion:reduce){*{transition:none!important}.result-skeleton,.status-chip:before,.generated-image{animation:none!important}.result-skeleton{background:var(--sunken)}}.auth-shell--login{width:min(100% - 40px,424px);margin:clamp(44px,11vh,96px) auto 64px}.login-brand{text-align:center;margin:0 0 22px}.login-brand .wordmark{margin:0;font-size:25px}.login-panel{padding:32px}.login-panel h1{margin-bottom:8px;font-size:clamp(22px,5vw,26px)}.login-lede{margin:0;font-size:15px}.login-destination{color:var(--text);overflow-wrap:anywhere;font-weight:600}.login-form{gap:18px;min-width:0;margin-top:26px;display:grid}.login-form .error-message{margin:0}.login-form input[readonly]:not(.otp-input){background:var(--sunken);color:var(--muted)}.field{gap:8px;min-width:0;display:grid}.field>label{font-size:14px;font-weight:600}.field-hint{color:var(--muted);margin:0;font-size:13px}.login-submit{width:100%;min-height:50px}.otp-field{position:relative}.otp-cells{pointer-events:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.otp-cell{border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--surface);font-variant-numeric:tabular-nums;place-items:center;min-width:0;height:56px;font-size:22px;font-weight:600;line-height:1;transition:border-color .14s,box-shadow .14s;display:grid}.otp-cell[data-filled=true]{border-color:var(--text)}.otp-field[data-invalid=true] .otp-cell{border-color:var(--danger)}.otp-field[data-readonly=true] .otp-cell{background:var(--sunken);color:var(--muted)}.otp-field:focus-within .otp-cell[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.otp-field:focus-within .otp-cell[data-active=true]:empty:after{content:"";background:var(--accent);border-radius:1px;width:2px;height:24px;animation:1.1s steps(2,start) infinite otp-caret}.otp-input{color:#0000;caret-color:#0000;text-align:center;background:0 0;border:0;width:100%;height:100%;min-height:0;padding:0;font-size:22px;position:absolute;inset:0}.otp-input::selection{color:#0000;background:0 0}@keyframes otp-caret{50%{opacity:0}}.login-actions{border-top:1px solid var(--border);justify-items:start;gap:2px;margin-top:20px;padding-top:16px;display:grid}.link-button{min-height:44px;color:var(--accent);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.link-button:hover:enabled{color:var(--text);background:0 0;border-color:#0000}.link-button:disabled{color:var(--muted);background:0 0;border-color:#0000;text-decoration:none}.login-wait{color:var(--muted);padding:11px 0;font-size:14px;display:inline-block}.login-countdown{font-variant-numeric:tabular-nums}.login-notice{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);margin:20px 0 0;padding:12px 14px;font-size:14px}.login-notice:empty{display:none}@media (max-width:660px){.auth-shell--login{width:min(100% - 32px,424px);margin:32px auto 48px}.login-panel{padding:24px 20px}.otp-cells{gap:6px}.otp-cell{height:54px;font-size:21px}}@media (prefers-reduced-motion:reduce){.otp-cell:after{animation:none!important}}