:root{color-scheme:dark;color:#fafafa;background:#09090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--background: #09090b;--foreground: #fafafa;--card: #101012;--panel: #151517;--panel-strong: #1b1b1e;--muted-foreground: #a1a1aa;--border: rgb(255 255 255 / 10%);--input: rgb(255 255 255 / 12%);--studio-brand: #7dd3fc;--studio-brand-strong: #a78bfa;--studio-brand-warm: #f472b6;--studio-aurora: radial-gradient(900px 540px at 72% -10%, rgb(255 255 255 / 5%), transparent 68%), radial-gradient(760px 560px at 8% -8%, rgb(255 255 255 / 3%), transparent 64%), linear-gradient(180deg, #0c0c0e 0%, #09090b 52%, #080809 100%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--studio-aurora),var(--background);overflow-x:hidden}button,select,textarea,input{font:inherit}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}h1,h2,p{margin:0}.loginShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% -12%,rgb(125 211 252 / 18%),transparent 34%),radial-gradient(circle at 86% -6%,rgb(167 139 250 / 14%),transparent 30%),var(--studio-aurora),var(--background)}.loginCard{width:min(100%,540px);border-radius:24px;padding:22px;background:linear-gradient(180deg,#ffffff12,#ffffff08),var(--card);border:1px solid var(--border);box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff14}.loginHeader{display:flex;gap:16px;align-items:center;margin-bottom:24px}.loginLogo,.studioLogoMark{display:grid;place-items:center;font-weight:900;color:#09090b;background:linear-gradient(135deg,var(--studio-brand),var(--studio-brand-strong) 56%,var(--studio-brand-warm));box-shadow:0 12px 30px #7dd3fc29}.loginLogo{width:52px;height:52px;border-radius:16px}.loginHeader h1{margin:0 0 5px;color:var(--foreground);font-size:1.65rem;letter-spacing:-.03em;line-height:1.12}.loginHeader p{color:var(--muted-foreground);line-height:1.55}.loginHeader a{display:inline-block;margin-top:8px;color:var(--studio-brand);font-size:.86rem;font-weight:800;text-decoration:none}.loginForm label span{display:block;margin-bottom:8px;color:var(--foreground);font-weight:700}.loginInputWrap{display:grid;grid-template-columns:1fr 48px;gap:8px}textarea,select,input,.loginInputWrap input{width:100%;color:var(--foreground);background:#09090bad;border:1px solid var(--input);border-radius:8px;outline:none}.loginInputWrap input{padding:13px 14px}.loginInputWrap button,.secretInput button{display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--foreground);background:#ffffff0d}textarea:focus,select:focus,input:focus,.loginInputWrap input:focus{border-color:var(--studio-brand);box-shadow:0 0 0 3px #7dd3fc1f}.loginButton,.generateButton{border:1px solid rgb(255 255 255 / 28%);background:linear-gradient(90deg,#7dd3fc,#a78bfa 52%,#f472b6);color:#09090b;font-weight:900}.loginButton{width:100%;margin-top:16px;border-radius:12px;padding:10px 15px}.loginButton:disabled,.generateButton:disabled{opacity:.55;cursor:not-allowed}.loginNotice{margin-top:18px;padding:12px 14px;border:1px solid rgb(125 211 252 / 14%);border-radius:14px;background:#7dd3fc12;color:var(--muted-foreground);font-size:.92rem;line-height:1.65}.loginError,.errorBox{margin-top:10px;color:#fca5a5;font-size:12px;font-weight:700;line-height:1.5}.studioShell{width:100vw;min-height:100vh;padding:0;background:#09090b}.studioTopbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:14px;height:36px;padding:0 18px;background:#09090beb;border-bottom:1px solid rgb(255 255 255 / 9%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.studioBrand{display:flex;align-items:center;gap:8px;min-width:0}.studioLogoMark{width:25px;height:18px;border-radius:5px;font-size:10px}.studioBrand strong{color:#f4f4f5;font-size:14px;letter-spacing:-.04em}.studioBrand span:last-child,.studioBrand strong span{color:var(--muted-foreground);font-weight:700}.topbarMeta{justify-self:end;display:flex;align-items:center;gap:0;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:#ffffff0a}.topbarMeta span{padding:5px 9px;color:#e4e4e7;font-size:11px;line-height:1;border-right:1px solid var(--border)}.topbarMeta span:last-child{border-right:0}.topbarSession{display:flex;align-items:center;gap:8px}.topbarSession span{display:inline-flex;align-items:center;gap:5px;max-width:260px;overflow:hidden;color:var(--muted-foreground);font-size:11px;white-space:nowrap;text-overflow:ellipsis}.topbarSession button,.panelSectionHeader button,.canvasEndpoint,.promptStripMeta span,.chip,.countButton,.thumbCard footer a{border:1px solid var(--border);color:var(--foreground);background:#ffffff0d}.topbarSession button{height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800}.studioLayout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;height:calc(100vh - 36px);padding:12px 18px 14px;overflow:hidden}.studioSidebar{display:flex;flex-direction:column;gap:12px;min-height:0;padding:14px 12px;overflow-y:auto;border:1px solid var(--border);border-radius:11px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#121214;box-shadow:inset 0 1px #ffffff0d;scrollbar-width:thin}.panelSectionHeader,.canvasToolbar,.promptStrip,.field,.secretInput,.generateButton,.countGrid,.thumbCard footer{display:flex;align-items:center}.panelSectionHeader{justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid rgb(255 255 255 / 7%)}.panelSectionHeader.compact{margin-top:2px}.panelSectionHeader span{color:#71717a;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.panelSectionHeader strong{margin-right:auto;color:#fafafa;font-size:13px}.panelSectionHeader button{padding:4px 7px;border-radius:6px;color:#a1a1aa;font-size:10px}.field{flex-direction:column;align-items:stretch;gap:6px}.field span{color:#a1a1aa;font-size:11px;font-weight:650}.field small{color:#71717a;font-size:10px;line-height:1.45}.field input,.field select,.field textarea{min-height:34px;padding:8px 10px;font-size:12px}.field textarea{min-height:86px;resize:vertical;line-height:1.55}.threeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.countGrid{gap:0;overflow:hidden;border:1px solid var(--border);border-radius:8px}.countButton{flex:1;height:30px;border-width:0 1px 0 0;border-radius:0;font-size:11px}.countButton:last-child{border-right:0}.countButton.active,.chip.active,.thumbCard.selected{border-color:#7dd3fc8c;background:#7dd3fc24;color:#e0f2fe}.secretInput{gap:7px}.secretInput input{min-width:0}.secretInput button{flex:0 0 34px;height:34px}.generateButton{justify-content:center;gap:8px;width:100%;min-height:38px;margin-top:2px;border-radius:8px;font-size:13px}.studioCanvasArea{display:grid;grid-template-rows:36px minmax(260px,1fr) auto;gap:10px;min-width:0;min-height:0;padding:12px;border:1px solid var(--border);border-radius:11px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#121214;overflow:hidden}.canvasToolbar{justify-content:space-between;gap:12px;min-width:0}.canvasToolbar strong{color:#fafafa;font-size:13px}.canvasToolbar span{margin-left:8px;color:#71717a;font-size:11px}.canvasToolbarActions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.canvasToolbarActions button{flex:0 0 auto;height:26px;padding:0 9px;border:1px solid var(--border);border-radius:7px;color:#a1a1aa;background:#ffffff0d;font-size:11px;font-weight:700}.canvasToolbarActions button.active{border-color:#7dd3fc8c;background:#7dd3fc24;color:#e0f2fe}.canvasEndpoint{display:inline-flex;align-items:center;gap:6px;max-width:430px;overflow:hidden;padding:5px 8px;border-radius:7px;color:#a1a1aa;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.promptStrip{display:none;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid rgb(255 255 255 / 7%);border-radius:9px;background:#101012}.promptStrip strong{display:block;color:#fafafa;font-size:12px}.promptStrip span,.canvasEmpty p{color:#71717a;font-size:11px}.promptStripMeta{display:flex;align-items:center;gap:6px}.promptStripMeta span{padding:4px 7px;border-radius:6px}.canvasStage{position:relative;display:grid;place-items:center;min-height:0;max-height:calc(100vh - 180px);overflow:auto;border:1px solid rgb(255 255 255 / 7%);border-radius:9px;background:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%),#f8fafc;background-size:26px 26px;background-position:0 0,0 13px,13px -13px,-13px 0}.canvasStage.loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.12),transparent 80%);animation:shimmer 1.1s infinite}.canvasStage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.canvasStage-fit img{max-width:min(100%,920px);max-height:calc(100vh - 220px)}.canvasStage-compact img{max-width:min(100%,560px);max-height:460px}.canvasStage-large img{max-width:none;max-height:none}.canvasEmpty{display:grid;place-items:center;gap:8px;color:#f4f4f5;text-align:center}.canvasEmpty strong{font-size:13px}.promptDock{display:grid;grid-template-columns:1fr;gap:10px;padding:10px;border:1px solid rgb(255 255 255 / 7%);border-radius:9px;background:#101012}.promptDock label{display:flex;flex-direction:column;gap:6px;min-width:0}.promptDock label span{color:#a1a1aa;font-size:11px;font-weight:700}.promptDock textarea{min-height:98px;padding:9px 10px;resize:vertical;color:#fafafa;font-size:12px;line-height:1.5}.styleDock,.sliderDock,.artDirectionGrid{grid-column:1 / -1}.styleDock{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:27px;padding:0 9px;border-radius:999px;color:#a1a1aa;font-size:11px}.promptHint{grid-column:1 / -1;margin:-2px 0 0;color:#8b8b93;font-size:11px;line-height:1.5}.artDirectionGrid,.sliderDock{display:grid;grid-template-columns:1fr;gap:8px}.sliderDock input[type=range]{padding:0;accent-color:var(--studio-brand)}.sidebarPromptDock{padding:0;border:0;background:transparent}.sidebarPromptDock .styleDock{max-height:72px;overflow-y:auto}.sidebarPromptDock .chip{min-height:25px;padding:0 8px;font-size:10px}.thumbRail{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;min-height:106px;overflow-x:auto;padding-bottom:2px}.thumbCard{min-width:130px;overflow:hidden;border:1px solid rgb(255 255 255 / 7%);border-radius:9px;background:#101012}.thumbCard>div{position:relative;height:76px;overflow:hidden;background:#18181b}.thumbCard img{width:100%;height:100%;object-fit:cover}.thumbCard>div span{position:absolute;right:6px;bottom:6px;padding:3px 6px;border:1px solid var(--border);border-radius:999px;background:#09090ba8;color:#f4f4f5;font-size:10px}.thumbCard footer{justify-content:space-between;gap:8px;padding:7px 8px}.thumbCard footer strong{min-width:0;overflow:hidden;color:#f4f4f5;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.thumbCard footer a,.thumbCard footer svg{flex:0 0 auto;color:#d4d4d8;text-decoration:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (min-width: 1180px){.studioCanvasArea{grid-template-rows:36px minmax(320px,1fr) auto}}@media (max-width: 980px){body{overflow-x:auto}.studioTopbar{grid-template-columns:1fr;height:auto;min-height:36px;padding:8px 12px}.topbarMeta,.topbarSession{justify-self:start}.studioLayout{grid-template-columns:1fr;height:auto;overflow:visible;padding:12px}.studioSidebar,.studioCanvasArea{overflow:visible}.studioCanvasArea{grid-template-rows:auto minmax(360px,55vh) auto}.promptDock,.sliderDock,.threeGrid{grid-template-columns:1fr}.thumbRail{grid-template-columns:repeat(2,minmax(130px,1fr))}}