html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0;padding:0}html{overflow-x:hidden}body{margin:0;padding:0;width:100%;min-width:320px;min-height:100vh;overflow-x:hidden;display:block!important;place-items:initial!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,Arial,sans-serif;color:#102033;background:linear-gradient(180deg,#f7fbff,#eef5ff 44%,#eaf1fb)}#root{width:100%!important;max-width:none!important;min-height:100vh;margin:0!important;padding:0!important;text-align:initial!important}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{width:100%;min-width:100%;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,rgba(125,211,252,.18),transparent 34%),radial-gradient(circle at top right,rgba(167,139,250,.14),transparent 28%),linear-gradient(180deg,#f8fbff,#edf4fb 48%,#e8eef7)}.navbar{width:100%;height:64px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border:none;border-bottom:1px solid #dce5ec;border-radius:0;background:#fafcffb8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);position:sticky;top:0;z-index:20}.nav-left{display:flex;align-items:center;height:100%}.brand-dot{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#a5f3fc,#60a5fa 55%,#818cf8);color:#fff;margin-right:12px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;letter-spacing:0;box-shadow:0 12px 26px #0f172a29}.brand-block{display:grid;gap:1px;margin-right:34px}.brand-name{font-size:15px;font-weight:900;color:#102033;line-height:1.15}.brand-sub{font-size:10px;font-weight:800;color:#6d7d91;letter-spacing:0}.nav-menu{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid rgba(183,212,255,.8);border-radius:10px;background:#ffffff8f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-menu a{min-width:68px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#42546a;transition:color .2s}.nav-menu a:hover{color:#0f172a;background:#bfdbfe2e}.nav-right{display:flex;align-items:center;gap:8px}.round-btn{width:34px;height:34px;border:1px solid rgba(183,212,255,.8);border-radius:10px;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#334155;transition:all .2s}.round-btn:hover{background:#bfdbfe2e;color:#0f172a}.round-btn svg{width:17px;height:17px;fill:currentColor}.login-btn{height:34px;padding:0 14px;border-radius:10px;background:#ffffffb8;border:1px solid rgba(183,212,255,.8);color:#111827;font-size:13px;font-weight:800;display:inline-flex;align-items:center;transition:all .2s}.login-btn:hover{background:#bfdbfe2e}.logout-btn{height:34px;padding:0 14px;border:0;border-radius:10px;background:linear-gradient(135deg,#5b8cff,#2563eb);color:#fff;font-size:13px;font-weight:900;display:inline-flex;align-items:center;transition:all .2s}.logout-btn:hover{background:linear-gradient(135deg,#4f7cff,#1d4ed8)}@media (max-width: 900px){[data-console-dashboard-stats]{grid-template-columns:repeat(2,minmax(0,1fr))!important}[data-console-dashboard-columns]{grid-template-columns:1fr!important}}@media (max-width: 560px){[data-console-dashboard-stats]{grid-template-columns:1fr!important}}.navbar{display:none}.floating-actions{position:fixed;top:18px;right:22px;z-index:50;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}.floating-actions .nav-right,.floating-actions .user-menu,.floating-actions .top-metrics,.floating-actions .login-btn{pointer-events:auto}.floating-actions .nav-right{padding:6px;border:1px solid rgba(191,219,254,.72);border-radius:999px;background:linear-gradient(135deg,#f8fbffc7,#ecf5ff9e),linear-gradient(90deg,rgba(125,211,252,.12) 1px,transparent 1px);background-size:auto,88px 88px;color:#0f172a;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 0 24px #7dd3fc24,0 10px 28px #94a3b81f,inset 0 1px #ffffffdb}.brand-shell{display:inline-flex;align-items:center;gap:12px}.brand-dot{margin-right:0;background:linear-gradient(135deg,#7dd3fc,#2563eb);box-shadow:0 14px 24px #60a5fa3d,0 0 18px #7dd3fc52}.brand-block{margin-right:18px}.brand-name{color:#0f172a}.brand-sub{color:#64748b}.nav-menu{border:1px solid rgba(191,219,254,.86);background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-menu a{color:#334155}.nav-menu a:hover{color:#0f172a;background:#bfdbfe3d}.nav-right{gap:10px}.top-metrics{display:inline-flex;align-items:center;gap:8px}.top-metric{min-height:38px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:#0f172a;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:900;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer}.top-metric-balance{display:grid;align-content:center;gap:1px}.top-metric-balance span{color:#64748b;font-size:10px;line-height:1}.top-metric-balance strong{color:#0f172a;font-size:13px;line-height:1.1}.works-side-tab{position:fixed;left:18px;top:42%;z-index:52;min-width:42px;min-height:116px;padding:14px 10px;border:1px solid rgba(191,219,254,.9);border-left:0;border-radius:0 18px 18px 0;background:linear-gradient(145deg,#ffffffb8,#dbf2ff70),linear-gradient(180deg,rgba(125,211,252,.18) 1px,transparent 1px);background-size:auto,100% 22px;color:#0f172a;writing-mode:vertical-rl;letter-spacing:0;font-size:13px;font-weight:900;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 0 24px #7dd3fc3d,12px 18px 32px #94a3b821,inset 1px 0 #ffffffe0,inset 0 0 18px #67e8f91a}.works-side-tab:hover{transform:translate(2px);box-shadow:0 0 30px #7dd3fc52,14px 20px 36px #94a3b829,inset 1px 0 #ffffffe6,inset 0 0 20px #67e8f924}.nav-pill,.login-btn{height:38px;padding:0 14px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#0f172a;font-size:13px;font-weight:800}.user-menu{position:relative}.user-trigger{height:38px;padding:0 12px 0 8px;border:0;border-radius:999px;background:transparent;color:#0f172a;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:800;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.user-avatar{width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#93c5fd,#2563eb);display:grid;place-items:center;color:#fff;font-size:12px}.user-arrow{color:#64748b}.user-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:152px;border:1px solid rgba(191,219,254,.86);border-radius:18px;background:linear-gradient(135deg,#ffffffe0,#eff7ffc2),linear-gradient(90deg,rgba(125,211,252,.12) 1px,transparent 1px);background-size:auto,54px 54px;padding:8px;display:grid;gap:6px;box-shadow:0 0 0 8px #bae6fd1f,0 24px 48px #94a3b838;z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.user-dropdown button{height:36px;border:0;border-radius:10px;background:transparent;color:#0f172a;text-align:left;padding:0 12px;font-weight:800;cursor:pointer}.user-dropdown button:hover{background:#bfdbfe3d}.key-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:radial-gradient(circle at 18% 16%,rgba(186,230,253,.5),transparent 24%),radial-gradient(circle at 78% 72%,rgba(196,181,253,.34),transparent 30%),#eff6ffb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;place-items:center;padding:20px}.key-modal{width:min(520px,calc(100vw - 40px));border:1px solid rgba(191,219,254,.86);border-radius:30px;background:linear-gradient(135deg,#ffffffc7,#ecf5ff9e),linear-gradient(90deg,rgba(125,211,252,.14) 1px,transparent 1px),linear-gradient(180deg,rgba(125,211,252,.12) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;color:#0f172a;box-shadow:0 0 0 10px #bae6fd26,0 34px 90px #1e40af2e,inset 0 1px #ffffffeb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:18px;display:grid;gap:14px}.key-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.key-modal-head span,.key-field span,.created-key-box span{color:#2563eb;font-size:12px;font-weight:900}.key-modal-head h2{margin:6px 0 0;color:#0f172a;font-size:22px;font-weight:900}.key-modal-head button{width:34px;height:34px;border:1px solid rgba(191,219,254,.9);border-radius:12px;background:#ffffffb3;color:#0f172a;cursor:pointer;font-size:18px}.key-field{display:grid;gap:8px}.key-field input{height:42px;border:1px solid rgba(191,219,254,.86);border-radius:999px;background:#ffffffd1;color:#0f172a;padding:0 14px;outline:none}.created-key-box{display:grid;gap:8px;border:1px solid rgba(96,165,250,.22);border-radius:22px;background:#eff6ffb8;padding:14px}.created-key-box code{display:block;overflow-wrap:anywhere;color:#0f172a}.created-key-box button,.key-submit{height:42px;border:0;border-radius:999px;background:linear-gradient(135deg,#5b8cff,#19b7e6);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 14px 28px #2563eb33}.key-error{color:#fca5a5;font-size:13px}.studioFrame{width:min(1480px,calc(100vw - 24px));margin:16px auto 28px;display:grid;gap:16px}.studioHeader{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid rgba(183,212,255,.74);border-radius:16px;background:#fff9;box-shadow:0 18px 42px #0f172a0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.headerActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.headerButton,.miniButton{height:38px;padding:0 14px;border:1px solid rgba(183,212,255,.74);border-radius:10px;background:#ffffffbd;color:#0f172a;font-weight:900;cursor:pointer}.balanceBadge{min-width:140px;padding:10px 14px;border-radius:12px;border:1px solid rgba(183,212,255,.74);background:#ffffffad;display:grid;gap:4px}.balanceBadge span,.panelMeta{color:#64748b;font-size:12px;font-weight:800}.balanceBadge strong{color:#0f172a;font-size:18px;font-weight:900}.studioGrid{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:16px}.controlPanel,.composePanel,.queuePanel{min-width:0;border:1px solid rgba(183,212,255,.74);border-radius:16px;background:#ffffffad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 42px #0f172a0f;padding:16px;display:grid;gap:14px}.panelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panelTitle{color:#102033;font-size:16px;font-weight:900}.modeStack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.controlGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.formField{display:grid;gap:8px;color:#64748b;font-size:12px;font-weight:800}.staticSpec{min-height:60px;border:1px solid rgba(183,212,255,.74);border-radius:12px;background:#f5faffb3;padding:10px 12px;display:grid;gap:4px}.staticSpec span{color:#64748b;font-size:12px;font-weight:800}.staticSpec strong{color:#0f172a;font-size:14px}.capabilitySelect,.smallPillSelect{width:100%;height:42px;border:1px solid rgba(183,212,255,.74);border-radius:12px;background:#ffffffb8;color:#0f172a;padding:0 12px;font-weight:800}.specPanel{border:1px solid rgba(183,212,255,.74);border-radius:14px;background:#f5faffb8;padding:12px;display:grid;gap:10px}.specPills{display:flex;flex-wrap:wrap;gap:8px}.specPill{min-height:26px;padding:0 10px;border-radius:999px;border:1px solid rgba(183,212,255,.74);background:#ffffffbd;color:#475569;display:inline-flex;align-items:center;font-size:12px;font-weight:800}.pricePanel{border:1px solid rgba(185,230,255,.74);border-radius:14px;background:#f0f8ffd1;padding:12px;display:grid;gap:4px}.pricePanel span{color:#39789f;font-size:12px;font-weight:800}.pricePanel strong{color:#27506a;font-size:18px;font-weight:900}.visualStage{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;min-height:320px}.stageCard{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(125,211,252,.72);background:linear-gradient(135deg,#ffffffeb,#ecf5ffc2),linear-gradient(90deg,rgba(125,211,252,.18) 1px,transparent 1px),linear-gradient(180deg,rgba(125,211,252,.16) 1px,transparent 1px);background-size:auto,88px 88px,88px 88px;display:grid;place-items:center;box-shadow:inset 0 1px #ffffffeb,0 24px 70px #0ea5e91f}.stageScanline{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 42%),linear-gradient(90deg,transparent 49.6%,rgba(96,165,250,.18) 50%,transparent 50.4%),linear-gradient(135deg,rgba(59,130,246,.08),transparent 46%,rgba(167,139,250,.1));opacity:.9}.stageCore{width:min(240px,56%);aspect-ratio:1 / 1;border-radius:28px;border:1px solid rgba(125,211,252,.78);background:radial-gradient(circle at 30% 24%,#fffffff5,#e0f2fec2 38%,#bfdbfe47 72%),#fffc;display:grid;place-items:center;color:#0f172a;font-size:54px;font-weight:900;letter-spacing:0;z-index:1}.stageMeta{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:4px;color:#334155;z-index:1}.stageMeta strong{font-size:15px;font-weight:900}.stageMeta span{font-size:12px;color:#64748b}.assetPreviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.promptStack{display:grid;gap:12px}.runDock{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.queueList{display:grid;gap:10px}.queueItem{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(183,212,255,.72);border-radius:14px;background:#ffffffb8}.queueThumb{width:88px;height:60px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#7dd3fc3d,#6366f12e);color:#334155;display:grid;place-items:center;font-size:12px;font-weight:900}.queueItem .workInfoTitle{font-size:13px}.queueItem .workActions{justify-content:flex-start}.queueItem .workActionButton{min-height:30px}.emptyState{padding:24px 12px;color:#64748b;font-size:13px}@media (max-width: 1100px){.studioGrid,.visualStage{grid-template-columns:1fr}}@media (max-width: 900px){.nav-menu{display:none}.navbar{padding:12px 16px;height:auto}.nav-right{flex-wrap:wrap;justify-content:flex-end}.studioFrame{width:calc(100vw - 16px);margin:8px auto 20px}}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,Arial,sans-serif;color:#102033}.auth-page{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 22%,rgba(186,230,253,.72),transparent 22%),radial-gradient(circle at 76% 80%,rgba(196,181,253,.56),transparent 28%),linear-gradient(120deg,#dff7ff,#83d4ff 36%,#2676dc,#b9a7ff)}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0 18%,rgba(255,255,255,.34) 18.2%,transparent 18.6%),linear-gradient(45deg,transparent 0 24%,rgba(255,255,255,.22) 24.2%,transparent 24.6%),linear-gradient(90deg,transparent 0 47%,rgba(255,255,255,.28) 47.2%,transparent 47.4%),linear-gradient(0deg,transparent 0 53%,rgba(255,255,255,.26) 53.2%,transparent 53.4%);opacity:.68;pointer-events:none}.auth-page:after{content:"";position:absolute;left:-6%;right:-6%;top:52%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),rgba(125,211,252,.86),rgba(255,255,255,.82),transparent);box-shadow:0 0 18px #7dd3fca6,0 -130px #ffffff24,0 130px #ffffff1f;pointer-events:none}.auth-brand{position:absolute;top:34px;left:40px;z-index:2;display:flex;align-items:center;gap:12px;font-size:22px;font-weight:900;color:#07162f;text-shadow:0 1px 0 rgba(255,255,255,.45)}.brand-icon{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#0b4b93,#1d9bf0);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:900;box-shadow:0 14px 30px #0e5bac42,inset 0 1px #ffffff9e}.auth-card{position:relative;z-index:2;width:min(660px,calc(100vw - 40px));min-height:560px;padding:72px 74px 64px;border-radius:34px;border:1px solid rgba(255,255,255,.82);background:#f4faff94;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 0 0 12px #bae6fd38,0 0 42px #7dd3fc9e,0 34px 90px #123e7c2e,inset 0 1px #ffffffeb}.auth-card:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:42px;border:2px solid rgba(168,245,255,.8);box-shadow:0 0 20px #7dd3fc9e,inset 0 0 24px #ffffff52;pointer-events:none}.auth-card:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:24px;background:linear-gradient(90deg,transparent 0 12%,rgba(125,211,252,.22) 12.1%,transparent 12.3%),linear-gradient(180deg,transparent 0 18%,rgba(255,255,255,.18) 18.1%,transparent 18.3%),radial-gradient(circle at 18% 20%,rgba(255,255,255,.54),transparent 18%);opacity:.5;pointer-events:none}.auth-title{position:relative;z-index:1;margin:0 0 14px;font-size:42px;line-height:1.1;font-weight:900;text-align:center;color:#07162f}.auth-subtitle{position:relative;z-index:1;margin:0 0 44px;text-align:center;font-size:17px;line-height:1.7;color:#243b5a;font-weight:700}.auth-form{position:relative;z-index:1;display:flex;flex-direction:column;gap:22px}.auth-label{display:block;font-size:16px;font-weight:900;color:#07162f;margin-bottom:12px}.auth-input{width:100%;height:66px;padding:0 26px;border:1px solid rgba(112,144,176,.42);border-radius:999px;outline:none;font-size:17px;font-weight:800;color:#122033;background:#ffffffdb;box-shadow:inset 0 1px #fffffff2,0 12px 32px #0f172a0d;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:#4fbcffeb;box-shadow:0 0 0 4px #7dd3fc33,0 0 24px #7dd3fc47,inset 0 1px #fffffff5}.auth-row{display:flex;justify-content:space-between;align-items:center}.auth-button{margin-top:22px;width:100%;height:66px;border:none;border-radius:999px;background:linear-gradient(135deg,#22a8ff,#098de8);color:#fff;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 18px 38px #0e5bac47,inset 0 1px #ffffff94;transition:transform .2s,filter .2s}.auth-button:hover{filter:brightness(1.04)}.auth-button:active{transform:scale(.99)}.auth-button:disabled,.auth-input:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 760px){.auth-brand{left:20px;top:20px;font-size:18px}.auth-card{width:min(520px,calc(100vw - 28px));min-height:auto;padding:56px 26px 34px;border-radius:28px}.auth-title{font-size:34px}.auth-input,.auth-button{height:56px}}:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}