:root{--bg:#0b0d12;--bg-2:#12151c;--glass:#161a248c;--glass-strong:#161a24d1;--stroke:#ffffff17;--text:#eef1f6;--muted:#9aa3b2;--accent:#6c8cff;--accent-2:#8f6cff;--ok:#34d399;--danger:#ff5a6a;--radius:20px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font:15px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea{font:inherit;color:var(--text)}.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);border:1px solid var(--stroke);box-shadow:0 10px 40px #00000059}.canvas-wrap{touch-action:none;position:fixed;inset:0}.topbar{top:calc(10px + var(--safe-top));z-index:10;pointer-events:none;align-items:center;gap:8px;display:flex;position:fixed;left:12px;right:12px}.topbar>*{pointer-events:auto}.pill{border-radius:22px;align-items:center;gap:8px;height:44px;padding:0 14px;font-weight:600;display:inline-flex}.icon-btn{border-radius:22px;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.spacer{flex:1}.credits.low{color:#fff;background:#ff5a6a8c;border-color:#ff5a6a99}.credits .plus{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:13px;place-items:center;width:26px;height:26px;margin-right:-6px;font-size:17px;display:grid}.plan-chip{text-transform:uppercase;letter-spacing:.06em;height:30px;color:var(--muted);padding:0 12px;font-size:12px}.dock{left:50%;bottom:calc(18px + var(--safe-bottom));z-index:10;border-radius:30px;gap:10px;padding:8px;display:flex;position:fixed;transform:translate(-50%)}.dock button{border-radius:24px;align-items:center;gap:8px;min-width:48px;height:48px;padding:0 16px;font-weight:600;display:inline-flex}.dock .primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 6px 24px #6c8cff73}.dock .active{background:#ffffff1f}.sheet-backdrop{z-index:20;background:#00000059;position:fixed;inset:0}.sheet{z-index:21;padding:10px 18px calc(22px + var(--safe-bottom));background:var(--glass-strong);border-radius:26px 26px 0 0;max-height:88vh;position:fixed;bottom:0;left:0;right:0;overflow:auto}@media (width>=720px){.sheet{width:560px;margin-left:-280px;left:50%;right:auto}}.grabber{background:#ffffff40;border-radius:3px;width:42px;height:5px;margin:0 auto 12px}.sheet h2{margin:4px 0 14px;font-size:20px}.sheet .sub{color:var(--muted);margin:-8px 0 14px;font-size:14px}.field{border:1px solid var(--stroke);resize:none;background:#ffffff0f;border-radius:16px;outline:none;width:100%;padding:14px}.field:focus{border-color:#6c8cff99}.btn{background:#ffffff14;border-radius:27px;width:100%;height:54px;font-size:16px;font-weight:700}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff}.btn:disabled{opacity:.5}.row{align-items:center;gap:10px;display:flex}.chips{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.chip{border:1px solid var(--stroke);background:#ffffff0f;border-radius:14px;padding:8px 12px;font-size:13px}.chip.on{border-color:var(--accent);background:#6c8cff2e}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.card{border:1px solid var(--stroke);text-align:left;background:#ffffff0d;border-radius:18px;padding:14px}.card.sel{border-color:var(--accent);background:#6c8cff24}.card .big{font-size:22px;font-weight:800}.card .muted,.muted{color:var(--muted);font-size:13px}.lock{opacity:.55}.tabs{background:#ffffff0f;border-radius:14px;margin-bottom:14px;padding:4px;display:flex}.tabs button{height:38px;color:var(--muted);border-radius:11px;flex:1;font-weight:600}.tabs button.on{color:var(--text);background:#ffffff1f}.proj{text-align:left;background:#ffffff0a;border-radius:16px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:10px;display:flex}.proj .thumb{background:#1b2030 50%/cover;border-radius:12px;flex:none;place-items:center;width:56px;height:56px;font-size:22px;display:grid}.proj .name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.bar{background:#ffffff1a;border-radius:3px;height:5px;margin-top:6px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .4s;display:block}.qr{background:#fff;border-radius:20px;width:232px;margin:4px auto 14px;padding:16px}.timer{text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);margin-bottom:12px}.success{text-align:center;padding:30px 0 20px}.success .check{width:84px;height:84px;color:var(--ok);background:#34d3992e;border-radius:42px;place-items:center;margin:0 auto 14px;font-size:42px;display:grid}.radial{z-index:30;width:0;height:0;position:fixed}.radial .item{text-align:center;border-radius:28px;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;font-size:13px;font-weight:700;line-height:1.05;display:grid;position:absolute}.radial .item.on{background:#6c8cff99}.radial .center{background:#fff6;border-radius:10px;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute}.auth{background:radial-gradient(1000px 600px at 50% -10%, #6c8cff40, transparent), var(--bg);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth .box{border-radius:28px;width:100%;max-width:380px;padding:26px 20px}.auth h1{margin:0 0 4px;font-size:26px}.auth .stack>*+*{margin-top:10px}.divider{color:var(--muted);align-items:center;gap:10px;margin:16px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--stroke);flex:1;height:1px}.link{color:var(--accent);font-weight:600}.toast{left:50%;top:calc(66px + var(--safe-top));z-index:40;border-radius:16px;max-width:92vw;padding:12px 16px;font-weight:600;position:fixed;transform:translate(-50%)}.toast.error{border-color:#ff5a6a99}.hint{text-align:center;color:var(--muted);pointer-events:none;padding:0 30px;position:fixed;top:42%;left:0;right:0}.hint b{color:var(--text);margin-bottom:6px;font-size:22px;display:block}.gen-badge{left:50%;top:calc(64px + var(--safe-top));z-index:9;border-radius:18px;min-width:220px;padding:10px 16px;position:fixed;transform:translate(-50%)}.editbar-top{top:calc(62px + var(--safe-top));z-index:9;pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:fixed;left:12px;right:12px}.editbar-top>*{pointer-events:auto;height:38px;font-size:14px}.editbar-top .save{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.editbar{left:50%;bottom:calc(90px + var(--safe-bottom));z-index:10;border-radius:22px;flex-direction:column;gap:6px;width:min(92vw,460px);padding:8px 10px;display:flex;position:fixed;transform:translate(-50%)}.editbar .name{text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:2px 4px;font-weight:700;overflow:hidden}.editbar .row button{background:#ffffff14;border-radius:14px;flex:1;height:40px;font-size:14px;font-weight:600}.editbar .row button.danger{color:#ffb3bb;background:#ff5a6a38}.gen-badge{top:calc(110px + var(--safe-top))}