:root{color-scheme:light;font-family:Geist,Avenir Next,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17201b;background:#f7f8f3;font-synthesis:none;text-rendering:optimizeLegibility;--page: #f7f8f3;--page-2: #edf2ea;--surface: #fffffb;--surface-soft: #eef3ee;--surface-warm: #f2ebe0;--surface-strong: #e3ebe2;--ink: #17201b;--ink-2: #344139;--muted: #637064;--faint: #9aa59a;--line: #dfe7dd;--line-strong: #c8d4c8;--accent: #2f6f5e;--accent-dark: #1f4e42;--accent-soft: #dbe9e2;--copper: #a86643;--blue: #e7f0f5;--blue-ink: #315f73;--green: #e4f4e7;--green-ink: #2f7250;--red: #b9494f;--yellow: #f8ecbc;--yellow-ink: #8a641b;--radius: 8px;--shadow: 0 22px 52px rgba(42, 74, 60, .12);--shadow-tight: 0 10px 28px rgba(42, 74, 60, .1);--container: 1240px;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: Geist, "Avenir Next", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 16% -8%,rgba(47,111,94,.16),transparent 34rem),radial-gradient(circle at 88% 10%,rgba(168,102,67,.11),transparent 28rem),linear-gradient(180deg,var(--page) 0%,#f2f5ef 54%,#f7f8f3 100%)}body:before{position:fixed;inset:0;z-index:0;pointer-events:none;content:"";opacity:.42;background-image:radial-gradient(rgba(23,32,27,.08) 1px,transparent 1px),radial-gradient(rgba(255,255,251,.72) 1px,transparent 1px);background-position:0 0,11px 13px;background-size:22px 22px,29px 29px;mix-blend-mode:multiply}#root{position:relative;z-index:1;isolation:isolate}button,input,select,textarea{font:inherit}button{min-height:40px;border:1px solid var(--line-strong);border-radius:var(--radius);padding:0 14px;color:var(--ink);background:var(--surface);font-weight:760;cursor:pointer;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,opacity .22s ease,transform .18s ease}button:hover:not(:disabled){border-color:var(--accent);box-shadow:0 8px 18px #2f6f5e1f;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px) scale(.99)}button:disabled,input:disabled{cursor:not-allowed;opacity:.56}:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 42%,white);outline-offset:3px}.app-shell{min-height:100dvh;padding:104px 30px 68px}.skip-link{position:fixed;top:14px;left:14px;z-index:20;transform:translateY(-140%);border-radius:var(--radius);padding:10px 14px;color:#fff;background:var(--accent-dark);font-weight:800;text-decoration:none;transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.topbar{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:80px;padding:0 30px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in oklab,var(--page) 94%,transparent),color-mix(in oklab,var(--page) 88%,transparent)),#f7f8f3e6;box-shadow:0 14px 42px #2a4a3c14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-lockup{display:inline-flex;align-items:center;gap:10px;min-width:180px}.brand-lockup strong{display:block;font-family:var(--font-display);font-size:1.45rem;font-weight:700;line-height:1.05;text-wrap:balance}.brand-lockup small{display:block;margin-top:2px;color:var(--muted);font-size:.76rem;font-weight:760;font-variant-caps:all-small-caps}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:7px solid var(--ink);border-radius:6px;background:linear-gradient(90deg,transparent 43%,var(--ink) 43% 57%,transparent 57%),linear-gradient(transparent 43%,var(--ink) 43% 57%,transparent 57%),var(--ink);box-shadow:0 10px 24px #2f6f5e2e}.brand-mark span{width:11px;height:11px;background:#e9efe5;box-shadow:-12px 0 #7a8c70,12px 0 var(--accent),0 -12px #7a8c70,0 12px var(--copper)}.session-strip{display:flex;align-items:center;gap:12px;color:var(--muted)}.session-strip span,.session-strip strong{min-height:38px;border:1px solid var(--line-strong);border-radius:var(--radius);padding:8px 16px;background:color-mix(in oklab,var(--surface) 86%,var(--surface-soft));box-shadow:inset 0 1px #ffffffb8;font-weight:820;font-variant-numeric:tabular-nums}.account-cta{padding:0 16px;border-color:var(--accent);color:#fff;background:var(--accent);box-shadow:0 10px 22px #2f6f5e33}.link-button{min-height:auto;border:0;padding:0 0 0 8px;color:var(--accent);background:transparent;box-shadow:none}.link-button:hover:not(:disabled){box-shadow:none}.tabbar{display:flex;gap:8px;max-width:var(--container);margin:0 auto 24px;overflow-x:auto;padding:6px 0 10px;scrollbar-width:thin}.tabbar button{flex:0 0 auto;border:0;background:color-mix(in oklab,var(--surface-soft) 78%,var(--surface-warm));color:var(--muted);font-weight:760}.tabbar button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:var(--shadow-tight)}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;max-width:var(--container);margin:0 auto}.workspace[data-active-tab=image]{display:block}.workspace[data-active-tab=image] .summary-panel{display:none}.summary-panel,.work-panel,.panel,.creator-card,.history-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.summary-panel{align-self:start;position:sticky;top:104px;padding:18px;background:linear-gradient(180deg,#fffffbf5,#f8faf6f0),var(--surface)}.summary-panel strong{display:block;margin-bottom:16px;overflow-wrap:anywhere;font-size:1.25rem}.work-panel{min-width:0;padding:0;background:transparent;border:0;box-shadow:none}.eyebrow,.metric span,.field span,dt{display:block;color:var(--muted);font-size:.76rem;font-weight:850;letter-spacing:0;font-variant-caps:all-small-caps;text-transform:none}.eyebrow{margin:0 0 8px}h1,h2{margin:0;letter-spacing:0}h2{color:var(--ink);font-size:1.08rem;font-weight:820;line-height:1.2;text-wrap:pretty}.panel-grid{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,.9fr));gap:16px}.panel{min-width:0;padding:20px;background:linear-gradient(180deg,#fffffbfa,#f7faf6f0),var(--surface)}.panel.wide{grid-column:1 / -1}.metric-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{min-height:72px;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:linear-gradient(180deg,#ffffff8c,#eef3eef0),var(--surface-soft);box-shadow:inset 0 1px #fffc}.metric strong,dd{display:block;margin:6px 0 0;overflow-wrap:anywhere;color:var(--ink);font-size:.95rem;font-weight:850;line-height:1.25;font-variant-numeric:tabular-nums}dl{display:grid;gap:12px;margin:0}.field{display:grid;gap:8px;min-width:0}.field input,.field select,.field textarea{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:var(--radius);padding:10px 12px;color:var(--ink);background:linear-gradient(180deg,#ffffffeb,#f9fbf7fa),var(--surface);box-shadow:inset 0 1px 2px #22392d0d;font-weight:680;transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:inset 0 1px 2px #22392d0d,0 0 0 4px color-mix(in oklab,var(--accent) 15%,transparent);outline:0}.field textarea{resize:vertical}.status-line{min-height:44px;margin-top:16px;border:1px solid var(--line);border-radius:var(--radius);padding:11px 12px;background:color-mix(in oklab,var(--accent-soft) 68%,var(--surface));color:var(--accent-dark);font-weight:800;overflow-wrap:anywhere}.button-row,.check-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.check-row label{display:flex;align-items:center;gap:8px;min-height:38px;border:1px solid var(--line);border-radius:var(--radius);padding:0 12px;background:var(--surface-soft);font-weight:800;transition:border-color .22s ease,background-color .22s ease,transform .18s ease}.check-row label:hover{border-color:var(--accent);background:var(--accent-soft)}.wallet-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.wallet-option{display:flex;align-items:center;justify-content:space-between;gap:8px}.wallet-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.wallet-option small{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.image-studio{display:grid;gap:30px}.creator-card{position:relative;overflow:hidden;padding:38px 42px 42px;background:radial-gradient(circle at 82% 0%,rgba(47,111,94,.16),transparent 30rem),radial-gradient(circle at 18% 100%,rgba(168,102,67,.1),transparent 26rem),linear-gradient(180deg,#fffffbfa,#f2f6eff5)}.creator-card:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(47,111,94,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(47,111,94,.06) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.38),transparent 68%);mask-image:linear-gradient(180deg,rgba(0,0,0,.38),transparent 68%)}.creator-card>*{position:relative}.studio-head{margin-bottom:26px}.studio-head h1{max-width:920px;font-family:var(--font-display);font-size:clamp(2.65rem,5vw,5.2rem);font-weight:700;line-height:.98;text-wrap:balance}.creator-card textarea{min-height:184px;border-color:var(--line-strong);font-size:1.05rem;font-weight:680;line-height:1.58}.creator-card textarea::placeholder{color:var(--faint)}.reference-uploader{display:grid;place-items:center;width:112px;height:112px;margin:24px 0;border:1px dashed var(--line-strong);color:var(--muted);background:color-mix(in oklab,var(--surface),var(--accent-soft) 36%);font-size:.78rem}.reference-uploader span{display:block;font-size:1.9rem;line-height:1}.creator-controls{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(340px,1.2fr) minmax(180px,.7fr);gap:34px;align-items:end}.creator-controls section{display:grid;gap:12px;min-width:0}.model-grid,.segmented-control,.advanced-row{display:flex;flex-wrap:wrap;gap:10px}.model-card{position:relative;display:grid;align-content:center;gap:5px;min-width:264px;min-height:76px;padding:12px 14px;text-align:left;background:#fffffbd1}.model-card[aria-pressed=true],.segmented-control button[aria-pressed=true]{border-color:var(--accent);color:#fff;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 92%,white),var(--accent-dark)),var(--accent);box-shadow:0 14px 28px #2f6f5e38}.model-card span{font-size:1rem;font-weight:900}.model-card small{color:inherit;opacity:.76;font-size:.8rem;font-weight:750}.model-card b{position:absolute;top:10px;right:10px;border-radius:5px;padding:4px 9px;background:#f7f4ea;color:var(--accent-dark);font-size:.78rem;font-variant-numeric:tabular-nums}.segmented-control button{width:64px;min-height:76px;padding:0 8px;background:#fffffbd1;font-variant-numeric:tabular-nums}.segmented-control.compact button{min-height:76px}.advanced-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}.generate-actions{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:stretch;margin-top:24px}.primary-generate{display:grid;place-items:center;min-height:76px;border:0;color:#fff;background:#94a69b;font-size:1.24rem;box-shadow:0 16px 32px #2f6f5e2e}.primary-generate:not(:disabled){background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 92%,white),var(--accent-dark)),var(--accent)}.primary-generate small{display:block;margin-top:3px;font-size:.82rem;font-weight:800}.stream-pill{width:fit-content;min-height:34px;margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;background:var(--surface-soft);color:var(--muted);font-size:.78rem;font-weight:850;font-variant-caps:all-small-caps;text-transform:none}.stream-pill[data-state=connected]{border-color:#9ad7b2;color:var(--green-ink);background:var(--green)}.stream-pill[data-state=error]{border-color:#ffc9a8;color:#803514;background:#fff1ea}.result-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.asset-tile,.empty-result{display:grid;place-items:center;min-height:180px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#fffffbf5,#f2f6eff0),var(--surface);text-align:center;box-shadow:var(--shadow-tight)}.asset-tile{align-content:center;gap:8px;padding:12px}.asset-tile img{width:100%;max-height:260px;object-fit:contain;border-radius:var(--radius);background:#fff}.asset-tile span{font-weight:850}.asset-tile code{max-width:100%;overflow-wrap:anywhere;color:var(--muted);font-size:.72rem}.asset-tile a{color:var(--blue-ink);font-weight:850;text-decoration:none}.empty-result{grid-column:1 / -1;color:var(--muted);font-weight:850}.history-section{display:grid;gap:22px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.history-heading h2{font-family:var(--font-display);font-size:2rem;font-weight:700}.history-count{border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;color:var(--muted);background:var(--surface);font-size:.82rem;font-weight:820;font-variant-numeric:tabular-nums}.privacy-banner{border:1px solid color-mix(in oklab,var(--accent) 28%,white);border-radius:var(--radius);padding:13px 18px;color:var(--accent-dark);background:color-mix(in oklab,var(--accent-soft) 68%,white);font-weight:800}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.history-card{overflow:hidden;background:linear-gradient(180deg,#fffffbfa,#f7f9f5fa),var(--surface);transition:box-shadow .22s ease,transform .22s ease}.history-card:hover{box-shadow:0 28px 58px #2a4a3c29;transform:translateY(-2px)}.history-preview{position:relative;display:grid;place-items:center;min-height:260px;background:linear-gradient(45deg,var(--surface-soft) 25%,transparent 25% 75%,var(--surface-soft) 75%),linear-gradient(45deg,var(--surface-soft) 25%,transparent 25% 75%,var(--surface-soft) 75%);background-color:#fff;background-position:0 0,10px 10px;background-size:20px 20px}.history-preview img{width:100%;height:260px;object-fit:cover}.history-preview span{color:var(--muted);font-weight:900}.history-preview b{position:absolute;top:14px;right:14px;border-radius:5px;padding:7px 10px;color:#fff;background:#17201bb8;font-size:.78rem}.history-meta{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px 0}.history-meta span,.history-meta b{border:1px solid var(--line);border-radius:5px;padding:5px 10px;background:var(--surface-soft);color:var(--muted);font-size:.78rem;font-weight:850;font-variant-numeric:tabular-nums}.history-meta b{border-color:color-mix(in oklab,var(--yellow) 74%,var(--copper));color:var(--yellow-ink);background:var(--yellow)}.history-card p{display:-webkit-box;min-height:48px;margin:10px 18px 6px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--ink-2);font-weight:800;line-height:1.45;text-wrap:pretty}.history-card small{display:block;margin:0 18px 10px;color:var(--muted);font-size:.88rem;font-weight:760;font-variant-numeric:tabular-nums}.history-card .button-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 18px 18px}.history-card .button-row button:first-child{border-color:color-mix(in oklab,var(--accent) 30%,white);color:var(--accent-dark);background:color-mix(in oklab,var(--accent-soft) 64%,white)}.history-card .button-row button:nth-child(2){border-color:color-mix(in oklab,var(--green) 60%,var(--green-ink));color:var(--green-ink);background:#f0fff4}.history-card .button-row button:last-child{color:var(--red)}.approval-list,.table-list{display:grid;gap:10px;margin-top:14px}.approval-row,.history-entry{display:grid;gap:8px;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:linear-gradient(180deg,#ffffff85,#eef3eef5),var(--surface-soft)}.approval-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.approval-row strong,.approval-row span,.approval-row small{display:block;overflow-wrap:anywhere}.approval-row span{margin-top:4px;color:var(--ink-2);font-weight:750}.approval-row small{margin-top:4px;color:var(--muted);font-weight:700}.split-output{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.object-block{min-height:132px;max-height:360px;margin:0;overflow:auto;border:1px solid #22362d;border-radius:var(--radius);padding:12px;background:linear-gradient(180deg,#101a16,#17241f),#101a16;color:#dfeae3;font-size:.78rem;line-height:1.45;white-space:pre-wrap;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px #ffffff14}@media(max-width:1080px){.workspace{grid-template-columns:1fr}.summary-panel{position:static}.panel-grid,.metric-grid,.form-grid.four,.creator-controls,.advanced-row,.history-grid,.result-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-shell{padding:92px 14px 40px}.topbar{min-height:70px;padding:0 14px}.brand-lockup small,.session-strip strong{display:none}.session-strip{gap:8px}.session-strip span{padding:8px 12px}.account-cta{max-width:156px}.tabbar{margin-bottom:16px}.creator-card{padding:18px}.studio-head h1{font-size:clamp(2.15rem,12vw,3.2rem)}.creator-controls,.advanced-row,.wallet-options,.panel-grid,.metric-grid,.form-grid,.form-grid.three,.form-grid.four,.split-output,.result-wall,.history-grid,.generate-actions,.history-card .button-row{grid-template-columns:1fr}.model-card,.segmented-control button{min-width:0;width:100%}.history-heading{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}