:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans SC,Source Han Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}body{margin:0}*{box-sizing:border-box}.lab-shell{--bg:#eef2f5;--rail:#f8fafc;--surface:#fff;--surface-2:#f3f6f8;--surface-3:#e7edf2;--ink:#13202b;--ink-2:#344557;--muted:#6c7a89;--faint:#9aa7b4;--line:#2a3a4c1f;--line-2:#2a3a4c33;--blue:#0b78d0;--cyan:#00a2b8;--green:#28a86b;--amber:#db8b20;--radius:8px;--shadow:0 18px 48px #1f2d3d1f;background:radial-gradient(circle at 24% -8%, #0b78d02e, transparent 34%), linear-gradient(#1e2f430b 1px, transparent 1px), linear-gradient(90deg, #1e2f430a 1px, transparent 1px), var(--bg);min-height:100vh;color:var(--ink);background-size:auto,28px 28px,28px 28px,auto;grid-template-columns:280px minmax(0,1fr);display:grid}.theme-dark{--bg:#161b20;--rail:#1f252b;--surface:#242b32;--surface-2:#1b2229;--surface-3:#2c3540;--ink:#eef4f8;--ink-2:#d2dbe3;--muted:#9fadb9;--faint:#788692;--line:#ffffff17;--line-2:#ffffff2e;--blue:#74b7ff;--cyan:#52d4e5;--green:#65d494;--amber:#f0b760;--shadow:0 24px 60px #00000057}.lab-shell,button,input,select,textarea{font-family:Noto Sans SC,Source Han Sans SC,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 26%, transparent);outline-offset:2px}h1,p{margin:0}.library-rail{border-right:1px solid var(--line);background:color-mix(in srgb, var(--rail) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-rows:auto auto minmax(0,1fr) auto;gap:18px;min-height:100vh;padding:18px;display:grid;position:sticky;top:0}.brand-panel{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:linear-gradient(140deg,#092235,#0b78d0);border-radius:13px;place-items:center;width:46px;height:46px;font-size:21px;font-weight:950;display:grid;box-shadow:0 14px 34px #0b78d040}.brand-panel strong,.brand-panel span{display:block}.brand-panel strong{color:var(--ink);font-size:18px;line-height:1.28}.brand-panel span{color:var(--muted);font-size:12px}.rail-stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:4px;padding:16px;display:grid}.rail-stat span,.rail-stat small,.wallet-mini span{color:var(--muted);font-size:12px;font-weight:800}.rail-stat strong{color:var(--ink);font-size:42px;line-height:1}.group-nav{align-content:start;gap:8px;min-height:0;display:grid;overflow:auto}.group-nav button{border-radius:var(--radius);min-height:58px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;display:grid}.group-nav button:hover,.group-nav button.active{border-color:var(--line);background:var(--surface);color:var(--ink);box-shadow:0 10px 24px #1f2d3d0f}.group-nav span{font-weight:900}.group-nav small{background:var(--surface-2);min-width:34px;min-height:26px;color:var(--blue);border-radius:999px;place-items:center;font-weight:950;display:grid}.wallet-mini{border-top:1px solid var(--line);gap:8px;padding-top:16px;display:grid}.wallet-mini strong{color:var(--ink);font-size:34px;line-height:1}.wallet-mini button,.topbar-actions button,.panel-head button,.code-lab button,.prompt-dock button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:38px;color:var(--ink-2);justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:900;display:inline-flex}.gallery-workbench{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.studio-topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 72%, var(--surface));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:0 24px;display:flex}.studio-topbar span,.catalog-hero span,.panel-head span{color:var(--blue);font-size:12px;font-weight:950}.studio-topbar strong{color:var(--ink);margin-top:3px;font-size:20px;display:block}.topbar-actions{align-items:center;gap:8px;display:flex}.studio-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(410px,.46fr);min-height:0;display:grid}.catalog-pane{min-width:0;min-height:0;padding:22px 24px 28px;overflow:auto}.catalog-hero{grid-template-columns:minmax(0,1fr) 132px;align-items:end;gap:18px;margin-bottom:18px;display:grid}.catalog-hero h1{max-width:780px;color:var(--ink);letter-spacing:0;margin:6px 0 10px;font-size:clamp(32px,4.4vw,58px);line-height:1}.catalog-hero p{max-width:680px;color:var(--muted);line-height:1.7}.hero-meter{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:118px;box-shadow:var(--shadow);align-content:center;place-items:center;display:grid}.hero-meter strong{color:var(--ink);font-size:44px;line-height:1}.hero-meter span{color:var(--muted);font-size:12px;font-weight:900}.catalog-controls{grid-template-columns:minmax(280px,1fr) 190px;gap:12px;margin-bottom:12px;display:grid}.search-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;min-height:46px;padding:0 12px;display:grid}.search-box svg{color:var(--blue)}.search-box input,.catalog-controls select{width:100%;min-width:0;color:var(--ink);background:0 0;border:0}.catalog-controls select{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:0 12px}.category-strip{gap:8px;padding:4px 0 14px;display:flex;overflow-x:auto}.category-strip button{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);min-height:32px;color:var(--muted);border-radius:999px;flex:none;padding:0 12px;font-size:12px;font-weight:900}.category-strip button.active,.category-strip button:hover{border-color:color-mix(in srgb, var(--blue) 42%, var(--line));background:color-mix(in srgb, var(--blue) 12%, var(--surface));color:var(--blue)}.template-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.template-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;color:var(--ink);text-align:left;grid-template-rows:136px minmax(132px,auto);padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;overflow:hidden}.template-card:hover,.template-card.active{border-color:color-mix(in srgb, var(--blue) 48%, var(--line));box-shadow:var(--shadow);transform:translateY(-2px)}.thumb-sim{background:linear-gradient(#23415c0d 1px, transparent 1px), linear-gradient(90deg, #23415c0d 1px, transparent 1px), var(--surface-2);background-size:18px 18px,18px 18px,auto;place-items:center;display:grid}.thumb-sim svg{width:86%;height:84%}.thumb-sim path{fill:none;stroke:var(--blue);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.thumb-sim circle,.thumb-sim rect{fill:color-mix(in srgb, var(--blue) 80%, var(--cyan))}.template-meta{gap:7px;padding:12px;display:grid}.template-meta span{color:var(--blue);font-size:11px;font-weight:950}.template-meta strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-family:SFMono-Regular,Menlo,monospace;font-size:14px;overflow:hidden}.template-meta p{color:var(--muted);font-size:12px;line-height:1.45}.template-meta div{flex-wrap:wrap;gap:4px;display:flex}.template-meta em{background:var(--surface-2);color:var(--muted);border-radius:6px;padding:2px 6px;font-size:10px;font-style:normal;font-weight:850}.studio-panel{border-left:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);flex-direction:column;min-width:0;min-height:0;display:flex}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:76px;padding:16px 18px;display:flex}.panel-head strong{color:var(--ink);margin-top:4px;font-family:SFMono-Regular,Menlo,monospace;font-size:18px;display:block}.artifact-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.artifact-tabs button{border:0;border-right:1px solid var(--line);min-height:42px;color:var(--muted);background:0 0;font-weight:900}.artifact-tabs button:last-child{border-right:0}.artifact-tabs button.active{background:var(--surface-2);color:var(--ink)}.panel-body{flex:1;min-height:0;overflow:auto}.preview-lab{background:linear-gradient(#1e2f430b 1px, transparent 1px), linear-gradient(90deg, #1e2f430a 1px, transparent 1px), var(--surface-2);background-size:24px 24px,24px 24px,auto;grid-template-rows:42px minmax(0,1fr);min-height:100%;padding:18px;display:grid}.preview-toolbar{border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface);color:var(--ink);border-bottom:0;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.preview-toolbar span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:900;overflow:hidden}.preview-toolbar small{color:var(--muted);white-space:nowrap}.preview-canvas{border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);background:#fff;place-items:center;min-height:0;padding:18px;display:grid}.preview-canvas svg{width:100%;height:auto}.code-lab,.settings-lab,.billing-lab{padding:20px}.code-title,.prompt-head{color:var(--ink);align-items:center;gap:8px;display:flex}.code-lab pre{border:1px solid var(--line);border-radius:var(--radius);color:#eaf3fb;background:#111923;margin:16px 0;padding:16px;font-family:SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7;overflow:auto}.info-line{border-bottom:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;min-height:60px;display:grid}.info-line span,.billing-lab span{color:var(--muted);font-size:12px;font-weight:900}.info-line strong{color:var(--ink)}.billing-lab strong{color:var(--ink);margin:8px 0;font-size:46px;line-height:1;display:block}.billing-lab p{color:var(--muted);line-height:1.7}.billing-lab label{color:var(--ink);gap:8px;margin:18px 0;font-weight:900;display:grid}.billing-lab input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:180px;height:42px;color:var(--ink);padding:0 12px;font-weight:950}.prompt-dock{border-top:1px solid var(--line);background:var(--surface);gap:10px;padding:16px 18px;display:grid}.prompt-dock textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);width:100%;min-height:82px;color:var(--ink);resize:vertical;padding:12px}.recommend-row{flex-wrap:wrap;gap:6px;display:flex}.recommend-row span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:850}.prompt-dock button{background:var(--ink);color:var(--surface)}.panel-metrics{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.metric{border-right:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:22px minmax(0,1fr);align-content:center;gap:3px 8px;min-height:62px;padding:0 10px;display:grid}.metric:last-child{border-right:0}.metric svg{color:var(--blue);grid-row:span 2}.metric span{color:var(--muted);font-size:11px}.metric strong{color:var(--ink);font-size:13px}.usage-bars{border-top:1px solid var(--line);background:var(--surface-2);grid-template-columns:repeat(7,1fr);align-items:end;gap:7px;height:68px;padding:10px 16px 14px;display:grid}.usage-bars span{background:linear-gradient(180deg, var(--blue), var(--cyan));border-radius:7px 7px 0 0;justify-content:center;align-items:end;min-height:14px;display:flex}.usage-bars i{color:var(--faint);font-size:10px;font-style:normal;transform:translateY(20px)}@media (width<=1280px){.lab-shell{grid-template-columns:232px minmax(0,1fr)}.studio-layout{grid-template-columns:minmax(0,1fr) 360px}.template-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.catalog-hero h1{font-size:40px}.catalog-hero{grid-template-columns:1fr}.hero-meter{justify-content:space-between;min-height:76px;padding:0 18px;display:flex}}@media (width<=980px){.lab-shell{grid-template-columns:1fr}.library-rail{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:auto;min-height:auto;position:static}.group-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-mini{display:none}.gallery-workbench{height:auto;min-height:100vh;overflow:visible}.studio-layout{grid-template-columns:1fr}.studio-panel{border-left:0;border-top:1px solid var(--line)}}@media (width<=680px){.studio-topbar,.catalog-hero,.catalog-controls,.panel-head{grid-template-columns:1fr;align-items:stretch}.studio-topbar{flex-direction:column;align-items:stretch;padding:14px}.catalog-pane{padding:16px}.catalog-hero h1{font-size:38px}.hero-meter{min-height:82px}.panel-metrics,.artifact-tabs{grid-template-columns:1fr 1fr}.metric:nth-child(2n),.artifact-tabs button:nth-child(2n){border-right:0}.template-grid{grid-template-columns:1fr}}