.wb-page{--wb-topbar-height: 64px;height:100dvh}.wb-topbar{height:var(--wb-topbar-height);flex-shrink:0;position:sticky;top:0;z-index:30;background:#0a0b0ef2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.wb-brand-group{display:flex;align-items:center;gap:12px;flex-shrink:0}.wb-brand-group .brand{text-decoration:none;color:var(--text)}.wb-shell{display:flex;align-items:stretch;flex:1;min-height:0}.wb-sidebar{width:224px;flex:0 0 224px;min-height:0;border-right:1px solid var(--border);background:#0a0b0ea6}.wb-sidebar-inner{display:flex;flex-direction:column;height:100%;padding:22px 14px 20px;gap:18px;box-sizing:border-box}.wb-nav-label{display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:0 12px;margin-bottom:7px;color:var(--muted);font-size:11px;letter-spacing:.08em}.wb-nav-item{display:flex;align-items:center;gap:11px;min-height:40px;padding:9px 12px;margin:2px 0;color:var(--muted);border:1px solid transparent;border-radius:var(--r1);text-decoration:none;font-size:var(--fs-ui);transition:background .15s,color .15s,border-color .15s}.wb-nav-item>svg{width:17px;height:17px;flex:none;opacity:.85}.wb-nav-item>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-nav-item small{font-variant-numeric:tabular-nums;font-size:11px;opacity:.7}.wb-nav-item:hover{color:var(--text);background:#ffffff0a}.wb-nav-item.active{color:var(--accent);background:#c6f24f14;border-color:#c6f24f29;box-shadow:inset 2px 0 0 var(--accent);font-weight:550}.wb-nav-item.active svg{opacity:1;filter:drop-shadow(0 0 6px rgba(198,242,79,.35))}.wb-nav-item.active small{color:var(--accent);opacity:.9}.wb-categories{display:flex;flex-direction:column;flex:1;min-height:80px}.wb-category-list{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.wb-category-row{position:relative}.wb-category-actions{display:flex;justify-content:flex-end;gap:2px;padding:0 6px 3px}.wb-category-actions .wb-icon-btn{width:25px;height:24px;color:var(--faint)}.wb-category-actions .wb-icon-btn svg{width:12px;height:12px}.wb-category-actions .wb-icon-btn:hover{color:var(--text)}@media(hover:hover)and (pointer:fine){.wb-category-actions{position:absolute;right:5px;top:9px;padding:0;opacity:0;pointer-events:none;background:var(--surface-2);border-radius:5px}.wb-category-row:hover .wb-category-actions,.wb-category-row:focus-within .wb-category-actions{opacity:1;pointer-events:auto}.wb-category-row:hover .wb-nav-item,.wb-category-row:focus-within .wb-nav-item{padding-right:63px}.wb-category-row:hover .wb-nav-item small,.wb-category-row:focus-within .wb-nav-item small{display:none}}.wb-icon-btn{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;padding:0;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:6px;font-size:21px}.wb-icon-btn:hover{color:var(--text);background:var(--surface-3);border-color:var(--border)}.wb-icon-btn svg{width:18px;height:18px}.wb-nav-label .wb-icon-btn{margin-right:-8px}.wb-add-category{display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;background:none;color:var(--muted);font-size:12px;text-align:left;width:100%;border-radius:var(--r1)}.wb-add-category span{font-size:20px;width:17px;text-align:center}.wb-add-category:hover{color:var(--accent);background:var(--surface)}.wb-nav-hint{padding:4px 13px;color:var(--faint);font-size:11px;line-height:1.8}.wb-nav-footer{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.wb-sidebar-note{display:flex;align-items:center;gap:7px;padding:14px 12px 4px;color:var(--faint);font-size:10.5px}.wb-sidebar-note i{width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.7;flex-shrink:0}.wb-content{flex:1;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.wb-content .projects,.wb-content .account-content{width:100%;max-width:1320px;margin:0 auto;padding:32px 36px 48px}.wb-content .projects-head{margin-bottom:24px}.wb-content .projects-head h1{font-size:29px}.wb-content .projects-head p{margin-bottom:0;max-width:760px;font-size:12px;line-height:1.8}.wb-content .create-section{margin-bottom:30px}.wb-content .create-bar{gap:10px}.wb-content .create-bar input{font-size:12px}.wb-content .projects-toolbar{margin-bottom:10px;gap:14px}.wb-content .projects-toolbar-left{flex-shrink:1;min-width:0}.wb-content .projects-section-title{overflow-wrap:anywhere}.wb-content .projects-count-badge{flex-shrink:0}.wb-list-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;color:var(--faint);font-size:11px}.wb-list-meta span:last-child{flex-shrink:0}.wb-content .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wb-content .project-card{padding:17px}.wb-content .card-top{gap:9px;align-items:flex-start;min-height:42px;margin-bottom:22px}.wb-content .card-avatar{width:33px;height:33px;font-size:14px;border-radius:9px}.wb-content .card-name{padding-top:4px;min-width:0;font-size:13px}.card-open-name{border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left;overflow-wrap:anywhere}.card-open-name:hover{color:var(--accent)}.card-favorite{display:grid;place-items:center;width:27px;height:28px;flex:none;padding:0;color:var(--faint);background:transparent;border:1px solid transparent;border-radius:7px}.card-favorite svg{width:16px;height:16px}.card-favorite:hover{color:var(--accent);background:var(--accent-dim)}.card-favorite.is-favorite{color:var(--accent)}.card-favorite.is-favorite svg{fill:currentColor}.card-favorite:disabled{opacity:.4;cursor:progress}.wb-content .card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.card-category{display:flex;align-items:center;gap:5px;max-width:145px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-category svg{width:12px;height:12px;flex:none}.wb-content .card-bottom{gap:10px;flex-wrap:wrap}.wb-content .card-time{font-size:10px}.wb-content .card-actions{margin-left:auto}.wb-content .card-actions-left{gap:7px}.wb-content .card-run{font-size:11px;gap:4px}.wb-content .card-run svg{width:12px;height:12px}.wb-pagination-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:25px;padding-top:18px;border-top:1px solid var(--border);flex-wrap:wrap}.wb-pagination-row .pagination{margin:0;gap:5px}.wb-page-size{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.wb-page-size select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px;font:inherit}.wb-page-size>span{margin-left:5px;color:var(--faint)}.wb-library-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 36px 0;padding:12px 15px;border:1px solid var(--danger);border-radius:var(--r1);font-size:12px}.wb-empty{min-height:255px;text-align:center}.wb-empty-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:var(--accent);background:var(--accent-dim)}.wb-empty-icon svg{width:23px;height:23px}.wb-empty h3{font-size:16px;margin:18px 0 7px;overflow-wrap:anywhere}.wb-empty p{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.8}.wb-empty-actions{display:flex;gap:10px}.wb-empty-actions a{text-decoration:none}.wb-dialog{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r3);padding:24px;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:var(--shadow-2)}.wb-dialog::backdrop{background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.wb-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.wb-dialog-head h2{font-size:18px;margin:0}.wb-dialog-copy{color:var(--muted);font-size:13px;line-height:1.8;overflow-wrap:anywhere}.wb-field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:var(--muted)}.wb-field input{width:100%;background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r1);padding:12px}.wb-field small{align-self:flex-end;color:var(--faint)}.wb-dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px}.wb-dialog .error{margin-top:15px;font-size:12px}.wb-category-choices{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;margin-top:16px}.wb-category-choice{display:flex;align-items:center;gap:10px;position:relative;border:1px solid transparent;padding:11px 13px;border-radius:var(--r1);cursor:pointer;font-size:13px}.wb-category-choice input{width:14px;height:14px;accent-color:var(--accent)}.wb-category-choice svg{width:17px;height:17px;flex:none}.wb-category-choice span{flex:1;overflow-wrap:anywhere}.wb-category-choice.selected{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-line)}.wb-category-choice:focus-within{outline:2px solid var(--accent-line);outline-offset:-2px}.wb-mobile-toggle{display:none}.wb-balance-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;margin-bottom:24px;background:linear-gradient(115deg,rgba(198,242,79,.07),transparent 65%),var(--surface);border:1px solid var(--border);border-radius:var(--r3)}.wb-balance-panel .wb-nav-label{padding:0;margin-bottom:10px}.wb-balance-panel strong{font-size:36px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.wb-balance-panel p{font-size:12px;color:var(--muted);margin-bottom:0}.wb-balance-panel button svg{width:15px;height:15px}@media(max-width:1180px){.wb-content .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-content .projects,.wb-content .account-content{padding:28px 24px 40px}.wb-content .create-bar{flex-wrap:wrap}.wb-content .create-bar .field-wrap{flex-basis:100%}.wb-content .projects-head-badges{gap:5px}}@media(max-width:900px){.wb-sidebar{flex-basis:200px;width:200px}.wb-topbar .account-identity,.wb-topbar .account-nav>.topbar-action:not(.logout-action),.wb-topbar .account-nav-divider{display:none}.wb-content .projects-head-main{flex-wrap:wrap}.wb-content .projects-head-badges{display:none}.wb-content .project-search input{width:190px}.wb-content .projects-toolbar-divider{display:none}.wb-content .projects-toolbar{justify-content:space-between}}@media(max-width:760px){.wb-sidebar{display:none}.wb-mobile-toggle{display:inline-grid}.wb-topbar{padding:14px 16px}.wb-topbar .brand{font-size:15px;gap:7px}.wb-topbar .logo-mark{width:25px;height:25px}.wb-brand-group{gap:6px}.wb-topbar .logout-action{display:none}.wb-topbar .balance-chip{padding:6px 8px;gap:5px;font-size:10px}.wb-topbar .balance-label,.wb-topbar .balance-recharge{font-size:10px}.wb-drawer{margin:0;height:100dvh;max-height:100dvh;width:min(300px,88vw);border-radius:0 16px 16px 0;padding:20px 10px 10px;overflow:hidden}.wb-drawer>.wb-dialog-head{margin:0 12px 4px}.wb-drawer .wb-sidebar-inner{height:calc(100% - 40px);padding-top:12px}.wb-drawer .wb-category-actions{padding-bottom:0}.wb-content .projects,.wb-content .account-content{padding:25px 20px 36px}.wb-content .projects-head h1{font-size:26px}.wb-content .quick-pills-wrap{display:block;min-width:0}.wb-content .quick-pills-label{display:block;margin-bottom:8px;font-size:10px}.wb-content .quick-pills-list{flex-wrap:nowrap;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.wb-content .quick-pill-btn{flex:none;font-size:11px}.wb-list-meta{font-size:10px}.wb-library-error{margin:15px 20px 0}}@media(max-width:520px){.wb-content .project-grid{grid-template-columns:minmax(0,1fr)}.wb-content .projects-toolbar{flex-direction:column;align-items:stretch}.wb-content .project-search input,.wb-content .project-search{width:100%}.wb-content .create-bar input{padding-left:14px}.wb-content .create-bar .field-label{display:none}.wb-content .create-bar .ghost,.wb-content .create-bar .btn-primary{flex:1;justify-content:center}.wb-content .card-actions{margin-left:auto}.wb-pagination-row{justify-content:center}.wb-balance-panel{align-items:flex-start;flex-direction:column;padding:22px}.wb-topbar .brand b{margin-left:-4px}}@media(prefers-reduced-motion:reduce){.wb-content .project-card{animation:none;transition:none}.wb-content .project-card:hover{transform:none}}:root{--bg: #0a0b0e;--surface: #101216;--surface-2: #15181e;--surface-3: #1c2028;--border: #222631;--border-strong: #2f3441;--text: #eef0f5;--muted: #939aa8;--faint: #5b6271;--accent: #c6f24f;--accent-ink: #0a0b0e;--accent-dim: rgba(198, 242, 79, .12);--accent-line: rgba(198, 242, 79, .32);--cyan: #65d0f0;--danger: #ff6b6b;--danger-dim: rgba(255, 107, 107, .1);--fs-micro: 10.5px;--fs-label: 11px;--fs-caption: 12px;--fs-body: 13px;--fs-ui: 13.5px;--fs-base: 14px;--fs-h3: 16px;--fs-h2: 18px;--lh-tight: 1.4;--lh-body: 1.6;--lh-relax: 1.7;--r1: 8px;--r2: 11px;--r3: 14px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 16px 44px -22px rgba(0, 0, 0, .8);--ease: cubic-bezier(.32, .72, 0, 1);--font-display: ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-sans: ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Menlo", monospace;font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background-color:var(--bg);background-image:radial-gradient(1100px 560px at 50% -12%,rgba(198,242,79,.05),transparent 68%),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:100% 100%,44px 44px,44px 44px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;cursor:pointer;color:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}a{color:inherit;text-decoration:none;transition:color .15s var(--ease)}input,textarea{font:inherit}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px;border-radius:4px}.consent-check{display:flex;gap:9px;align-items:flex-start;margin:16px 0;color:var(--muted);font-size:12px;line-height:1.55}.consent-check input{margin-top:2px;accent-color:var(--accent);flex-shrink:0}.consent-check a{color:var(--muted);text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.22);transition:color .15s var(--ease),border-color .15s var(--ease)}.consent-check a:hover{color:var(--accent);border-bottom-color:var(--accent)}.legal-page a,.billing-rules a{color:var(--accent)}.legal-page{max-width:820px;margin:0 auto;padding:48px 24px 96px;line-height:1.8}.legal-page article h1{font-size:34px}.legal-page article h2{margin-top:34px;font-size:19px}.consumer-billing-page{max-width:920px}.consumer-billing-page>a{display:inline-flex;margin-bottom:34px;font-size:var(--fs-ui);text-decoration:none}.consumer-billing-page article{max-width:760px}.consumer-billing-page article h1{margin:0 0 6px;font-family:var(--font-display);font-size:clamp(32px,5vw,48px);letter-spacing:-.045em;line-height:1.15}.consumer-billing-page article h1+p{margin:0;color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-caption)}.consumer-billing-page article h2{position:relative;margin-top:54px;padding-top:17px;border-top:1px solid var(--border);font-size:21px;letter-spacing:-.02em}.consumer-billing-page article p{color:#c3c8d1;font-size:15px;line-height:1.85}.consumer-billing-page article ul{padding-left:22px;color:#c3c8d1}.consumer-billing-page article li{margin:8px 0;padding-left:4px}.consumer-billing-page article li::marker{color:var(--accent)}.billing-at-a-glance{margin:0 0 50px;padding:24px;border:1px solid var(--accent-line);border-radius:var(--r3);background:linear-gradient(115deg,rgba(198,242,79,.11),rgba(101,208,240,.045) 52%,transparent)}.legal-kicker{margin:0 0 18px;color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.08em}.billing-promises{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.billing-promises>div{min-width:0}.billing-promises span{display:block;margin-bottom:18px;color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-micro)}.billing-promises strong{display:block;margin-bottom:6px;font-size:15px}.billing-promises p{margin:0;color:var(--muted);font-size:var(--fs-caption);line-height:1.65}@media(max-width:620px){.consumer-billing-page{padding:30px 20px 72px}.consumer-billing-page>a{margin-bottom:26px}.billing-at-a-glance{margin-bottom:36px;padding:20px}.billing-promises{grid-template-columns:1fr;gap:18px}.billing-promises span{margin-bottom:6px}.consumer-billing-page article h2{margin-top:42px}.consumer-billing-page article p{font-size:14px}}.public-legal-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:24px auto;max-width:820px;color:var(--muted);font-size:12px;line-height:1.6;text-align:center}.public-legal-footer a{color:inherit}.billing-rules{font-size:11px;color:var(--faint)}.ai-generated-badge{color:var(--accent);font-size:11px;border:1px solid var(--accent-line);border-radius:999px;padding:3px 8px}.guest-demo{max-width:1080px;margin:0 auto;padding:48px 24px 96px}.guest-demo header{margin-bottom:32px}.guest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:32px}.guest-grid article{padding:18px;border:1px solid var(--border);border-radius:var(--r3);background:var(--surface)}.guest-grid img{width:100%;border-radius:var(--r2)}.guest-grid code{display:block;white-space:pre-wrap;color:var(--muted)}.guest-demo .btn-primary{display:inline-block;text-decoration:none}@media(max-width:720px){.guest-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill);border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#3b4150;background-clip:padding-box}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.error{color:var(--danger);font-size:var(--fs-body);margin:12px 0 0;padding:9px 13px;border:1px solid rgba(255,107,107,.28);border-radius:var(--r1);background:var(--danger-dim)}.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:0}.brand .logo-mark{width:30px;height:30px;flex-shrink:0;display:block;filter:drop-shadow(0 10px 18px rgba(198,242,79,.14))}.logo-page{fill:var(--accent)}.logo-fold{fill:var(--cyan)}.logo-glyph{fill:none;stroke:var(--accent-ink);stroke-width:1.8;stroke-linecap:round}.logo-spark{fill:var(--accent-ink)}.brand b{color:var(--accent);font-weight:700}.btn-primary,.primary-btn{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:var(--r2);font-family:var(--font-sans);font-weight:700;font-size:var(--fs-ui);padding:11px 18px;box-shadow:var(--shadow-1);text-decoration:none;cursor:pointer;transition:transform .16s var(--ease),filter .16s var(--ease),box-shadow .16s var(--ease)}.btn-primary:hover,.primary-btn:hover{filter:brightness(1.06);box-shadow:0 8px 22px -10px var(--accent)}.btn-primary:active,.primary-btn:active{transform:translateY(1px)}.btn-primary:disabled,.primary-btn:disabled{opacity:.4;cursor:not-allowed;filter:none;box-shadow:none}.ghost{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:var(--fs-ui);padding:8px 13px;border-radius:var(--r2);text-decoration:none;cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease),color .15s var(--ease)}.ghost:hover{border-color:var(--border-strong);background:var(--surface-3)}.ghost:disabled{opacity:.4;cursor:not-allowed}.ghost.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-dim)}.ghost svg,.btn-primary svg,.primary-btn svg{width:15px;height:15px;flex-shrink:0}.chip{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.02em;color:var(--muted);padding:4px 10px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);white-space:nowrap}.chip.accent{color:var(--accent);border-color:var(--accent-line);background:var(--accent-dim)}.page{height:100%;display:flex;flex-direction:column;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid var(--border);background:#101216c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.topbar-right,.topbar-left{display:flex;align-items:center;gap:12px}.topbar-left .divider{width:1px;height:18px;background:var(--border)}.project-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.account-nav{gap:8px;min-width:0}.account-identity{display:flex;align-items:center;gap:8px;min-width:0;max-width:180px;padding-right:2px;color:var(--muted);-webkit-user-select:none;user-select:none}.account-identity.identity-hidden>*{visibility:hidden}.account-avatar{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border:1px solid var(--accent-line);border-radius:8px;object-fit:cover;background:var(--accent-dim);color:var(--accent);font-family:var(--font-display);font-size:var(--fs-caption);font-weight:750}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-body)}.account-nav-divider{width:1px;height:18px;margin:0 2px;background:var(--border)}.topbar-action{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid transparent;border-radius:var(--r1);background:transparent;color:var(--muted);text-decoration:none;font-size:var(--fs-body);white-space:nowrap;transition:color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.topbar-action:hover{color:var(--text);border-color:var(--border);background:var(--surface-2)}.topbar-action.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-dim)}.topbar-action svg{width:15px;height:15px}.account-brand{color:var(--text);text-decoration:none}.account-page{min-height:100%;background:transparent}.account-content{max-width:960px;width:100%;margin:0 auto;padding:44px 28px 96px}.account-page-head{margin-bottom:30px}.account-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:13px;color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.04em;text-decoration:none}.account-back svg{width:14px;height:14px;transition:transform .16s var(--ease)}.account-back:hover svg{transform:translate(-2px)}.account-page-head h1{margin:0 0 8px;font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:-.035em}.account-page-head p{margin:0;color:var(--muted);font-size:15px}.notice-box{margin-bottom:18px;padding:12px 14px;border:1px solid var(--accent-line);border-radius:var(--r2);background:var(--accent-dim);color:var(--text);font-size:var(--fs-body);line-height:var(--lh-body)}.account-section{position:relative;margin-bottom:18px;padding:24px;border:1px solid var(--border);border-radius:var(--r3);background:var(--surface);overflow:hidden;animation:fade-up .42s both}.account-section:nth-of-type(2){animation-delay:45ms}.account-section:nth-of-type(3){animation-delay:90ms}.account-section:nth-of-type(4){animation-delay:135ms}.account-section:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,var(--accent-line),transparent 46%);opacity:.45}.account-section-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}.account-section-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid var(--accent-line);border-radius:10px;background:var(--accent-dim);color:var(--accent)}.account-section-icon svg{width:18px;height:18px}.account-kicker{display:block;margin-bottom:2px;color:var(--faint);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.11em;text-transform:uppercase}.account-section h2{margin:0;font-family:var(--font-display);font-size:var(--fs-h2);letter-spacing:-.015em}.account-section-intro{max-width:720px;margin:-4px 0 20px;color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-relax)}.account-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.account-stat{min-height:78px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:13px 15px;border:1px solid var(--border);border-radius:var(--r2);background:var(--surface-2)}.account-stat>span{color:var(--faint);font-family:var(--font-mono);font-size:var(--fs-label)}.account-stat strong{color:var(--text);font-family:var(--font-display);font-size:19px;font-variant-numeric:tabular-nums}.account-stat .status-live{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:var(--fs-ui)}.status-live i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-dim)}.account-actions{display:flex;gap:14px;align-items:center;margin-top:18px}.account-text-link{color:var(--accent);font-size:var(--fs-body);text-underline-offset:4px;text-decoration-color:var(--accent-line)}.account-text-link:hover{text-decoration-color:var(--accent)}.consent-list{margin-top:18px;border-top:1px solid var(--border)}.consent-row{display:grid;grid-template-columns:minmax(140px,1fr) 90px minmax(190px,auto);align-items:center;gap:16px;padding:11px 2px;border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--fs-body)}.consent-row:last-child{border-bottom:0}.consent-row code,.report-row code{justify-self:start;padding:3px 7px;border:1px solid var(--border);border-radius:var(--r-pill);color:var(--faint);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--fs-micro)}.consent-row time{color:var(--faint);font-family:var(--font-mono);font-size:var(--fs-label);text-align:right}.transaction-list{border-top:1px solid var(--border)}.transaction-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px;padding:12px 10px;border-bottom:1px solid var(--border);transition:background .15s var(--ease)}.transaction-row:hover{background:#ffffff03}.transaction-row:last-child{border-bottom:0}.transaction-main{min-width:0}.transaction-main time{color:var(--text);font-size:var(--fs-body);font-variant-numeric:tabular-nums}.transaction-main small{display:flex;gap:8px;margin-top:5px;color:var(--faint);font-size:var(--fs-caption)}.transaction-main small span{color:var(--muted)}.transaction-main small span:after{content:"·";margin-left:8px;color:var(--faint)}.transaction-row strong{flex:0 0 auto;font-family:var(--font-mono);font-size:var(--fs-ui);font-variant-numeric:tabular-nums}.transaction-row strong.negative{color:#ff9696}.transaction-row strong.positive{color:var(--accent)}.account-empty{margin:0;padding:20px 2px 4px;color:var(--faint);font-family:var(--font-mono);font-size:var(--fs-caption)}.account-form{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(320px,1fr);gap:14px;align-items:start}.account-form label{display:flex;min-width:0;flex-direction:column;gap:8px}.account-form label>span{color:var(--muted);font-size:var(--fs-caption);font-weight:650}.account-form select,.account-form textarea{width:100%;border:1px solid var(--border);border-radius:var(--r2);background:var(--surface-2);color:var(--text);font:inherit;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.account-form select{height:42px;padding:0 12px}.account-form textarea{min-height:116px;resize:vertical;padding:12px 13px;line-height:var(--lh-body)}.account-form select:focus,.account-form textarea:focus{outline:none;border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-dim)}.account-form textarea::placeholder{color:var(--faint)}.account-form label>small{margin-top:-2px;color:var(--faint);font-family:var(--font-mono);font-size:var(--fs-micro);text-align:right}.account-submit{grid-column:2;justify-self:start}.report-list{margin-top:22px;border-top:1px solid var(--border)}.report-row{display:grid;grid-template-columns:minmax(130px,1fr) 90px 120px;gap:14px;align-items:center;padding:11px 2px;border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--fs-body)}.report-row time{color:var(--faint);font-family:var(--font-mono);font-size:var(--fs-label);text-align:right}.report-row small{grid-column:1 / -1;color:var(--faint)}.danger-zone{border-color:#ff6b6b47;background:linear-gradient(90deg,var(--danger-dim),transparent 40%),var(--surface)}.danger-zone:before{background:linear-gradient(90deg,rgba(255,107,107,.55),transparent 46%)}.danger-zone .account-section-icon{color:var(--danger);border-color:#ff6b6b52;background:var(--danger-dim)}.danger-zone .account-kicker{color:#ff9696b8}.danger{padding:9px 14px;border:1px solid rgba(255,107,107,.46);border-radius:var(--r1);background:transparent;color:#ff9696;font-size:var(--fs-body);font-weight:650;transition:color .15s var(--ease),background .15s var(--ease),border-color .15s var(--ease)}.danger:hover{color:#1a0808;border-color:var(--danger);background:var(--danger)}.auth-page{height:100%;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.auth-hero{position:relative;padding:56px 60px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border);background:radial-gradient(720px 420px at 18% 8%,rgba(198,242,79,.09),transparent 58%),radial-gradient(560px 400px at 92% 102%,rgba(101,208,240,.06),transparent 60%),linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:100% 100%,100% 100%,44px 44px,44px 44px;overflow:hidden}.auth-hero .brand{font-size:20px;position:relative;z-index:1}.hero-mid{position:relative;z-index:1;max-width:480px}.hero-kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin-bottom:20px}.hero-title{font-family:var(--font-display);font-size:50px;line-height:1.04;font-weight:800;letter-spacing:-.035em;margin:0 0 22px}.hero-title .accent{color:var(--accent)}.hero-sub{color:var(--muted);font-size:16px;line-height:1.7;margin:0}.hero-features{position:relative;z-index:1;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.hero-features li{display:flex;align-items:center;gap:13px;font-size:14.5px;color:var(--text)}.hero-features .tick{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border-radius:7px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-line);font-family:var(--font-mono);font-size:11px;font-weight:600}.hero-features .lbl{color:var(--muted)}.auth-form-wrap{display:grid;place-items:center;padding:40px 24px;min-height:calc(100vh - 120px)}.auth-card{width:100%;max-width:410px;background:#101217b8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:36px 32px 30px;box-shadow:0 24px 64px -16px #000000b3,inset 0 1px #ffffff12}.auth-card .form-kicker{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.auth-card h2{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.025em;margin:10px 0;color:var(--text)}.auth-card-sub{font-size:13.5px;color:var(--muted);margin:0 0 22px;line-height:1.6}.auth-hint{margin-top:14px;font-size:12px;color:var(--faint);text-align:center;line-height:1.6}.btn-wechat{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;background:linear-gradient(180deg,#07b85b,#059b4c);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:var(--r2);font-size:14.5px;font-weight:600;cursor:pointer;box-shadow:0 4px 18px -4px #07c16061,inset 0 1px #ffffff40;transition:all .2s var(--ease)}.btn-wechat:hover{background:linear-gradient(180deg,#0ac964,#06a853);box-shadow:0 6px 24px -4px #07c16080,inset 0 1px #ffffff59;transform:translateY(-1px)}.btn-wechat:active{transform:translateY(0)}.btn-wechat:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3);box-shadow:none;transform:none}.btn-wechat .wechat-icon{width:19px;height:19px;flex-shrink:0}.auth-divider{display:flex;align-items:center;margin:18px 0 16px;color:var(--faint)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.auth-divider span{padding:0 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--faint)}.guest-enter{margin-top:0;padding-top:0;border-top:none}.btn-guest-outline{width:100%;display:flex;align-items:center;justify-content:center;padding:11px 18px;background:#ffffff05;color:var(--accent);border:1px solid rgba(198,242,79,.28);border-radius:var(--r2);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s var(--ease)}.btn-guest-outline:hover{background:#c6f24f12;border-color:#c6f24f85;box-shadow:0 0 16px #c6f24f1f;color:#fff;transform:translateY(-1px)}.btn-guest-outline:active{transform:translateY(0)}.btn-guest-outline:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.guest-enter .auth-hint{margin-top:10px;font-size:11.5px}.auth-demo-link{margin-top:16px}.auth-demo-link a{color:var(--muted);font-size:12px;transition:color .15s var(--ease)}.auth-demo-link a:hover{color:var(--accent)}.guest-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:550;color:var(--muted);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-pill);padding:4px 10px;white-space:nowrap}.guest-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.topbar-login-cta{display:inline-flex;align-items:center;padding:5px 12px;font-size:12px;font-weight:600;color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-pill);text-decoration:none;transition:all .15s var(--ease)}.topbar-login-cta:hover{background:#c6f24f1a;border-color:#c6f24f59;color:var(--accent)}.guest-banner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:10px 20px;background:linear-gradient(90deg,var(--accent-dim),rgba(255,255,255,.9),var(--accent-dim));border-bottom:1px solid var(--border);font-size:13px;color:var(--text)}.guest-banner b{color:var(--accent)}.guest-banner .btn-sm{padding:5px 14px;font-size:13px}.field{margin-bottom:16px}.field label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.field input{width:100%;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);color:var(--text);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.field input:focus{outline:none;border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-dim)}.field input::placeholder{color:var(--faint)}.auth-card .btn-primary{width:100%;justify-content:center;margin-top:10px;padding:13px}.switch{margin-top:24px;font-size:14px;color:var(--muted);text-align:center}.switch button{background:none;border:none;color:var(--accent);font-weight:600;padding:0 4px}.switch button:hover{text-decoration:underline}.legal-links{margin-top:22px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;color:var(--faint);font-size:11.5px}.legal-links a,.legal-links button{padding:2px 0;color:var(--faint);background:none;border:0;font-weight:500;text-decoration:none;transition:color .15s var(--ease)}.legal-links a:hover,.legal-links button:hover{color:var(--muted)}.legal-links i{width:1px;height:10px;background:var(--border-strong)}.legal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#050608c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:legal-fade-in .18s var(--ease)}.legal-modal{width:min(680px,100%);max-height:min(760px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r3);box-shadow:0 28px 80px -24px #000000e6;animation:legal-rise-in .22s var(--ease)}.legal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 28px 22px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(198,242,79,.055),transparent 48%)}.legal-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.legal-header h2{margin:7px 0 5px;font-family:var(--font-display);font-size:24px;letter-spacing:-.02em}.legal-header p{margin:0;color:var(--faint);font-size:11px}.legal-close{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--muted);background:var(--surface-2);font-size:23px;line-height:1;transition:color .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease)}.legal-close:hover{color:var(--text);border-color:var(--border-strong);transform:rotate(4deg)}.legal-body{padding:24px 28px 10px;overflow-y:auto}.legal-intro{margin:0 0 24px;padding:13px 15px;color:var(--muted);background:var(--surface-2);border-left:2px solid var(--accent);border-radius:0 var(--r1) var(--r1) 0}.legal-body section{margin-bottom:23px}.legal-body h3{margin:0 0 8px;font-family:var(--font-display);font-size:15px;font-weight:650;color:var(--text)}.legal-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.85}.legal-footer{display:flex;justify-content:flex-end;padding:16px 28px;border-top:1px solid var(--border);background:#0a0b0e7a}.legal-footer .btn-primary{padding:9px 22px}@keyframes legal-fade-in{0%{opacity:0}}@keyframes legal-rise-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}.projects{padding:44px 28px 60px;max-width:960px;width:100%;margin:0 auto}.projects-head{margin-bottom:22px}.projects-head-main{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:0}.projects-head h1{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.035em;margin:0}.projects-head-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.head-badge{font-family:var(--font-mono);font-size:11px;color:var(--muted);background:#ffffff08;border:1px solid rgba(255,255,255,.07);padding:3px 10px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:6px;letter-spacing:.02em}.head-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);display:inline-block}.projects-head p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.6}.create-section{margin-bottom:30px}.create-bar{display:flex;gap:10px;margin-bottom:12px;align-items:center}.create-bar .field-wrap{flex:1;position:relative}.create-bar input{width:100%;padding:12px 18px;background:#101218bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.09);border-radius:var(--r2);color:var(--text);font-size:13px;box-shadow:inset 0 1px 2px #00000059;transition:border-color .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease)}.create-bar input:focus{outline:none;border-color:#c6f24f8c;box-shadow:0 0 0 3px #c6f24f14,0 0 18px #c6f24f0f;background:var(--surface-2)}.create-bar input::placeholder{color:var(--faint);font-size:12.5px}.create-bar input.invalid{border-color:var(--danger)}.create-bar input.invalid:focus{box-shadow:0 0 0 3px #ff6b6b2e}.create-bar .field-hint{position:absolute;left:4px;top:calc(100% + 6px);font-size:12px;color:var(--danger);display:flex;align-items:center;gap:6px;white-space:nowrap}.create-bar .field-hint:before{content:"↑";font-weight:700}.create-bar .browse-samples-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 16px;font-size:13px;color:var(--muted);border:1px solid var(--border);border-radius:var(--r2);background:#ffffff05;white-space:nowrap;transition:all .15s var(--ease)}.create-bar .browse-samples-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.create-bar .create-submit-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 18px;font-size:13px;font-weight:600;white-space:nowrap;border-radius:var(--r2);box-shadow:0 2px 14px -2px #c6f24f59}.create-bar .enter-key-icon{width:13px;height:13px;opacity:.75}.section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--faint);text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.projects-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:18px}.projects-toolbar-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.projects-section-title{font-family:var(--font-display);font-size:16px;font-weight:650;color:var(--text);letter-spacing:-.01em;display:flex;align-items:center;gap:8px;margin:0}.projects-count-badge{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);padding:1px 7px;border-radius:var(--r-pill)}.projects-toolbar-divider{flex:1;height:1px;background:linear-gradient(90deg,var(--border) 0%,rgba(255,255,255,.03) 100%);min-width:16px}.project-search{position:relative;display:flex;align-items:center;flex-shrink:0}.project-search .search-icon{position:absolute;left:11px;width:14px;height:14px;color:var(--faint);pointer-events:none}.project-search input{width:230px;padding:8px 30px 8px 32px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r2);font-size:13px;font-family:inherit;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.project-search input:focus{outline:none;border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-dim);background:var(--surface-2)}.project-search input::placeholder{color:var(--faint)}.search-clear-btn{position:absolute;right:7px;width:18px;height:18px;display:grid;place-items:center;background:transparent;border:none;color:var(--faint);border-radius:50%;cursor:pointer;padding:0;transition:color .15s var(--ease),background .15s var(--ease)}.search-clear-btn:hover{color:var(--text);background:var(--surface-3)}.search-clear-btn svg{width:12px;height:12px}.projects-empty-search{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--r3);margin-top:6px}.projects-empty-search .loading-state{margin:0}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:28px;flex-wrap:wrap}.page-btn{min-width:34px;height:34px;padding:0 10px;display:grid;place-items:center;background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:var(--r2);font-size:13px;font-family:var(--font-mono);cursor:pointer;transition:border-color .18s var(--ease),color .18s var(--ease),background .18s var(--ease)}.page-btn:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.page-btn.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-line)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.project-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.project-card{position:relative;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);cursor:pointer;overflow:hidden;transition:border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease);animation:fade-up .5s both}.project-card:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 70%);opacity:0;transition:opacity .18s var(--ease)}.project-card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:var(--shadow-2)}.project-card:hover:before{opacity:1}.project-card:hover .open-hint{color:var(--accent)}.project-card:hover .open-hint svg{transform:translate(3px)}.card-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:16px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-line);flex-shrink:0}.card-name{flex:1;font-weight:700;font-size:15px;letter-spacing:-.01em;line-height:1.35;word-break:break-word;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.card-shared-badge{font-family:var(--font-mono);font-size:10.5px;padding:1px 6px;border-radius:4px;background:#c6f24f1f;border:1px solid var(--accent-line);color:var(--accent);font-weight:500;vertical-align:middle;display:inline-block}.project-card:has(.menu-pop){overflow:visible;z-index:5}.card-menu{flex-shrink:0;position:relative}.kebab{width:28px;height:28px;border-radius:var(--r1);display:grid;place-items:center;background:transparent;color:var(--muted);border:1px solid transparent;opacity:.4;transition:opacity .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.kebab svg{width:16px;height:16px}.project-card:hover .kebab{opacity:.85}.kebab:hover,.kebab.active{color:var(--text);border-color:var(--border);background:var(--surface-3);opacity:1}.menu-pop{position:absolute;top:calc(100% + 6px);right:0;min-width:172px;padding:6px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r2);box-shadow:var(--shadow-2);z-index:20;animation:menu-in .14s var(--ease) both}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r1);background:transparent;border:none;color:var(--text);font-size:var(--fs-body);text-align:left;transition:background .14s var(--ease),color .14s var(--ease)}.menu-item:hover{background:var(--surface-3)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-dim)}.menu-ico{display:grid;place-items:center;width:16px;opacity:.85}.menu-ico svg{width:15px;height:15px}.menu-confirm{padding:6px 8px 4px}.menu-confirm-text{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--text)}.menu-confirm-hint{color:var(--muted);font-size:12px}.menu-confirm-actions{display:flex;gap:8px}.menu-confirm-actions button{flex:1;padding:8px 10px;border-radius:var(--r1);font-size:13px;font-weight:600;white-space:nowrap;transition:filter .14s var(--ease),background .14s var(--ease),border-color .14s var(--ease),color .14s var(--ease)}.menu-confirm-actions button:disabled{opacity:.55;cursor:default}.mc-cancel{background:var(--surface-3);border:1px solid var(--border);color:var(--text)}.mc-cancel:hover:not(:disabled){border-color:var(--border-strong)}.mc-delete{background:var(--danger-dim);border:1px solid transparent;color:var(--danger)}.mc-delete:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#1a0808}.card-rename-input{flex:1;min-width:0;padding:7px 10px;border-radius:var(--r1);background:var(--surface);border:1px solid var(--accent-line);color:var(--text);font-weight:700;font-size:15px;letter-spacing:-.01em;outline:none}.card-rename-input:focus{box-shadow:0 0 0 3px var(--accent-dim)}.rename-hint{font-family:var(--font-mono);font-size:11px;color:var(--accent)}.card-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.card-meta{display:flex;align-items:center;justify-content:space-between;width:100%}.card-time{font-family:var(--font-mono);font-size:11px;color:var(--faint);letter-spacing:.02em}.open-hint{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--faint);transition:color .18s var(--ease);flex-shrink:0}.open-hint svg{width:13px;height:13px;transition:transform .18s var(--ease)}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.card-actions-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.card-run{display:inline-flex;align-items:center;gap:5px;height:27px;padding:0 10px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),transform .12s var(--ease)}.card-run svg{width:12px;height:12px}.project-card:hover .card-run{color:var(--text);border-color:var(--border-strong)}.card-run:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-dim)}.card-run:active{transform:scale(.96)}.run-overlay{z-index:95;padding:0;background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}.run-modal{width:100%;max-width:none;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--surface);border:0;border-radius:0;box-shadow:none;overflow:hidden}.run-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border)}.run-modal-head h2{font-size:15px;font-weight:700;color:var(--text);margin:0}.run-modal-stage{position:relative;flex:1;min-height:0;background:var(--surface-2)}.run-preview-pane{position:relative;width:100%;height:100%}.run-preview,.run-preview .sp-preview-container,.run-preview iframe{width:100%;height:100%}.empty-state{text-align:center;padding:64px 20px;border:1px dashed var(--border);border-radius:var(--r3);background:var(--surface)}.empty-state .glyph{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:13px;background:var(--surface-2);border:1px solid var(--border);color:var(--faint)}.empty-state .glyph svg{width:24px;height:24px}.empty-state p{color:var(--muted);margin:0 auto;line-height:1.7;max-width:420px}.loading-state{color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-body);padding:20px 0}.workspace{height:100%;display:flex;flex-direction:column;min-height:0}.workspace-body{flex:1;display:grid;grid-template-columns:1fr;min-height:0}.workspace-body.with-preview{grid-template-columns:clamp(480px,40%,620px) minmax(0,1fr)}.status-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.02em;padding:4px 11px;border-radius:var(--r-pill);border:1px solid var(--border);color:var(--muted);background:var(--surface)}.status-badge .dot{width:7px;height:7px;border-radius:var(--r-pill);background:var(--faint)}.status-badge.live{color:var(--accent);border-color:var(--accent-line);background:var(--accent-dim)}.status-badge.live .dot{background:var(--accent);animation:pulse 1.5s ease-out infinite}.chat{display:flex;flex-direction:column;border-right:1px solid var(--border);min-width:0;min-height:0;background:var(--surface)}.messages{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;padding:24px 20px;display:flex;flex-direction:column;gap:18px}.hint{margin:auto;text-align:left;max-width:440px;width:100%}.hint-kicker{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin:0 0 16px}.hint-kicker:after{content:"";flex:1;height:1px;background:var(--border)}.hint h3{font-family:var(--font-display);font-size:27px;font-weight:700;margin:0 0 10px;letter-spacing:-.025em;line-height:1.15}.hint p{color:var(--muted);line-height:var(--lh-body);margin:0 0 26px;font-size:var(--fs-body);max-width:32ch}.starter-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.starter-list li{margin:0}.starter-list button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:13px 4px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--fs-ui);cursor:pointer;transition:padding-left .25s var(--ease),background .2s var(--ease)}.starter-index{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--faint);font-variant-numeric:tabular-nums;transition:color .2s var(--ease)}.starter-emoji{font-size:15px;line-height:1;flex-shrink:0;filter:grayscale(1) opacity(.55);transition:filter .25s var(--ease),transform .25s var(--ease)}.starter-title{flex:1;color:var(--text);font-weight:500;transition:color .2s var(--ease)}.starter-arrow{font-family:var(--font-mono);color:var(--accent);opacity:0;transform:translate(-6px);transition:opacity .2s var(--ease),transform .25s var(--ease)}.starter-list button:hover{padding-left:10px}.starter-list button:hover .starter-index{color:var(--accent)}.starter-list button:hover .starter-emoji{filter:grayscale(0) opacity(1);transform:scale(1.12)}.starter-list button:hover .starter-title{color:var(--text)}.starter-list button:hover .starter-arrow{opacity:1;transform:translate(0)}.starter-list button:focus-visible{outline:none;padding-left:10px}.starter-list button:focus-visible .starter-arrow{opacity:1;transform:translate(0)}.msg{display:flex;flex-direction:column;gap:6px;animation:fade-up .35s both;max-width:94%;min-width:0}.msg.user{align-self:flex-end;align-items:flex-end}.msg.assistant{align-self:flex-start;align-items:flex-start}.msg-meta{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.05em;color:var(--faint);text-transform:uppercase}.msg-meta .role-dot{width:6px;height:6px;border-radius:var(--r-pill)}.msg.user .role-dot{background:var(--cyan)}.msg.assistant .role-dot{background:var(--accent)}.bubble{padding:11px 14px;border-radius:var(--r3);white-space:pre-wrap;line-height:var(--lh-body);font-size:var(--fs-body);max-width:100%;min-width:0;overflow-wrap:break-word;word-break:break-word}.msg.user .bubble{background:var(--accent);color:var(--accent-ink);font-weight:500;border-bottom-right-radius:4px}.msg.user .bubble::selection,.msg.user .bubble *::selection{background:var(--accent-ink);color:#fff}.msg.assistant .bubble{background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:4px}.msg-cost{display:flex;align-items:center;gap:10px;font-size:var(--fs-micro);color:var(--faint);font-family:var(--font-mono);letter-spacing:.02em;padding-left:2px}.preview-link{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.02em;cursor:pointer;transition:background .15s ease,color .15s ease}.preview-link:hover{background:var(--accent);color:var(--accent-ink)}.preview-link svg{width:12px;height:12px}.preview-link.secondary{border-color:var(--border);color:var(--muted)}.preview-link.secondary:hover{background:var(--surface-2);color:var(--text);border-color:var(--faint)}.caret{display:inline-block;width:7px;height:14px;background:var(--accent);margin-left:2px;vertical-align:text-bottom;animation:blink 1s step-end infinite}.stream-text{white-space:pre-wrap}.markdown{white-space:normal;font-size:var(--fs-body);line-height:var(--lh-body);min-width:0;overflow-wrap:break-word;word-break:break-word}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{margin:0 0 10px}.markdown h1,.markdown h2,.markdown h3,.markdown h4{margin:15px 0 7px;line-height:1.35;font-weight:650;letter-spacing:-.01em}.markdown h1{font-size:var(--fs-h3)}.markdown h2{font-size:15px}.markdown h3{font-size:var(--fs-ui)}.markdown h4{font-size:var(--fs-body);color:var(--muted)}.markdown ul,.markdown ol{margin:0 0 10px;padding-left:20px}.markdown li{margin:3px 0}.markdown li>p{margin:0}.markdown a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.markdown strong{font-weight:650;color:var(--text)}.markdown code{font-family:var(--font-mono);font-size:var(--fs-caption);background:var(--surface-3);padding:1px 5px;border-radius:4px}.markdown pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--r2);padding:12px 14px;overflow:auto;margin:0 0 10px;max-width:100%}.markdown pre code{background:none;padding:0;font-size:var(--fs-caption);line-height:1.55;white-space:pre;word-break:normal;overflow-wrap:normal}.markdown blockquote{margin:0 0 10px;padding:2px 12px;border-left:3px solid var(--accent-line);color:var(--muted)}.markdown hr{border:none;border-top:1px solid var(--border);margin:14px 0}.markdown table{border-collapse:collapse;width:100%;margin:0 0 10px;font-size:var(--fs-body);display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--border);padding:6px 10px;text-align:left}.markdown th{background:var(--surface-3);font-weight:600}.markdown img{max-width:100%;border-radius:var(--r2)}.reasoning-spinner{width:10px;height:10px;border-radius:var(--r-pill);border:1.5px solid var(--accent-line);border-top-color:var(--accent);animation:spin .7s linear infinite;flex-shrink:0}.stream-card{padding:14px 16px 6px;border-radius:var(--r3);border-bottom-left-radius:4px;background:var(--surface-2);border:1px solid var(--accent-line);box-shadow:inset 0 0 0 1px #c6f24f08,var(--shadow-1);min-width:0;max-width:100%;overflow-wrap:break-word;word-break:break-word}.tl-warming{display:flex;align-items:center;gap:9px;padding:4px 0 10px;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}.timeline{display:flex;flex-direction:column}.tl-item{position:relative;padding:0 0 14px 24px;animation:fade-up .3s both}.tl-item:before{content:"";position:absolute;left:4.5px;top:6px;bottom:-2px;width:1px;background:linear-gradient(var(--border-strong),var(--border))}.tl-item:last-child{padding-bottom:2px}.tl-item:last-child:before{display:none}.tl-dot{position:absolute;left:0;top:4px;width:10px;height:10px;border-radius:var(--r-pill);background:var(--surface-3);box-shadow:0 0 0 1px var(--border-strong);z-index:1}.tl-dot.think{background:var(--surface-3);box-shadow:0 0 0 1px var(--border-strong)}.tl-dot.say{background:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 10px 0 var(--accent-line)}.tl-dot.act{left:1.5px;top:6px;width:7px;height:7px;background:var(--muted);box-shadow:none}.tl-dot.act.err{background:var(--danger)}.tl-head{display:inline-flex;align-items:center;gap:7px;padding:2px 0;background:none;border:none;cursor:pointer;color:var(--faint);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase;transition:color .15s var(--ease)}.tl-head:hover{color:var(--muted)}.tl-tick{color:var(--accent);font-size:var(--fs-label)}.tl-caret{width:13px;height:13px;opacity:.55;transition:transform .18s var(--ease)}.tl-item.think.open .tl-caret{transform:rotate(90deg)}.tl-think-body{margin-top:7px;font-size:var(--fs-caption);line-height:1.66;color:var(--muted);white-space:pre-wrap;max-height:150px;overflow-y:auto;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 88%,transparent);scrollbar-width:thin;scrollbar-color:var(--accent-line) transparent;padding-right:4px}.tl-think-body::-webkit-scrollbar{width:6px}.tl-think-body::-webkit-scrollbar-thumb{background:var(--accent-line);border-radius:var(--r-pill)}.tl-think-body::-webkit-scrollbar-track{background:transparent}.tl-say{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);white-space:pre-wrap}.tl-act{display:flex;gap:8px;align-items:baseline;font-family:var(--font-mono);font-size:var(--fs-label);line-height:1.55;color:var(--muted)}.tl-act .ico{flex-shrink:0;font-size:9px;color:var(--accent);width:10px;text-align:center}.tl-item.act.running .tl-act{color:var(--text)}.tl-item.act.running .ico{animation:pulse 1.1s ease-in-out infinite}.tl-item.act.err .tl-act,.tl-item.act.err .ico{color:var(--danger)}.tl-act-msg{color:var(--faint)}.composer{border-top:1px solid var(--border);padding:14px;background:var(--surface)}.composer-box{border:1px solid var(--border);border-radius:var(--r3);background:var(--surface-2);transition:border-color .15s var(--ease),box-shadow .15s var(--ease);overflow:hidden}.composer-box:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-dim)}.composer.first-use .composer-box{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-dim)}.composer textarea{width:100%;resize:none;padding:13px 14px 4px;background:transparent;border:none;color:var(--text);font-size:var(--fs-body);line-height:1.55}.composer textarea:focus{outline:none}.composer textarea::placeholder{color:var(--faint)}.composer-foot{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 10px 14px}.composer-foot .kbd{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--faint)}.composer-foot .kbd b{color:var(--muted);font-weight:500}.composer-foot .right{display:flex;align-items:center;gap:10px}.composer-foot .count{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--faint)}.composer-foot .left{display:flex;align-items:center;gap:10px}.effort-select{display:inline-flex;align-items:center;gap:4px}.effort-select .effort-label{font-size:var(--fs-micro);color:var(--faint)}.effort-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:3px 20px 3px 8px;border:1px solid var(--border);border-radius:var(--r1, 6px);background:var(--surface) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%23888' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 5px center/11px;color:var(--muted);font-size:var(--fs-micro);line-height:1.6;cursor:pointer}.effort-select select:hover:not(:disabled){border-color:var(--accent-line);color:var(--text)}.effort-select select:focus-visible{outline:none;border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-dim)}.effort-select select:disabled{opacity:.5;cursor:not-allowed}.composer .btn-primary{padding:8px 16px}.icon-btn{padding:5px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r2)}.icon-btn svg{width:17px;height:17px}.attach-tray{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 12px 0}.attach-chip{display:inline-flex;align-items:center;gap:5px;max-width:220px;padding:3px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:var(--fs-caption);line-height:1.4}.attach-chip svg{width:13px;height:13px;flex:none;color:var(--accent)}.attach-chip>:not(svg):not(button){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-chip.removable button{display:inline-flex;padding:0;margin-left:2px;border:none;background:none;color:var(--faint);cursor:pointer}.attach-chip.removable button:hover{color:var(--text)}.attach-chip.removable button svg{width:13px;height:13px;color:inherit}.attach-chip .chip-pin{flex:none;font-size:12px;line-height:1}.attach-chip .chip-act{display:inline-flex;padding:0 6px;margin-left:2px;border:none;border-radius:999px;background:var(--accent);color:#0b0e14;font-size:var(--fs-caption);cursor:pointer}.attach-chip .chip-act:disabled{opacity:.6;cursor:default}.attach-chip .chip-state.ok{color:var(--accent);font-size:var(--fs-caption)}.attach-status{font-size:var(--fs-caption);color:var(--faint)}.attach-status.err{color:var(--danger, #e5484d)}.attach-status.live{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;opacity:.85}.msg-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.preview{min-width:0;min-height:0;display:flex;background:var(--bg)}.preview>div{flex:1;min-width:0}.preview-wrap{flex:1;min-width:0;display:flex;flex-direction:column}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.preview-label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.preview-actions{display:flex;align-items:center;gap:8px}.ghost.sm{padding:6px 11px;font-size:var(--fs-caption);border-radius:var(--r1)}.ghost.sm svg{width:13px;height:13px}.preview-stage{flex:1;min-height:0;display:flex}.preview-stage>div{flex:1;min-width:0;display:flex;min-height:0}.preview-wrap.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);animation:fade-up .2s var(--ease) both}.preview-wrap.is-fullscreen .pl-explorer,.preview-wrap.is-fullscreen .pl-editor{display:none}.preview-wrap.is-fullscreen .pl-preview{border-left:none}.preview .pl-sandpack{height:100%;width:100%;border:none;border-radius:0;flex-wrap:nowrap}.preview .pl-explorer{flex:0 0 190px;min-width:150px;max-width:240px;height:100%!important;border-right:1px solid var(--border);overflow:auto}.preview .pl-editor{flex:1 1 0;min-width:0;height:100%!important}.preview .pl-preview{flex:1 1 0;min-width:0;height:100%!important;border-left:1px solid var(--border)}.preview .pl-preview-pane{flex:1 1 0;min-width:0;height:100%!important;position:relative;display:flex}.preview .pl-preview-pane .pl-preview{border-left:1px solid var(--border)}.preview-wrap.is-fullscreen .pl-preview-pane .pl-preview{border-left:none}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px;text-align:center;background:var(--bg);color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-relax)}.preview-overlay p{margin:0;max-width:420px}.preview-overlay .hint{color:var(--faint);font-size:var(--fs-caption);text-align:center;max-width:420px;width:auto}.preview-overlay.is-error{color:var(--text)}.preview-overlay.is-error h4{margin:0 0 4px;font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700}.preview-overlay.is-error p{color:var(--muted)}.preview-overlay.is-error .msg{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--accent);word-break:break-word}.preview-overlay .ghost.sm{margin-top:6px}.preview-overlay .spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}.preview-empty{margin:auto;text-align:center;padding:40px;max-width:390px}.preview-empty .glyph{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 18px;border-radius:14px;background:var(--surface);border:1px solid var(--border);color:var(--faint)}.preview-empty .glyph svg{width:26px;height:26px}.preview-empty h3{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;margin:0 0 10px;letter-spacing:-.02em}.preview-empty p{color:var(--muted);line-height:var(--lh-relax);margin:0;font-size:var(--fs-body)}.sp-wrapper,.sp-layout{height:100%!important;border:none!important}.filetree{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.ft-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.ft-title{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.ft-count{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--accent)}.ft-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 6px}.ft-row{display:flex;align-items:center;gap:8px;height:28px;padding-right:10px;border-radius:var(--r2);color:var(--muted);font-size:var(--fs-body);animation:fade-up .18s ease;overflow:hidden}.ft-row.dir{color:var(--text);font-weight:500}.ft-row.active{background:var(--accent-dim);color:var(--accent)}.ft-ico{display:grid;place-items:center;flex:none}.ft-ico svg{width:15px;height:15px}.ft-row.dir .ft-ico{color:var(--accent)}.ft-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ft-spinner{width:10px;height:10px;flex:none;margin-left:auto;border-radius:var(--r-pill);border:1.5px solid var(--accent-line);border-top-color:var(--accent);animation:spin .7s linear infinite}.ft-empty{display:flex;align-items:center;gap:10px;padding:20px 14px;color:var(--faint);font-size:var(--fs-body)}.ft-empty .ft-spinner{margin:0}.ft-row.clickable{cursor:pointer}.ft-row.clickable:hover{background:var(--surface-2);color:var(--text)}.ft-row.selected{background:var(--surface-3);color:var(--text)}.ft-row.selected.active{background:var(--accent-dim);color:var(--accent)}.run-files{display:flex;min-width:0;min-height:0;overflow:hidden}.run-files .filetree{flex:0 1 220px;min-width:0;max-width:240px;border-right:1px solid var(--border)}.filecontent{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.filecontent.empty{align-items:center;justify-content:center;color:var(--faint);font-size:var(--fs-body)}.fc-head{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.fc-ico{display:grid;place-items:center;flex:none;color:var(--muted)}.fc-ico svg{width:15px;height:15px}.fc-name{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-live{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none;font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--accent)}.fc-live .ft-spinner{margin:0}.fc-body{flex:1;min-height:0;margin:0;overflow:auto;padding:14px 16px;font-family:var(--font-mono);font-size:var(--fs-caption);line-height:1.6;color:var(--text);white-space:pre;-moz-tab-size:2;tab-size:2}.fc-body code{font-family:inherit}.fc-badge{margin-left:auto;flex:none;padding:1px 8px;border-radius:999px;border:1px solid var(--border);font-size:var(--fs-micro);color:var(--muted)}.fc-img{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;overflow:auto}.fc-img img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--r2);border:1px solid var(--border);background:repeating-conic-gradient(#1a1e26 0,#1a1e26 25%,#101216 0,#101216 50%) 0 0 / 18px 18px}.fc-img-hint{max-width:420px;text-align:center;font-size:var(--fs-caption);color:var(--faint);line-height:1.6}.btn-stop{display:inline-flex;align-items:center;gap:7px;background:var(--danger-dim);color:var(--danger);border:1px solid var(--danger);border-radius:var(--r2);font-family:var(--font-sans);font-weight:700;font-size:var(--fs-ui);padding:7px 15px;transition:filter .16s var(--ease),transform .16s var(--ease)}.btn-stop svg{width:15px;height:15px}.btn-stop:hover{filter:brightness(1.12)}.btn-stop:active{transform:translateY(1px)}.btn-stop:disabled{opacity:.5;cursor:not-allowed}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 #c6f24f80}70%{box-shadow:0 0 0 6px #c6f24f00}to{box-shadow:0 0 #c6f24f00}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:860px){.auth-page{grid-template-columns:1fr}.auth-hero{display:none}.workspace-body.with-preview{grid-template-columns:minmax(0,360px) minmax(0,1fr)}}@media(max-width:560px){.auth-form-wrap{padding:24px}.legal-overlay{padding:12px}.legal-modal{max-height:calc(100vh - 24px)}.legal-header{padding:21px 20px 18px}.legal-body{padding:20px 20px 6px}.legal-footer{padding:14px 20px}}.balance-chip{height:34px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.02em;color:var(--accent);padding:0 6px 0 11px;border:1px solid var(--accent-line);border-radius:var(--r-pill);background:var(--accent-dim);white-space:nowrap;cursor:pointer;transition:filter .15s var(--ease)}.balance-chip:hover{filter:brightness(1.12);border-color:#c6f24f7a}.balance-chip.low{color:var(--danger);border-color:var(--danger);background:var(--danger-dim)}.balance-recharge{padding:3px 7px;border-left:1px solid var(--accent-line);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-caption);font-weight:650}.balance-chip.low .balance-recharge{border-left-color:#ff6b6b59}.workspace .balance-chip{padding-right:11px}.billing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#0506089e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.billing-modal{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r3, 16px);box-shadow:0 24px 60px -20px #000000b3;padding:30px 32px 32px;animation:billing-pop .32s var(--ease) both}@keyframes billing-pop{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.billing-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.billing-head h2{font-family:var(--font-display);font-size:var(--fs-h2, 18px);font-weight:700;color:var(--text);letter-spacing:-.01em}.billing-close{width:32px;height:32px;border-radius:var(--r1, 8px);display:flex;align-items:center;justify-content:center;color:var(--muted);background:transparent;border:none;font-size:15px;transition:background .15s var(--ease),color .15s var(--ease)}.billing-close:hover{background:var(--surface-3);color:var(--text)}.billing-sub{color:var(--muted);font-size:var(--fs-ui);line-height:var(--lh-body);margin-bottom:24px}.billing-packs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.billing-pack{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;align-items:center;padding:22px 10px 18px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r2);text-align:center;transition:border-color .18s var(--ease),background .18s var(--ease),transform .14s var(--ease)}.billing-pack:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 70%);opacity:0;transition:opacity .18s var(--ease)}.billing-pack:hover{border-color:var(--accent-line);background:var(--surface-3);transform:translateY(-3px)}.billing-pack:hover:before{opacity:1}.billing-pack-price{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.billing-pack-credits{font-size:var(--fs-label, 11px);color:var(--muted);white-space:nowrap;letter-spacing:.01em}.billing-pack-credits b{color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}.billing-custom{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.billing-custom-label{display:block;font-family:var(--font-mono);font-size:var(--fs-micro, 11px);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:12px}.billing-custom-row{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r2);padding:6px 6px 6px 16px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.billing-custom-row:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-dim)}.billing-custom-prefix{color:var(--muted);font-size:17px;font-weight:700}.billing-custom-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-size:16px;font-family:var(--font-sans)}.billing-custom-row .btn-primary{flex:none;padding:10px 20px}.billing-custom-error{margin-top:10px;font-size:var(--fs-caption, 12px)}.billing-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:280px;color:var(--muted);font-size:var(--fs-ui)}.billing-qr{padding:14px;background:#fff;border-radius:var(--r2);box-shadow:var(--shadow-2)}.billing-amount{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--text);margin-top:16px;font-variant-numeric:tabular-nums}.billing-hint{font-size:var(--fs-caption, 12px);color:var(--faint)}.billing-paid{color:var(--accent);gap:14px}.billing-check{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--accent-ink);background:var(--accent);box-shadow:0 12px 30px -10px var(--accent);animation:billing-check-pop .4s var(--ease) both}@keyframes billing-check-pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media(max-width:520px){.billing-modal{padding:24px 20px 26px}.billing-packs{grid-template-columns:repeat(2,1fr)}}.welcome-modal{max-width:420px;text-align:center}.welcome-hero{display:flex;flex-direction:column;align-items:center;gap:6px}.welcome-logo{width:38px;height:38px}.welcome-hero h2{font-size:var(--fs-h3, 18px);font-weight:800;color:var(--text);margin-top:6px}.welcome-hero .billing-sub{margin-bottom:0}.welcome-steps{list-style:none;margin:20px 0 22px;padding:0;display:flex;flex-direction:column;gap:12px;text-align:left}.welcome-step{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r2)}.welcome-step-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-caption, 12px);font-weight:700;color:var(--accent-ink);background:var(--accent)}.welcome-step-title{font-size:var(--fs-ui);font-weight:600;color:var(--text)}.welcome-step-desc{font-size:var(--fs-caption, 12px);color:var(--muted);margin-top:2px}.welcome-cta{width:100%;justify-content:center;padding:12px}.examples{margin-bottom:48px}.examples-inline-header{margin-bottom:22px;text-align:left}.examples-inline-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:6px 0 8px}.examples-inline-desc{font-size:13.5px;color:var(--muted);margin:0;line-height:1.6;max-width:640px}.gallery-filter-bar{margin-bottom:22px;display:flex;align-items:center;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:2px 2px 6px}.gallery-filter-bar::-webkit-scrollbar{display:none}.gallery-filter-tabs{display:inline-flex;align-items:center;gap:6px;padding:4px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:100px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.gallery-filter-tab{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;color:var(--muted);font-family:inherit;font-size:12.5px;font-weight:500;padding:5px 14px;border-radius:100px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);white-space:nowrap}.gallery-filter-tab:hover{color:var(--text);background:#ffffff0f}.gallery-filter-tab.active{background:#ffffff1f;border-color:#ffffff2e;color:#fff;box-shadow:0 2px 10px #00000059}.gallery-tab-count{font-family:var(--font-mono);font-size:11px;opacity:.65;padding:1px 5px;border-radius:6px;background:#ffffff14}.gallery-filter-tab.active .gallery-tab-count{opacity:.95;background:#ffffff2e}.example-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}@media(max-width:1140px){.example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.example-grid{grid-template-columns:1fr}}.example-grid li{animation:example-in .45s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--stagger, 0ms)}@keyframes example-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.example-grid li{animation:none}}.example-card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;text-align:left;background:#0f1118b3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;cursor:pointer;padding:0;box-shadow:0 4px 20px -8px #0009;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),background .28s cubic-bezier(.16,1,.3,1)}.example-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:18px;background:radial-gradient(350px 140px at 50% 0%,color-mix(in srgb,var(--demo-accent, var(--accent)) 22%,transparent),transparent 75%);opacity:0;transition:opacity .3s ease;z-index:3}.example-card:hover{transform:translateY(-4px);background:#141721eb;border-color:color-mix(in srgb,var(--demo-accent, var(--accent)) 50%,rgba(255,255,255,.22));box-shadow:0 20px 40px -14px #000000d9,0 0 35px -8px color-mix(in srgb,var(--demo-accent, var(--accent)) 32%,transparent)}.example-card:hover:before{opacity:1}.example-cover{position:relative;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden;background:#0c0e14}.example-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:1;opacity:.94;filter:contrast(1.02);transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .25s ease}.example-card:hover .example-shot{transform:scale(1.045);opacity:1}.example-cover-scrim{position:absolute;top:40%;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(12,14,20,.72))}.example-cat-pill{position:absolute;top:10px;left:10px;z-index:4;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:100px;font-size:11px;font-weight:500;letter-spacing:.02em;color:#ffffffe6;background:#090b10b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 8px #00000059;pointer-events:none}.example-cat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.example-privacy-pill{position:absolute;top:10px;right:10px;z-index:4;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:100px;font-size:10.5px;font-weight:500;color:#ffffffb3;background:#090b10a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);pointer-events:none}.privacy-pill-icon{width:11px;height:11px;stroke-width:2;color:#10b981}.example-cover-actions{position:absolute;bottom:10px;left:10px;right:10px;z-index:4;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transform:translateY(8px);transition:all .24s cubic-bezier(.16,1,.3,1)}.example-card:hover .example-cover-actions{opacity:1;transform:translateY(0)}.example-quick-btn{display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:11.5px;font-weight:600;padding:6px 12px;border-radius:100px;cursor:pointer;transition:all .18s ease}.example-quick-btn svg{width:12px;height:12px}.example-quick-preview{color:#ffffffe6;background:#0e1017d9;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.example-quick-preview:hover{background:#191d2af2;border-color:#ffffff4d;color:#fff}.example-quick-create{color:#0b0d13;background:var(--accent);border:1px solid var(--accent);box-shadow:0 2px 10px #0006}.example-quick-create:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 14px #00000080}.example-body{padding:16px 17px 18px;display:flex;flex-direction:column;gap:7px;flex:1}.example-body-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.example-title{font-size:15px;font-weight:650;letter-spacing:-.015em;color:var(--text);margin:0;line-height:1.4;transition:color .18s ease}.example-card:hover .example-title{color:#fff}.example-arrow{display:inline-flex;flex-shrink:0;color:var(--demo-accent, var(--accent));opacity:0;transform:translate(-4px);transition:all .2s cubic-bezier(.16,1,.3,1)}.example-arrow svg{width:14px;height:14px}.example-card:hover .example-arrow{opacity:1;transform:translate(0)}.example-desc{font-size:12.5px;color:var(--muted);margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.example-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.example-tag{font-family:var(--font-mono);font-size:11px;color:var(--faint);background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:2px 7px;transition:all .18s ease}.example-card:hover .example-tag{color:color-mix(in srgb,var(--demo-accent, var(--accent)) 65%,var(--muted));border-color:color-mix(in srgb,var(--demo-accent, var(--accent)) 25%,rgba(255,255,255,.1))}.demo-modal{width:100%;max-width:960px;height:min(88vh,780px);display:flex;flex-direction:column;background:#0d0f15;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 28px 70px -20px #000000d9;overflow:hidden}.demo-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.demo-modal-title-wrap{display:flex;flex-direction:column;gap:6px}.demo-modal-tag-row{display:flex;align-items:center;gap:10px}.demo-modal-cat-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:2px 9px;border-radius:100px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff}.demo-modal-privacy-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#fff9}.demo-modal-head h2{font-size:18px;font-weight:700;color:var(--text);margin:2px 0 0}.demo-modal-head p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.demo-modal-stage{flex:1;min-height:0;background:#08090d}.demo-poster{position:relative;height:100%;overflow:auto;background:#08090d;padding:16px}.demo-poster-img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.demo-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-top:1px solid rgba(255,255,255,.08);background:#0e1016d9}.demo-modal-meta-tags{display:flex;gap:6px;flex-wrap:wrap}.demo-start-btn{white-space:nowrap;box-shadow:0 4px 16px #0006}.gallery-overlay{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#040508c7}.gallery-modal{width:100%;max-width:1240px;height:min(88vh,880px);display:flex;flex-direction:column;background:radial-gradient(800px 320px at 25% -40px,rgba(56,189,248,.08),transparent 70%),radial-gradient(600px 240px at 75% -40px,rgba(139,92,246,.06),transparent 70%),#0c0e14;border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:0 0 0 1px #ffffff0a,0 32px 80px -20px #000000d9;overflow:hidden;animation:billing-pop .32s cubic-bezier(.16,1,.3,1) both}.gallery-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.gallery-head-info{display:flex;flex-direction:column;gap:6px}.gallery-kicker{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.gallery-kicker-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.gallery-modal-head h2{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0}.gallery-count{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-line);border-radius:100px;padding:3px 10px}.gallery-modal-head p{font-size:13px;color:var(--muted);margin:2px 0 0;line-height:1.5}.gallery-close-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--muted);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.gallery-close-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff;transform:scale(1.05)}.gallery-close-btn svg{width:16px;height:16px}.gallery-modal-body{flex:1;min-height:0;overflow-y:auto;padding:20px 28px 30px}@media(max-width:720px){.gallery-modal-head{padding:18px 20px 16px}.gallery-modal-body{padding:16px 20px 24px}.gallery-modal-head h2{font-size:18px}}.demo-overlay{z-index:90}@media(max-width:860px){.account-identity{max-width:126px}.account-name{max-width:88px}.account-content{padding-top:36px}}@media(max-width:720px){.page>.topbar{padding-inline:16px}.account-name{display:none}.account-identity{max-width:none}.create-bar{flex-wrap:wrap}.create-bar .field-wrap{flex:1 0 100%}.account-form{grid-template-columns:1fr}.account-submit{grid-column:1}.consent-row{grid-template-columns:minmax(120px,1fr) auto;gap:8px 14px}.consent-row time{grid-column:1 / -1;text-align:left}}@media(max-width:560px){.page>.topbar{padding-inline:12px;gap:10px}.account-nav{gap:4px}.account-identity,.account-nav-divider{display:none}.topbar-action{padding-inline:8px}.logout-action span{display:none}.logout-action{width:34px;padding:0}.balance-chip{padding-left:9px}.balance-label{font-size:10.5px}.balance-recharge{padding-inline:6px}.account-content{padding:30px 16px 72px}.account-page-head{margin-bottom:24px}.account-page-head h1{font-size:30px}.account-section{padding:19px 17px}.account-stat-grid{grid-template-columns:1fr}.account-stat{min-height:66px;flex-direction:row;align-items:center}.account-actions{align-items:stretch;flex-direction:column}.account-actions .btn-primary{justify-content:center}.account-text-link{text-align:center}.transaction-row{align-items:flex-start;gap:14px;padding-inline:2px}.transaction-main small{display:block;line-height:var(--lh-body)}.transaction-main small span{display:block}.transaction-main small span:after{display:none}.report-row{grid-template-columns:1fr auto}.projects-toolbar{align-items:stretch;flex-direction:column;gap:12px}.projects-toolbar-divider{display:none}.project-search,.project-search input{width:100%}.create-section{margin-bottom:26px}}@media(max-width:440px){.page>.topbar>.brand{gap:0;font-size:0}.topbar-action:not(.logout-action){font-size:12px}.balance-recharge{display:none}.balance-chip{padding-right:9px}}.share-modal{max-width:500px}.share-toggle-card{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r2);padding:14px 16px;margin-top:14px}.share-toggle-info{display:flex;flex-direction:column;gap:3px}.share-toggle-title{font-weight:600;font-size:14px;color:var(--text)}.share-toggle-desc{font-size:12px;color:var(--muted)}.custom-switch{width:44px;height:24px;background:var(--surface-3);border-radius:999px;position:relative;display:inline-block;transition:background .2s var(--ease)}.custom-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s var(--ease),background .2s var(--ease)}.custom-switch.is-active{background:var(--accent)}.custom-switch.is-active:after{transform:translate(20px);background:#101216}.share-link-section{margin-top:16px;display:flex;flex-direction:column;gap:8px;animation:billing-pop .25s var(--ease) both}.share-view-counter-info{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r1);padding:8px 12px;font-size:13px;color:var(--muted)}.share-view-counter-label{font-weight:500}.share-view-counter-value{color:var(--text)}.share-view-counter-value strong{color:var(--accent);font-family:var(--font-mono);font-weight:700;font-size:14px}.share-input-label{font-size:12px;font-weight:500;color:var(--muted)}.share-input-group{display:flex;gap:8px;align-items:center}.share-url-input{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r1);padding:8px 12px;color:var(--text);font-size:13px;font-family:var(--font-mono);outline:none;min-width:0}.share-url-input:focus{border-color:var(--accent)}.share-action-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--accent);color:var(--accent-ink);border:1px solid transparent;border-radius:var(--r2);font-family:var(--font-sans);font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 14px;font-size:13px}.share-action-btn:hover{filter:brightness(1.06)}.share-action-btn:active{transform:translateY(1px)}.share-preview-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.share-tips{margin-top:10px;font-size:12px;line-height:1.6;color:var(--muted);background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--r1);padding:10px 12px}.share-modal-foot{display:flex;justify-content:flex-end;margin-top:22px}.public-share-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:#0b0d11}.share-floating-bar{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:12px;padding:5px 8px 5px 14px;background:#101218eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 12px 36px -8px #000000a6,0 0 0 1px #ffffff0a;animation:float-bar-in .28s var(--ease) both;-webkit-user-select:none;user-select:none;white-space:nowrap}@keyframes float-bar-in{0%{opacity:0;transform:translate(-50%,-10px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes float-dock-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.share-floating-bar .bar-left{display:flex;align-items:center;gap:8px;min-width:0;max-width:380px}.share-floating-bar .live-dot{width:7.5px;height:7.5px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;flex-shrink:0;animation:live-dot-pulse 2s ease-in-out infinite}@keyframes live-dot-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #10b981}50%{opacity:.6;transform:scale(.85);box-shadow:0 0 3px #10b981}}.share-floating-bar .tool-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.share-floating-bar .share-safe-pill{font-size:11px;color:#34d399;background:#10b9811a;border:1px solid rgba(16,185,129,.22);padding:2px 8px;border-radius:999px;white-space:nowrap;font-family:var(--font-mono);display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.share-floating-bar .bar-divider{width:1px;height:16px;background:#ffffff1f;flex-shrink:0}.share-floating-bar .bar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.share-floating-bar .fork-btn{height:32px;padding:0 14px;font-size:12.5px;font-weight:700;letter-spacing:.01em;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:var(--accent-ink);border:none;cursor:pointer;box-shadow:0 2px 10px #c6f24f40;transition:transform .16s var(--ease),filter .16s var(--ease),box-shadow .16s var(--ease);white-space:nowrap;text-decoration:none}.share-floating-bar .fork-btn svg{width:14px;height:14px;flex-shrink:0;stroke:var(--accent-ink);stroke-width:2}.share-floating-bar .fork-btn:hover{filter:brightness(1.08);box-shadow:0 4px 18px -2px #c6f24f80;transform:translateY(-1px)}.share-floating-bar .fork-btn:active{transform:translateY(0)}.share-floating-bar .fork-btn:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none;box-shadow:none}.share-floating-bar .collapse-toggle-btn{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:1px solid transparent;color:var(--muted);cursor:pointer;transition:all .15s var(--ease);flex-shrink:0}.share-floating-bar .collapse-toggle-btn svg{width:13px;height:13px;flex-shrink:0;stroke:currentColor;stroke-width:2}.share-floating-bar .collapse-toggle-btn:hover{color:var(--text);background:#ffffff14;border-color:#ffffff1f}.share-collapsed-dock{position:fixed;bottom:20px;right:20px;z-index:60;display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 12px;background:#101218eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:999px;box-shadow:0 10px 30px -4px #000000a6,0 0 0 1px #ffffff0a;animation:float-dock-in .25s var(--ease) both;-webkit-user-select:none;user-select:none;white-space:nowrap}.share-collapsed-badge{display:inline-flex;align-items:center;gap:7px;background:transparent;border:none;padding:4px 6px 4px 0;color:var(--text);cursor:pointer;white-space:nowrap;transition:color .15s var(--ease)}.share-collapsed-badge .collapsed-sparkle{width:14px;height:14px;flex-shrink:0;color:var(--accent)}.share-collapsed-badge .collapsed-title{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.share-collapsed-badge:hover .collapsed-title{color:var(--accent)}.share-collapsed-badge .collapsed-expand-hint{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:2px;padding:2px 7px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);white-space:nowrap;transition:all .15s}.share-collapsed-badge .collapsed-expand-hint svg{width:11px;height:11px;flex-shrink:0}.share-collapsed-badge:hover .collapsed-expand-hint{color:var(--text);background:#ffffff1f;border-color:#ffffff2e}.share-collapsed-dock .collapsed-divider{width:1px;height:16px;background:#ffffff1f;flex-shrink:0}.share-collapsed-dock .collapsed-fork-btn{height:28px;padding:0 11px;font-size:12px;font-weight:700;border-radius:999px;display:inline-flex;align-items:center;gap:4px;background:var(--accent);color:var(--accent-ink);border:none;cursor:pointer;box-shadow:0 2px 8px #c6f24f38;transition:transform .16s var(--ease),filter .16s var(--ease),box-shadow .16s var(--ease);white-space:nowrap}.share-collapsed-dock .collapsed-fork-btn svg{width:12px;height:12px;flex-shrink:0;stroke:var(--accent-ink);stroke-width:2}.share-collapsed-dock .collapsed-fork-btn:hover{filter:brightness(1.08);box-shadow:0 4px 14px -2px #c6f24f73;transform:translateY(-1px)}.share-collapsed-dock .collapsed-fork-btn:active{transform:translateY(0)}.share-collapsed-dock .collapsed-fork-btn:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none;box-shadow:none}.public-share-container>button.share-collapsed-badge{position:fixed;bottom:20px;right:20px;z-index:60;display:inline-flex;align-items:center;gap:8px;padding:7px 16px;background:#101218eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--text);font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:0 8px 24px #00000080;cursor:pointer;transition:all .18s var(--ease)}.public-share-container>button.share-collapsed-badge svg{width:14px;height:14px;flex-shrink:0;color:var(--accent)}.public-share-container>button.share-collapsed-badge:hover{border-color:var(--accent-line);color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 28px #0009}@media(max-width:640px){.share-floating-bar{top:10px;padding:5px 8px 5px 12px;max-width:calc(100vw - 20px);gap:8px}.share-floating-bar .tool-title{max-width:110px}.share-floating-bar .share-safe-pill{display:none}.share-collapsed-dock{bottom:14px;right:14px}.share-collapsed-dock .collapsed-title{max-width:90px}}.share-stage,.share-sandpack-wrapper{width:100%;height:100%;position:relative}.share-sandpack-wrapper .sp-wrapper,.share-sandpack-wrapper .sp-layout,.share-sandpack-wrapper .share-sandpack-preview,.share-sandpack-wrapper .share-sandpack-preview .sp-preview-container,.share-sandpack-wrapper .share-sandpack-preview .sp-preview-iframe{width:100%!important;height:100%!important;border:none!important;border-radius:0!important}.public-share-error-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.public-share-error-card{max-width:440px;width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r3);padding:36px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 20px 50px #00000080}.public-share-error-card .brand-badge{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:700;font-size:15px}.public-share-error-card h2{font-size:20px;color:var(--text);font-weight:700}.public-share-error-card .err-msg{color:var(--muted);font-size:14px;line-height:1.6}.fork-options-grid{display:flex;flex-direction:column;gap:12px;margin-top:18px}.fork-option-btn{height:44px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.quick-pills-wrap{display:flex;align-items:center;gap:8px 12px;margin-top:0;margin-bottom:0;flex-wrap:wrap}.quick-pills-label{font-size:11.5px;color:var(--faint);font-family:var(--font-mono);flex-shrink:0;letter-spacing:.04em}.quick-pills-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.quick-pill-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-pill);padding:4px 11px;font-size:11.5px;color:var(--muted);cursor:pointer;transition:all .18s var(--ease);line-height:1.4;white-space:nowrap}.quick-pill-btn .pill-icon{width:13px;height:13px;color:var(--muted);opacity:.85;transition:color .18s var(--ease),opacity .18s var(--ease)}.quick-pill-btn:hover{border-color:#c6f24f59;color:var(--text);background:#c6f24f0f;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d,0 0 12px #c6f24f14}.quick-pill-btn:hover .pill-icon{color:var(--accent);opacity:1}.quick-pill-btn:active{transform:translateY(0)}.btn-share-highlight{border-color:var(--accent-line)!important;color:var(--accent)!important;background:var(--accent-dim)!important;font-weight:600!important}.btn-share-highlight:hover{background:#c6f24f38!important}.btn-share-highlight.is-shared{border-color:var(--cyan-line)!important;color:var(--cyan)!important;background:var(--cyan-dim)!important}.sandbox-security-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.25);padding:3px 10px;border-radius:var(--r-pill)}.sandbox-security-badge .badge-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}.preview-toolbar-left{display:flex;align-items:center;gap:12px}.share-safe-pill{font-size:11px;color:#10b981;background:#10b9811f;border:1px solid rgba(16,185,129,.28);padding:2px 8px;border-radius:var(--r-pill);white-space:nowrap;font-family:var(--font-mono)}