#toast-container{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:10000;font-family:JetBrains Mono,Courier New,PingFang SC,Microsoft YaHei,monospace}.ghost-toast{width:320px;background:var(--bg-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-cyan-dim);display:flex;box-shadow:var(--shadow-sm);animation:var(--pp-slide-in-right, slideIn) .3s var(--ease-in-out) forwards}.ghost-toast.toast-warning{border-color:var(--color-danger-dim)}.toast-glow-line{width:3px;background:var(--color-cyan);box-shadow:0 0 8px var(--color-cyan)}.toast-warning .toast-glow-line{background:var(--color-danger);box-shadow:0 0 8px var(--color-danger)}.toast-content{padding:12px 16px;flex:1}.toast-title{color:var(--color-cyan);font-size:11px;letter-spacing:1.5px;margin-bottom:6px;text-shadow:0 0 5px var(--color-cyan-bright)}.toast-warning .toast-title{color:var(--color-danger);text-shadow:0 0 5px var(--color-danger-glow)}.toast-msg{color:var(--c-blue-300);font-size:13px;line-height:1.4}.toast-fade-out{animation:slideOut .3s forwards}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}.sidebar__logo:hover .sidebar-logo-frame{stroke:url(#logoGrad);opacity:1;animation:logoDrawFrame 1.5s ease-out forwards;stroke-dasharray:200}.hud-scroll-container{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.hud-scroll-container.hud-scroll-horizontal{flex-direction:row}.hud-scroll-content{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.hud-scroll-content[data-orientation=horizontal]{overflow-y:hidden;overflow-x:auto}.hud-scroll-content[data-orientation=both]{overflow-x:auto;overflow-y:auto}.hud-scroll-content::-webkit-scrollbar{display:none}.hud-scrollbar-track{position:absolute;top:10px;bottom:10px;right:6px;width:16px;pointer-events:none;z-index:100}.hud-scroll-horizontal .hud-scrollbar-track,.hud-scrollbar-track-horizontal{inset:auto 10px 6px;width:auto;height:var(--hud-thumb-thickness, 16px)}.hud-scroll-both .hud-scrollbar-track-vertical{bottom:24px}.hud-scroll-both .hud-scrollbar-track-horizontal{right:24px}.hud-thumb{position:absolute;top:0;right:0;width:var(--hud-thumb-thickness, 16px);height:var(--hud-thumb-length, 64px);color:var(--color-cyan);display:flex;justify-content:center;opacity:0;transition:opacity .3s cubic-bezier(.16,1,.3,1),color .2s ease;pointer-events:auto;cursor:grab}.hud-scroll-horizontal .hud-thumb,.hud-scrollbar-track-horizontal .hud-thumb{top:0;right:auto;left:0;width:var(--hud-thumb-length, 64px);height:var(--hud-thumb-thickness, 16px)}.hud-scroll-horizontal .hud-thumb svg,.hud-scrollbar-track-horizontal .hud-thumb svg{width:100%;height:12px}.hud-thumb svg{width:12px;height:100%;filter:drop-shadow(0 0 4px var(--color-cyan-glow));transition:all .2s ease}.hud-scrollbar-track.is-active .hud-thumb{opacity:1}.hud-scroll-always-visible .hud-scrollbar-track{pointer-events:auto}.hud-scroll-always-visible .hud-scrollbar-track .hud-thumb{opacity:1}.hud-thumb:hover,.hud-thumb:active,.hud-thumb.is-dragging{color:var(--c-purple-450)}.hud-thumb:hover svg,.hud-thumb:active svg,.hud-thumb.is-dragging svg{filter:drop-shadow(0 0 8px rgba(175,64,255,.8));transform:scaleX(1.2)}.hud-scroll-horizontal .hud-thumb:hover svg,.hud-scroll-horizontal .hud-thumb:active svg,.hud-scroll-horizontal .hud-thumb.is-dragging svg,.hud-scrollbar-track-horizontal .hud-thumb:hover svg,.hud-scrollbar-track-horizontal .hud-thumb:active svg,.hud-scrollbar-track-horizontal .hud-thumb.is-dragging svg{transform:scaleY(1.2)}.hud-thumb:active,.hud-thumb.is-dragging{cursor:grabbing}.ai-orbit-1,.ai-orbit-2{transform-origin:12px 12px;transition:transform .8s cubic-bezier(.175,.885,.32,1.275)}.ai-spark{transform-origin:12px 12px;transition:opacity .3s,transform .3s}.animated-icon-trigger:hover .ai-orbit-1{transform:rotate(90deg)}.animated-icon-trigger:hover .ai-orbit-2{transform:rotate(-90deg)}.animated-icon-trigger:hover .ai-spark{animation:ai-pulse-icon 1s infinite alternate}@keyframes ai-pulse-icon{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.pen-body{transform-origin:17px 3px}.animated-icon-trigger:hover .pen-body{animation:pen-sway-icon .8s ease-in-out infinite}@keyframes pen-sway-icon{0%{transform:rotate(0)}25%{transform:rotate(-12deg)}50%{transform:rotate(0)}75%{transform:rotate(12deg)}to{transform:rotate(0)}}.purge-icon{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.trash-lid{transform-origin:left bottom;transform-box:fill-box;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.trash-base{transition:transform .3s ease}.trash-data{stroke-dasharray:2 12;stroke-dashoffset:0;transition:all .3s ease}.animated-icon-trigger:hover .trash-lid{transform:translateY(-3px) translate(-1px) rotate(-16deg)}.animated-icon-trigger:hover .trash-base{transform:translateY(1px)}.animated-icon-trigger:hover .trash-data{stroke-dasharray:3 4;animation:digitalAsh-icon .6s linear infinite;stroke:var(--c-red-450-f)}@keyframes digitalAsh-icon{0%{stroke-dashoffset:0}to{stroke-dashoffset:-7}}.stick-arm,.camera-string{transition:d .2s cubic-bezier(.4,0,.2,1)}.flash-lines{transform-origin:14px 4px;transition:opacity .1s}.animated-icon-trigger:hover .stick-arm{d:path("M4 12.5l-2 1.5")}.animated-icon-trigger:hover .camera-string{d:path("M10 13 Q 6 13.5 2 14")}.animated-icon-trigger:hover .flash-lines{animation:flash-burst-icon .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes flash-burst-icon{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}.clapper-top{transform-origin:3px 11px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.animated-icon-trigger:hover .clapper-top,.icon-clapperboard--open .clapper-top{transform:rotate(-24deg)}.upload-arrow{transition:transform .3s ease}.animated-icon-trigger:hover .upload-arrow{animation:upload-bounce-icon 1s infinite}@keyframes upload-bounce-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.upload-arrow{transform-origin:center;transition:transform .3s ease}.animated-icon-trigger:hover .upload-arrow{animation:upload-bounce-icon .8s infinite ease-in-out}@keyframes upload-bounce-icon{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.heart-path{transform-origin:center;transition:transform .3s ease}.animated-icon-trigger:hover .heart-path{animation:heart-beat-icon 1.8s cubic-bezier(.175,.885,.32,1.275) infinite}@keyframes heart-beat-icon{0%,to{transform:scale(1)}15%{transform:scale(1.1)}30%{transform:scale(1)}45%{transform:scale(1.08)}60%{transform:scale(1)}75%{transform:scale(1.05)}90%{transform:scale(1)}}.copy-back{transition:transform .3s ease,opacity .3s ease}.copy-front{transition:transform .3s ease}.animated-icon-trigger:hover .copy-back{transform:translate(2px,2px);opacity:.6}.animated-icon-trigger:hover .copy-front{transform:translate(-1px,-1px)}.refresh-arrow,.refresh-path{transition:transform .3s ease;transform-origin:center}.animated-icon-trigger:hover .refresh-arrow{animation:refresh-spin-icon .8s ease-in-out infinite}.animated-icon-trigger:hover .refresh-path{animation:refresh-spin-icon 1s linear infinite}@keyframes refresh-spin-icon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gift-box{transition:transform .3s ease;transform-origin:bottom center}.gift-ribbon{transition:stroke-width .3s ease}.gift-bow{transition:transform .3s ease;transform-origin:center top}.animated-icon-trigger:hover .gift-box{animation:gift-bounce-icon .6s ease-in-out infinite alternate}.animated-icon-trigger:hover .gift-ribbon{stroke-width:2.5}.animated-icon-trigger:hover .gift-bow{transform:scale(1.15)}@keyframes gift-bounce-icon{0%{transform:scaleY(1)}to{transform:scaleY(.92)}}.warning-triangle{transition:transform .3s ease;transform-origin:center}.warning-exclaim{transition:transform .3s ease}.warning-dot{transition:transform .3s ease,opacity .3s ease}.animated-icon-trigger:hover .warning-triangle{animation:warning-shake-icon .5s ease-in-out infinite}.animated-icon-trigger:hover .warning-exclaim{animation:warning-pulse-icon .8s ease-in-out infinite alternate}.animated-icon-trigger:hover .warning-dot{animation:warning-blink-icon .6s ease-in-out infinite alternate}@keyframes warning-shake-icon{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes warning-pulse-icon{0%{transform:scaleY(1)}to{transform:scaleY(1.3)}}@keyframes warning-blink-icon{0%{opacity:1}to{opacity:.3}}.users-person-1,.users-head-1,.users-person-2,.users-head-2{transition:transform .3s ease}.animated-icon-trigger:hover .users-person-1,.animated-icon-trigger:hover .users-head-1{transform:translate(-1px)}.animated-icon-trigger:hover .users-person-2,.animated-icon-trigger:hover .users-head-2{transform:translate(1px)}.arrow-shaft,.arrow-head{transition:transform .3s ease}.animated-icon-trigger:hover .arrow-shaft{transform:scaleX(1.1)}.animated-icon-trigger:hover .arrow-head{animation:arrow-nudge-icon .8s ease-in-out infinite alternate}@keyframes arrow-nudge-icon{0%{transform:translate(0)}to{transform:translate(3px)}}.plus-v,.plus-h{transition:transform .3s ease,stroke-width .3s ease;transform-origin:center}.animated-icon-trigger:hover .plus-v{transform:rotate(90deg);stroke-width:2.5}.animated-icon-trigger:hover .plus-h{stroke-width:2.5}.icon-ai-chat__bubble,.icon-ai-chat__spark,.icon-ai-chat__dot{transform-origin:center;transition:transform .25s ease,opacity .25s ease}.animated-icon-trigger:hover .icon-ai-chat__bubble{transform:translateY(-.5px)}.animated-icon-trigger:hover .icon-ai-chat__spark{animation:icon-ai-chat-spark .9s ease-in-out infinite alternate}.animated-icon-trigger:hover .icon-ai-chat__dot{opacity:.72}@keyframes icon-ai-chat-spark{0%{opacity:.72;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}.ecommerce-home:before,.product-workspace:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.04;mix-blend-mode:overlay}:root{--c-cyan-500: #00f0ff;--c-cyan-500-b: #00e5ff;--c-cyan-500-c: #00dfff;--c-cyan-500-d: #2dd4bf;--c-cyan-400: #67e8f9;--c-cyan-300-b: #a8fbff;--c-cyan-250: #b8fcff;--c-cyan-250-b: #ccecf1;--c-cyan-150: #ecf0f1;--c-blue-900-d: #0d1117;--c-blue-900-e: #0d111a;--c-blue-850-c: #14171d;--c-blue-850-e: #151a23;--c-blue-800-b: #1b1e26;--c-blue-800-d: #1a202c;--c-blue-800-f: #1e2532;--c-blue-750: #1e293b;--c-blue-750-c: #262c36;--c-blue-750-f: #2d323f;--c-blue-700: #2d3748;--c-blue-700-c: #334155;--c-blue-650: #3f4552;--c-blue-650-b: #475569;--c-blue-600-b: #4a5a6a;--c-blue-550: #5b7a8a;--c-blue-550-b: #64748b;--c-blue-550-c: #66788a;--c-blue-500: #00a8ff;--c-blue-500-b: #009dff;--c-blue-500-c: #1f6feb;--c-blue-500-d: #1677ff;--c-blue-500-e: #2396ff;--c-blue-450: #8b96a5;--c-blue-450-c: #3b82f6;--c-blue-450-d: #388bfd;--c-blue-450-e: #8ea7b1;--c-blue-400: #94a3b8;--c-blue-400-b: #9aa7b8;--c-blue-400-c: #a0aab5;--c-blue-400-d: #58a6ff;--c-blue-400-f: #5b8cff;--c-blue-350: #b4bcc8;--c-blue-300: #b0c4de;--c-blue-300-c: #c9d1d9;--c-blue-300-d: #cbd5e1;--c-blue-300-e: #d1d5db;--c-blue-200-b: #e2e4e9;--c-blue-200-c: #e2e8f0;--c-blue-200-d: #e8eaed;--c-blue-100-b: #f8fafc;--c-purple-850: #1a1525;--c-purple-850-b: #1a0f2e;--c-purple-450: #af40ff;--c-purple-400: #7c4dff;--c-purple-400-b: #b066ff;--c-purple-400-c: #a371f7;--c-purple-300: #d59bff;--c-purple-300-b: #d2a8ff;--c-purple-250: #c4b5fd;--c-magenta-500: #9b59b6;--c-magenta-300: #d8b4e2;--c-red-500: #ff0055;--c-red-450: #ff2a2a;--c-red-450-b: #ff2a5f;--c-red-450-c: #ff3366;--c-red-450-d: #ef4444;--c-red-450-e: #e55353;--c-red-450-f: #ff453a;--c-red-450-g: #e8556a;--c-red-450-h: #f85149;--c-red-400: #ff4d4d;--c-red-400-c: #f87171;--c-red-400-d: #ff6b6b;--c-red-400-e: #ff6b9d;--c-red-400-f: #ff6b8a;--c-red-350: #ff7b72;--c-red-350-b: #ff7875;--c-red-350-c: #ff8a9a;--c-orange-550: #c58a2a;--c-orange-500: #ff9800;--c-orange-500-c: #ffa500;--c-orange-500-d: #f59e0b;--c-orange-500-e: #ff9f0a;--c-orange-500-f: #e5a93c;--c-orange-400: #f2c063;--c-orange-400-b: #f0c078;--c-orange-400-c: #ffb86c;--c-amber-500: #ffb700;--c-amber-500-c: #ffc107;--c-amber-450: #f0c14d;--c-green-650: #238636;--c-green-600: #09b83e;--c-green-600-b: #07c160;--c-green-600-c: #2ea043;--c-green-550: #3fb950;--c-green-500: #00ff88;--c-green-500-b: #39ff14;--c-green-500-c: #3dd6a2;--c-neutral-950: #000;--c-neutral-900-f: #0a0c10;--c-neutral-900-p: #121316;--c-neutral-850-d: #18191c;--c-neutral-800: #1e1f23;--c-neutral-800-b: #222;--c-neutral-800-e: #27272a;--c-neutral-750: #2a2a2a;--c-neutral-750-b: #2a2b30;--c-neutral-750-c: #2a2d35;--c-neutral-750-d: #333;--c-neutral-750-e: #30363d;--c-neutral-700: #36373e;--c-neutral-700-b: #3a3d46;--c-neutral-700-d: #444;--c-neutral-650: #4a4d54;--c-neutral-650-b: #555;--c-neutral-600: #555861;--c-neutral-600-b: #5c5d66;--c-neutral-600-c: #666;--c-neutral-550: #6b7078;--c-neutral-550-c: #6b7280;--c-neutral-500: #838690;--c-neutral-500-b: #8a8c95;--c-neutral-500-c: #8e9297;--c-neutral-450: #8b949e;--c-neutral-450-b: #8b92a3;--c-neutral-450-c: #a0a0a0;--c-neutral-450-d: #a1a1aa;--c-neutral-450-e: #9ca3af;--c-neutral-400: #a1a6ab;--c-neutral-300: #ccc;--c-neutral-300-b: #d4d4d8;--c-neutral-150: #f0f0f0;--c-neutral-100: #fff}:root{--color-cyan: var(--c-cyan-500);--color-cyan-dim: rgba(0, 240, 255, .15);--color-cyan-glow: rgba(0, 240, 255, .3);--color-cyan-bright: rgba(0, 240, 255, .5);--color-purple: var(--c-purple-450);--color-purple-dim: rgba(175, 64, 255, .15);--color-purple-glow: rgba(175, 64, 255, .35);--color-danger: var(--c-red-450);--color-danger-dim: rgba(255, 42, 42, .15);--color-danger-glow: rgba(255, 42, 42, .3);--color-success: var(--c-green-500-b);--color-success-dim: rgba(57, 255, 20, .15);--color-warning: var(--c-orange-500-e);--color-warning-dim: rgba(255, 159, 10, .15);--color-amber: var(--c-orange-500-f);--color-amber-dim: rgba(229, 169, 60, .1);--color-pink: var(--c-red-400-e);--color-primary: var(--c-blue-500-e);--color-primary-light: var(--c-blue-400-f);--bg-void: var(--c-neutral-950);--bg-canvas: var(--c-neutral-900-f);--bg-sidebar: var(--c-neutral-900-f);--bg-surface: var(--c-neutral-900-p);--bg-surface-hover: var(--c-neutral-850-d);--bg-panel: rgba(10, 14, 20, .9);--bg-hud: rgba(10, 12, 16, .95);--bg-input: rgba(10, 14, 20, .9);--bg-card: var(--c-blue-900-d);--text-primary: var(--c-blue-200-d);--text-secondary: var(--c-neutral-450);--text-muted: var(--c-neutral-550);--text-dim: var(--c-neutral-600);--text-inverse: var(--c-neutral-950);--border-subtle: rgba(255, 255, 255, .04);--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--border-cyan: rgba(0, 240, 255, .2);--border-cyan-strong: rgba(0, 240, 255, .4);--border-danger: rgba(255, 42, 42, .3);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Courier New", "PingFang SC", "Microsoft YaHei", monospace;--font-display: "DIN Alternate", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-round: 9999px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .5);--shadow-md: 0 12px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 48px rgba(0, 0, 0, .4);--shadow-cyan: 0 0 15px rgba(0, 240, 255, .4);--shadow-danger: 0 0 15px rgba(255, 42, 42, .4);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.1, .8, .2, 1);--sidebar-width: 70px;--sidebar-bg: var(--bg-sidebar)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--sidebar-bg, var(--bg-sidebar));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}@keyframes pp-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pp-pulse-glow{0%{opacity:.6}to{opacity:1}}@keyframes pp-slide-in-right{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pp-slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}@keyframes pp-spin{to{transform:rotate(360deg)}}@keyframes pp-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes pp-pulse-glow-mode{0%{transform:scale(1);opacity:.2}to{transform:scale(1.5);opacity:.4}}@keyframes pp-scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes pp-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}:root{--sidebar-bg: var(--c-neutral-900-f)}.app-layout{display:flex;height:100vh;overflow:hidden;background:var(--sidebar-bg)}.app-main{flex:1;min-width:0;margin-left:var(--sidebar-width);display:flex;flex-direction:column;height:100vh}.app-main>*{flex:1;min-height:0}.app-main-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:14px}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;z-index:9000;background:var(--sidebar-bg);border:none;overflow:visible;display:flex;flex-direction:column;min-height:0}.sidebar--unauthenticated{background:none}.sidebar__logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:16px 0 20px;cursor:pointer}.sidebar__logo-img{width:52px;height:52px;display:block}.sidebar__logo:hover .sidebar-logo-frame{stroke:url(#logoGrad);opacity:1;animation:logoDrawFrame 1.5s ease-out forwards;stroke-dasharray:200}.sidebar__logo:hover .sidebar-logo-particle{opacity:1;animation:logoFlowData 3s linear infinite}@keyframes logoDrawFrame{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}@keyframes logoFlowData{0%{transform:translate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(40px);opacity:0}}.sidebar-logo-frame{stroke:#ffffffe6;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.9;transition:stroke .6s ease,opacity .6s ease}.sidebar-logo-particle{fill:var(--c-cyan-500-c);opacity:0;transition:opacity .6s ease}.sidebar__nav-spacer{flex:1;min-height:0;width:100%}.sidebar__nav{flex:1 0 auto;overflow-y:hidden;overflow-x:hidden;width:var(--sidebar-width);padding:8px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.sidebar-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:var(--sidebar-width);padding:10px 4px;border-radius:var(--radius-md);text-decoration:none;color:#ffffffd1;transition:background .2s,color .2s,transform .2s,box-shadow .2s;box-sizing:border-box;position:relative}.sidebar-nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:24px;background-color:var(--c-neutral-100);border-radius:0 4px 4px 0;transition:transform .3s cubic-bezier(.16,1,.3,1)}.sidebar-nav-item:hover{color:var(--c-neutral-100);background:#ffffff14}.sidebar-nav-item.is-selected{color:var(--c-neutral-100);background:transparent;transform:translateY(-1px);outline:none}.sidebar-nav-item.is-selected:before{transform:translateY(-50%) scaleY(1)}.sidebar-nav-item.is-selected .sidebar-nav-label{font-weight:600;font-size:12px}.sidebar-nav-item.is-selected .sidebar-nav-icon{transform:scale(1.1)}.sidebar-nav-item.is-selected .sidebar-nav-icon .art-line{stroke-dashoffset:0;filter:drop-shadow(0 0 6px rgba(255,255,255,.4))}.sidebar-nav-item.is-selected .sidebar-nav-icon .ghost-line{stroke:var(--c-neutral-100)}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:6px}.sidebar-sketch-icon{width:24px;height:24px;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s cubic-bezier(.16,1,.3,1)}.sidebar-nav-icon .ghost-line{stroke:var(--c-neutral-650);transition:stroke .4s ease}.sidebar-nav-icon .art-line{stroke:var(--c-neutral-100);stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1s cubic-bezier(.25,1,.3,1)}.sidebar-nav-item:hover .sidebar-nav-icon .art-line{stroke-dashoffset:0}.sidebar-nav-item:hover .sidebar-nav-icon .sidebar-sketch-icon{transform:translateY(-2px)}.sidebar-nav-item--creative .sidebar-sketch-icon--creative{width:26px;height:26px}.sidebar-nav-item--creative .sidebar-nav-icon .art-line{stroke-linecap:butt;stroke-linejoin:round;transition:stroke-dashoffset .42s cubic-bezier(.45,0,.55,1)}.sidebar-nav-item--material .sidebar-sketch-icon--material{width:26px;height:26px}.sidebar-nav-item--material .sidebar-nav-icon .art-line{stroke-linecap:butt;stroke-linejoin:round;transition:stroke-dashoffset .42s cubic-bezier(.45,0,.55,1)}.sidebar-nav-item--canvas .sidebar-sketch-icon--canvas{width:26px;height:26px}.sidebar-nav-item--canvas .sidebar-nav-icon .art-line{stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset .62s cubic-bezier(.25,1,.3,1)}.sidebar-nav-label{display:block;width:100%;font-size:11px;line-height:1.3;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__bottom{margin-top:auto;padding-bottom:28px;display:flex;flex-direction:column;align-items:center;gap:28px;width:100%;flex-shrink:0;background:var(--sidebar-bg)}.sidebar--unauthenticated .sidebar__bottom{background:none}.sidebar-asset-open{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;cursor:pointer;border-radius:8px;outline:none}.sidebar-asset-open:focus-visible{box-shadow:0 0 0 2px #00dfff8c}.sidebar-asset-top{display:flex;align-items:center;gap:4px}.sidebar-asset-icon{width:14px;height:14px;fill:var(--c-cyan-500-c);filter:drop-shadow(0 0 6px rgba(0,223,255,.5));transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.sidebar-asset-open:hover .sidebar-asset-icon{transform:rotate(90deg) scale(1.1)}.sidebar-asset-score{color:var(--c-neutral-100);font-size:9px;font-weight:700;font-family:DIN Alternate,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:.5px;transition:text-shadow .3s ease}.sidebar-asset-open:hover .sidebar-asset-score{text-shadow:0 0 8px rgba(255,255,255,.4)}.sidebar-asset-badge{color:var(--c-cyan-500-c);font-size:11.5px;font-weight:600;letter-spacing:.8px;opacity:.8;transition:opacity .3s ease,text-shadow .3s ease}.sidebar-asset-open:hover .sidebar-asset-badge{opacity:1;text-shadow:0 0 8px rgba(0,223,255,.6)}.sidebar-avatar-wrapper{position:relative;display:flex;justify-content:center;width:100%}.sidebar-avatar-premium{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none}.sidebar-avatar-halo{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.sidebar-avatar-core{width:34px;height:34px;border-radius:50%;background-color:var(--c-neutral-850-d);box-shadow:inset 0 2px 6px #0009,0 0 0 1px #ffffff0d;display:flex;align-items:center;justify-content:center;z-index:2;transition:background-color .3s}.sidebar-avatar-premium:hover .sidebar-avatar-core{background-color:var(--c-neutral-800-e)}.sidebar-avatar-text{color:var(--c-cyan-150);font-size:15px;font-weight:500;font-family:var(--font-sans);line-height:1;display:flex;align-items:center;justify-content:center;transform:translateY(-.06em)}.popup-menu{position:absolute;bottom:0;left:70px;width:220px;background-color:var(--c-neutral-850-d);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 12px 32px #0006,0 2px 8px #0003;padding:8px;display:flex;flex-direction:column;z-index:9999;opacity:0;visibility:hidden;transform:translate(-10px) scale(.98);transition:all .25s cubic-bezier(.16,1,.3,1)}.popup-menu.show{opacity:1;visibility:visible;transform:translate(0) scale(1)}.menu-item-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:8px;cursor:pointer;color:var(--c-blue-300-e);transition:all .2s ease}.menu-item-row:hover{background-color:#ffffff0d;color:var(--c-neutral-100)}.menu-item-left{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.menu-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:opacity .2s}.menu-item-row:hover .menu-icon{opacity:1}.menu-arrow{width:14px;height:14px;opacity:.4}.menu-item-row--user-id{background:#00dfff0a;border:1px solid rgba(0,223,255,.1);padding:10px 14px}.menu-item-row--user-id:hover{background:#00dfff1a;border-color:#00dfff33}.menu-item-row--user-id .menu-icon{stroke:var(--c-cyan-500-c);opacity:.8}.menu-item-row--user-id:hover .menu-icon{opacity:1}.user-id-text{font-family:DIN Alternate,-apple-system,sans-serif;font-size:13px;letter-spacing:.5px;color:var(--c-neutral-100)}.menu-icon-right{width:15px;height:15px;stroke:currentColor;opacity:.4;transition:opacity .2s,transform .2s}.menu-item-row--user-id:hover .menu-icon-right{opacity:.9;stroke:var(--c-cyan-500-c);transform:scale(1.1)}.menu-divider{height:1px;background-color:#ffffff0f;margin:6px 4px}.menu-item-row.logout:hover{background-color:#ff3b301a;color:var(--c-red-450-f)}.login-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background-color:#05050559;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;height:60vw;background:radial-gradient(circle,rgba(0,223,255,.03) 0%,rgba(175,64,255,.03) 40%,transparent 70%);filter:blur(60px);z-index:0;pointer-events:none;animation:breathe 8s ease-in-out infinite alternate}@keyframes breathe{0%{transform:translate(-50%,-50%) scale(.8);opacity:.5}to{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.auth-card{position:relative;z-index:1;width:380px;padding:48px 40px 32px;background:#0c0d0f99;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.04);border-radius:24px;box-shadow:0 32px 64px #0009,inset 0 1px #ffffff0d;display:flex;flex-direction:column;align-items:center;animation:cardFloatUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}@keyframes cardFloatUp{to{opacity:1;transform:translateY(0)}}.brand-logo{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid rgba(255,255,255,.08);margin-bottom:24px;box-shadow:0 8px 16px #0006}.brand-logo svg{width:40px;height:40px;filter:drop-shadow(0 0 6px rgba(0,223,255,.4));animation:logoGlowPulse 3s ease-in-out infinite}@keyframes logoGlowPulse{0%,to{filter:drop-shadow(0 0 6px rgba(0,223,255,.4))}50%{filter:drop-shadow(0 0 12px rgba(0,223,255,.6)) drop-shadow(0 0 20px rgba(175,64,255,.3))}}.brand-logo .logo-particle-1{animation:particlePulse 2s ease-in-out infinite}.brand-logo .logo-particle-2{animation:particlePulse 2s ease-in-out .4s infinite}.brand-logo .logo-particle-3{animation:particlePulse 2s ease-in-out .8s infinite}@keyframes particlePulse{0%,to{opacity:1}50%{opacity:.4}}.auth-title{font-size:22px;font-weight:600;letter-spacing:1px;color:var(--c-neutral-100);margin:0 0 8px}.auth-subtitle{font-size:14px;color:var(--c-neutral-550);margin:0 0 40px;letter-spacing:.5px}.oauth-group{width:100%;display:flex;flex-direction:column;gap:16px}.oauth-btn{position:relative;width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:12px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--c-neutral-500-c);font-size:14px;font-weight:500;letter-spacing:.5px;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.oauth-btn svg{width:18px;height:18px;fill:currentColor;transition:all .3s ease}.oauth-btn.github:hover{color:var(--c-neutral-100);border-color:#ffffff4d;background:#ffffff08;box-shadow:0 4px 16px #ffffff0d;transform:translateY(-1px)}.oauth-btn.wechat:hover{color:var(--c-green-600-b);border-color:#07c16066;background:#07c16008;box-shadow:0 4px 16px #07c1601a;transform:translateY(-1px)}.oauth-btn.wechat:hover svg{filter:drop-shadow(0 0 6px rgba(7,193,96,.5))}.oauth-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.wechat-scan-panel{width:100%;padding:18px 16px 16px;border:1px solid rgba(7,193,96,.18);border-radius:18px;background:radial-gradient(circle at 50% 0%,#07c1601f,#ffffff06 54%,#0000001a);box-shadow:inset 0 1px #ffffff0f,0 18px 36px #00000038;box-sizing:border-box;text-align:center}.wechat-scan-frame{position:relative;width:190px;height:190px;margin:0 auto 14px;display:grid;place-items:center;border-radius:22px;background:#fffffffa;box-shadow:0 0 0 1px #07c16038,0 18px 36px #07c16024}.wechat-scan-qr{width:170px;height:170px;border-radius:14px;display:block}.wechat-scan-status{min-height:22px;color:var(--c-neutral-100);font-size:15px;font-weight:700}.wechat-scan-panel.scanned .wechat-scan-status,.wechat-scan-panel.redirecting .wechat-scan-status{color:var(--c-green-600-b)}.wechat-scan-panel.error .wechat-scan-status{color:#ff9b9b}.wechat-scan-hint{margin-top:6px;color:var(--c-neutral-650);font-size:12px;line-height:1.5}.wechat-scan-refresh{margin-top:12px;border:0;background:transparent;color:#a0eec4e6;font-size:12px;cursor:pointer}.wechat-scan-refresh:disabled{opacity:.45;cursor:not-allowed}.wechat-scan-loading span{width:34px;height:34px;display:block;border-radius:50%;border:3px solid rgba(7,193,96,.18);border-top-color:#07c160e6;animation:wechatScanSpin .8s linear infinite}@keyframes wechatScanSpin{to{transform:rotate(360deg)}}.legal-footer{margin-top:36px;font-size:12px;color:var(--c-neutral-650);text-align:center;line-height:1.6;width:90%}.legal-footer a{position:relative;color:var(--c-neutral-550);text-decoration:none;transition:color .3s ease;white-space:nowrap}.legal-footer a:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%) scaleX(0);width:100%;height:1px;background-color:var(--c-cyan-500-c);transition:transform .3s cubic-bezier(.16,1,.3,1)}.legal-footer a:hover{color:var(--c-blue-200-d)}.legal-footer a:hover:after{transform:translate(-50%) scaleX(1);box-shadow:0 0 4px #00dfff99}.legal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--c-neutral-950);color:var(--c-neutral-400);display:flex;flex-direction:column;z-index:10000;overflow:hidden}.legal-overlay ::selection{background:#00dfff4d;color:var(--c-neutral-100)}.legal-ambient-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:80vw;height:50vh;background:radial-gradient(ellipse at top,rgba(0,223,255,.04) 0%,rgba(175,64,255,.02) 40%,transparent 70%);filter:blur(80px);z-index:0;pointer-events:none}.legal-top-nav{position:relative;z-index:10;height:80px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.03);background:#050505cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.legal-back-btn{display:flex;align-items:center;gap:8px;color:var(--c-neutral-550);background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:1px;transition:all .3s ease;padding:8px}.legal-back-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.16,1,.3,1)}.legal-back-btn:hover{color:var(--c-blue-200-d)}.legal-back-btn:hover svg{transform:translate(-4px);stroke:var(--c-cyan-500-c);filter:drop-shadow(0 0 6px rgba(0,223,255,.6))}.legal-version-tag{font-family:DIN Alternate,JetBrains Mono,Courier New,PingFang SC,Microsoft YaHei,monospace;font-size:12px;color:var(--c-neutral-650);letter-spacing:2px;border:1px solid rgba(255,255,255,.05);padding:4px 12px;border-radius:4px;background:#ffffff05}.legal-version-tag span{color:var(--c-cyan-500-c)}.legal-archive-container{position:relative;z-index:1;display:flex;max-width:1200px;margin:0 auto;width:100%;height:calc(100vh - 80px)}.legal-sidebar-toc{width:260px;border-right:1px solid rgba(255,255,255,.03)}.legal-sidebar-toc-inner{padding:48px 32px 48px 0}.legal-toc-title{font-size:12px;color:var(--c-neutral-650);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;padding-left:16px}.legal-toc-list{list-style:none;padding:0;margin:0}.legal-toc-item{position:relative;padding:10px 16px;margin-bottom:4px;color:var(--c-neutral-550);font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .3s ease}.legal-toc-item:hover{color:var(--c-blue-300-e);background:#ffffff05}.legal-toc-item.active{color:var(--c-neutral-100);background:#00dfff0d}.legal-toc-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background-color:var(--c-cyan-500-c);border-radius:0 4px 4px 0;box-shadow:2px 0 8px #00dfff99}.legal-content-area{flex:1}.legal-content-area-inner{padding:48px 80px 120px}.legal-header{margin-bottom:64px}.legal-h1{font-size:36px;font-weight:700;color:var(--c-neutral-100);margin:0 0 16px;letter-spacing:1px}.legal-meta{font-size:14px;color:var(--c-neutral-550);display:flex;gap:24px}.legal-section{margin-bottom:48px}.legal-h2{font-size:20px;font-weight:600;color:var(--c-blue-200-d);margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:12px}.legal-h2:before{content:"";display:block;width:8px;height:8px;background:transparent;border:2px solid var(--c-purple-450);transform:rotate(45deg)}.legal-p{font-size:15px;line-height:1.8;margin:0 0 20px;text-align:justify}.legal-list{margin:0 0 20px;padding-left:24px}.legal-list li{font-size:15px;line-height:1.8;margin-bottom:12px;position:relative;list-style:none}.legal-list li:before{content:"—";position:absolute;left:-24px;color:var(--c-neutral-650)}.legal-highlight{color:var(--c-blue-200-d);font-weight:600;border-bottom:1px dashed rgba(255,255,255,.2)}.usage-viewer-body{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 48px 32px;box-sizing:border-box}.usage-viewer-scroll{overflow-y:auto;background:var(--c-neutral-950);background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:40px 40px,40px 40px}.usage-subscription-wrap{width:100%;max-width:960px;margin:0 auto 24px;flex-shrink:0}.usage-subscription-section-title{font-family:var(--font-mono, "SFMono-Regular", Consolas, monospace);font-size:12px;color:var(--text-dim, var(--c-blue-550-b));letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px}.usage-subscription-section-title:before{content:"";display:inline-block;width:16px;height:2px;background:var(--text-dim, var(--c-blue-550-b))}.usage-subscription-plan-card.plan-card{position:relative;background:var(--bg-panel, var(--c-blue-900-d));border-radius:16px;padding:40px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border:1px solid var(--border-color, var(--c-blue-750-c));box-shadow:0 20px 40px #00000080}.usage-subscription-plan-card.plan-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,var(--accent-cyan-dim, rgba(0, 240, 255, .1)),transparent);pointer-events:none}.usage-subscription-userid-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;min-height:28px}.usage-subscription-userid-text{font-family:var(--font-mono, "SFMono-Regular", Consolas, monospace);font-size:13px;color:var(--text-dim, var(--c-blue-550-b));word-break:break-all}.usage-subscription-userid-copy{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:4px 10px;border-radius:6px;border:1px solid var(--border-color, var(--c-blue-750-c));background:#ffffff0a;color:var(--text-main, var(--c-blue-300-d));font-size:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease,visibility .15s}.usage-subscription-userid-copy:hover{background:#ffffff14;border-color:var(--accent-cyan-dim, rgba(0, 240, 255, .35));color:var(--text-bright, var(--c-blue-100-b))}@media(hover:hover)and (pointer:fine){.usage-subscription-userid-copy{opacity:0;visibility:hidden;pointer-events:none}.usage-subscription-userid-row:hover .usage-subscription-userid-copy,.usage-subscription-userid-row:focus-within .usage-subscription-userid-copy{opacity:1;visibility:visible;pointer-events:auto}}.usage-subscription-plan-card .plan-info h1{font-size:32px;font-weight:600;color:var(--text-bright, var(--c-blue-100-b));margin-bottom:8px;letter-spacing:-.5px}.usage-subscription-plan-card .plan-info h1 span{background:linear-gradient(to right,var(--c-neutral-100),var(--text-dim, var(--c-blue-550-b)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.usage-subscription-plan-card .plan-price{font-family:var(--font-mono, "SFMono-Regular", Consolas, monospace);font-size:16px;color:var(--accent-cyan, var(--c-cyan-500));margin-bottom:16px;display:flex;align-items:center;gap:8px}.usage-subscription-plan-card .plan-reset{font-size:14px;color:var(--text-dim, var(--c-blue-550-b))}.usage-subscription-plan-card .plan-action .btn{display:inline-block;text-decoration:none;text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-bright, var(--c-blue-100-b));padding:12px 24px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.usage-subscription-plan-card .plan-action .btn:hover{background:var(--text-bright, var(--c-blue-100-b));color:var(--bg-deep, var(--c-neutral-950));box-shadow:0 0 20px #fff3}.usage-subscription-loading,.usage-subscription-error{font-size:14px;color:var(--text-dim, var(--c-blue-550-b));margin:0}.usage-subscription-error{color:var(--text-main, var(--c-blue-300-d))}.usage-resource-wrap{width:100%;max-width:960px;margin:0 auto 32px;flex-shrink:0}.usage-resource-section-title{font-family:var(--font-mono, "SFMono-Regular", Consolas, monospace);font-size:12px;color:var(--text-dim, var(--c-blue-550-b));letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px}.usage-resource-section-title:before{content:"";display:inline-block;width:16px;height:2px;background:var(--text-dim, var(--c-blue-550-b))}.usage-resource-wrap .usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:720px){.usage-resource-wrap .usage-grid{grid-template-columns:1fr}}.usage-resource-wrap .usage-card{background:var(--bg-panel, var(--c-blue-900-d));border:1px solid var(--border-color, var(--c-blue-750-c));border-radius:16px;padding:32px;position:relative}.usage-resource-wrap .usage-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.usage-resource-wrap .usage-type{font-size:16px;font-weight:500;color:var(--text-bright, var(--c-blue-100-b))}.usage-resource-wrap .sidebar-asset-icon{width:28px;height:28px;fill:var(--accent-cyan, var(--c-cyan-500));filter:drop-shadow(0 0 10px var(--accent-cyan-glow, rgba(0, 240, 255, .5)))}.usage-resource-wrap .storage-icon{width:28px;height:28px;fill:none;stroke:var(--accent-purple, var(--c-purple-450));stroke-width:1.5;filter:drop-shadow(0 0 10px var(--accent-purple-glow, rgba(175, 64, 255, .5)))}.usage-resource-wrap .usage-stats{font-family:var(--font-mono, "SFMono-Regular", Consolas, monospace);margin-bottom:16px}.usage-resource-wrap .usage-stats .current{font-size:32px;color:var(--text-bright, var(--c-blue-100-b));font-weight:300}.usage-resource-wrap .usage-stats .total{font-size:14px;color:var(--text-dim, var(--c-blue-550-b))}.usage-resource-wrap .progress-container{width:100%;height:6px;background:var(--c-blue-800-f);border-radius:3px;overflow:hidden;margin-bottom:12px}.usage-resource-wrap .progress-bar{height:100%;border-radius:3px;background-size:200% 100%;animation:usage-resource-smooth-stream 3s linear infinite;min-width:0}.usage-resource-wrap .bar-credits{background-image:linear-gradient(90deg,var(--accent-cyan, var(--c-cyan-500)) 0%,var(--c-cyan-300-b) 50%,var(--accent-cyan, var(--c-cyan-500)) 100%);box-shadow:0 0 12px var(--accent-cyan-glow, rgba(0, 240, 255, .5))}.usage-resource-wrap .bar-storage{background-image:linear-gradient(90deg,var(--accent-purple, var(--c-purple-450)) 0%,var(--c-purple-300) 50%,var(--accent-purple, var(--c-purple-450)) 100%);box-shadow:0 0 12px var(--accent-purple-glow, rgba(175, 64, 255, .5))}@keyframes usage-resource-smooth-stream{0%{background-position:100% 0}to{background-position:-100% 0}}.usage-resource-wrap .usage-footer{font-size:12px;color:var(--text-dim, var(--c-blue-550-b));display:flex;justify-content:space-between;align-items:center}.usage-resource-wrap .usage-quota-warn-link{color:inherit;text-decoration:none;cursor:pointer;border:none;background:none;font:inherit;padding:0}.usage-resource-wrap .usage-quota-warn-link:hover{color:var(--accent-cyan, var(--c-cyan-500))}.usage-points-purchase-action{margin-top:16px;display:flex;justify-content:flex-start}.btn-buy-points-prominent{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--c-cyan-500) 0%,var(--c-blue-500-b) 100%);color:var(--c-neutral-950);font-weight:600;font-size:13px;padding:6px 14px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00f0ff33}.btn-buy-points-prominent svg{width:14px;height:14px;fill:currentColor}.btn-buy-points-prominent:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00f0ff4d;filter:brightness(1.1)}.btn-buy-points-prominent:active{transform:translateY(1px);box-shadow:0 2px 8px #00f0ff33}.usage-resource-inline-msg{margin:0;font-size:14px;color:var(--text-dim, var(--c-blue-550-b))}.usage-resource-inline-err{color:var(--text-main, var(--c-blue-300-d))}.usage-ledger-wrap{width:100%;max-width:960px;margin:0 auto 48px;flex-shrink:0}.usage-ledger-section-title{font-family:var(--font-mono, "SFMono-Regular", Consolas, monospace);font-size:12px;color:var(--text-dim, var(--c-blue-550-b));letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px}.usage-ledger-section-title:before{content:"";display:inline-block;width:16px;height:2px;background:var(--text-dim, var(--c-blue-550-b))}.usage-ledger-wrap .table-section{background:var(--bg-panel, var(--c-blue-900-d));border:1px solid var(--border-color, var(--c-blue-750-c));border-radius:16px;padding:32px}.usage-ledger-wrap .table-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.usage-ledger-wrap .table-header-row h3{font-size:16px;font-weight:500;color:var(--text-bright, var(--c-blue-100-b))}.usage-ledger-wrap .data-table{width:100%;border-collapse:collapse;text-align:left}.usage-ledger-wrap .data-table th{font-family:var(--font-mono, "SFMono-Regular", Consolas, monospace);font-size:12px;color:var(--text-dim, var(--c-blue-550-b));padding:0 16px 16px;border-bottom:1px solid var(--border-color, var(--c-blue-750-c));font-weight:400;text-transform:uppercase}.usage-ledger-th-sub{text-transform:uppercase;font-size:11px;opacity:.85}.usage-ledger-wrap .data-table td{padding:16px;font-size:14px;color:var(--text-main, var(--c-blue-300-d));border-bottom:1px solid rgba(255,255,255,.03);transition:background .2s}.usage-ledger-wrap .data-table tr:last-child td{border-bottom:none}.usage-ledger-wrap .data-table tr:hover td{background:#ffffff05}.usage-ledger-wrap .col-date{font-family:var(--font-mono, "SFMono-Regular", Consolas, monospace);font-size:13px;color:var(--text-dim, var(--c-blue-550-b))}.usage-ledger-wrap .col-model{font-family:var(--font-mono, "SFMono-Regular", Consolas, monospace);color:var(--accent-cyan, var(--c-cyan-500));font-size:13px}.usage-ledger-wrap .col-tokens{font-family:var(--font-mono, "SFMono-Regular", Consolas, monospace);font-weight:500}.usage-ledger-wrap .status-ledger-points{display:inline-block;padding:4px 8px;border-radius:4px;background:#ffffff0d;color:var(--text-dim, var(--c-blue-550-b));font-size:12px}.usage-ledger-msg{margin:0;font-size:14px;color:var(--text-dim, var(--c-blue-550-b))}.usage-ledger-err{color:var(--text-main, var(--c-blue-300-d))}.uppv-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:uppv-fade-in .2s ease-out}@keyframes uppv-fade-in{0%{opacity:0}to{opacity:1}}.uppv-modal{width:1000px;max-width:95vw;background:var(--c-neutral-900-f);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 24px 64px #0006;position:relative;overflow:hidden;animation:uppv-slide-up .3s cubic-bezier(.16,1,.3,1)}@keyframes uppv-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.uppv-close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#fff6;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.uppv-close-btn:hover{background:#ffffff1a;color:var(--c-neutral-100)}.uppv-content{display:flex;min-height:500px}.uppv-left{flex:1;padding:40px;background:#ffffff05}.uppv-title{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--c-neutral-100)}.uppv-subtitle{margin:0 0 24px;font-size:14px;color:#ffffff80}.uppv-platform-discount-notice{margin-bottom:16px;padding:10px 14px;background:#ff980014;border:1px solid rgba(255,152,0,.2);border-radius:8px;font-size:13px;color:var(--c-orange-500);line-height:1.5}.uppv-discount-rules{display:flex;gap:12px;margin-bottom:32px}.uppv-discount-rule{display:flex;flex-direction:column;align-items:flex-start;padding:10px 14px;background:#00f0ff0a;border:1px solid rgba(0,240,255,.1);border-radius:8px;gap:4px}.uppv-rule-pts{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:13px;color:#ffffffb3}.uppv-rule-tag{font-size:13px;font-weight:600;color:var(--c-cyan-500)}.uppv-rule-tag.highlight{color:var(--c-amber-500-c)}.uppv-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.uppv-opt-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#ffffffe6}.uppv-opt-btn:hover{background:#ffffff14;border-color:#fff3}.uppv-opt-btn.active{background:#00f0ff1a;border-color:var(--c-cyan-500);color:var(--c-cyan-500);box-shadow:0 0 16px #00f0ff26}.uppv-opt-val{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:20px;font-weight:700;margin-bottom:2px}.uppv-opt-unit{font-size:12px;opacity:.6}.uppv-opt-custom{grid-column:span 2;display:flex;min-height:0;align-self:stretch}.uppv-opt-custom-inner{flex:1;display:flex;align-items:center;gap:10px;width:100%;min-height:100%;padding:16px 14px 16px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-sizing:border-box;transition:all .2s}.uppv-opt-custom-input{flex:1;min-width:0;min-height:0;border:none;background:transparent;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:20px;font-weight:700;line-height:1.2;color:var(--c-neutral-100);text-align:left;outline:none}.uppv-opt-custom-input::placeholder{color:#ffffff59;font-weight:400}.uppv-opt-custom-suffix{flex-shrink:0;font-size:12px;font-weight:500;color:#ffffff8c;white-space:nowrap;opacity:.85}.uppv-opt-custom.active .uppv-opt-custom-inner{background:#00f0ff0d;border-color:var(--c-cyan-500)}.uppv-opt-custom.active .uppv-opt-custom-input{color:var(--c-cyan-500)}.uppv-opt-custom.active .uppv-opt-custom-suffix{color:#00f0ffbf}.uppv-right{width:360px;background:var(--c-neutral-900-f);padding:40px 32px;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.uppv-summary-card{display:flex;flex-direction:column;height:100%}.uppv-summary-title{margin:0 0 24px;font-size:18px;font-weight:600;color:var(--c-neutral-100)}.uppv-summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;color:#ffffffb3}.uppv-summary-val{font-family:var(--font-mono, "JetBrains Mono", monospace);font-weight:500;color:var(--c-neutral-100)}.uppv-discount-row .uppv-summary-val.highlight{color:var(--c-orange-500)}.uppv-divider{height:1px;background:#ffffff14;margin:8px 0 24px}.uppv-total-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.uppv-total-label{font-size:15px;font-weight:500;color:#fffc;padding-bottom:6px}.uppv-total-price{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:36px;font-weight:700;color:var(--c-neutral-100);line-height:1}.uppv-total-price .currency{font-size:20px;margin-right:4px;color:#fff9}.uppv-methods{margin-bottom:auto}.uppv-methods-title{font-size:13px;color:#ffffff80;margin:0 0 12px}.uppv-methods-list{display:flex;flex-direction:column;gap:10px}.uppv-method-row{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;font-family:inherit;color:#ffffffe6;text-align:left}.uppv-method-row:hover{background:#ffffff0f}.uppv-method-row.active{background:#00f0ff0f;border-color:var(--c-cyan-500)}.uppv-method-name{flex:1}.uppv-pay-icon{flex-shrink:0;display:block;width:26px;height:26px;object-fit:contain}.uppv-checkout-btn{width:100%;padding:16px;margin-top:24px;background:linear-gradient(135deg,var(--c-cyan-500) 0%,var(--c-blue-500-b) 100%);border:none;border-radius:8px;color:var(--c-neutral-950);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 8px 24px #00f0ff33}.uppv-checkout-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 12px 32px #00f0ff4d}.uppv-checkout-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 4px 16px #00f0ff33}.uppv-checkout-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(100%);box-shadow:none}.uppv-wechat-overlay{position:fixed;inset:0;z-index:10001;background:#000000bf;display:flex;align-items:center;justify-content:center}.uppv-wechat-box{background:var(--c-neutral-900-p);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:24px 28px;text-align:center;max-width:90vw}.uppv-wechat-title{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--c-neutral-100)}.uppv-wechat-qr{display:block;margin:0 auto 12px;border-radius:8px;background:var(--c-neutral-100)}.uppv-wechat-hint{margin:0 0 16px;font-size:13px;color:#ffffff8c}.uppv-wechat-cancel{padding:8px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#ffffffd9;cursor:pointer;font-size:14px}.uppv-wechat-cancel:hover{background:#ffffff0f}.mc-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:mc-fade-in .2s ease-out}@keyframes mc-fade-in{0%{opacity:0}to{opacity:1}}.mc-modal{width:900px;max-width:95vw;max-height:90vh;background:var(--c-neutral-900-f);border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 24px 64px #0006;position:relative;overflow:hidden;animation:mc-slide-up .3s cubic-bezier(.16,1,.3,1)}@keyframes mc-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mc-modal-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:flex-start;background:#ffffff05}.mc-header-left h2{margin:0 0 12px;font-size:22px;font-weight:600;color:var(--c-neutral-100);letter-spacing:.5px}.mc-hints p{margin:0 0 4px;font-size:13px;color:#ffffff80}.mc-video-channel-hint{margin:0 0 12px;padding:0 4px;font-size:13px;line-height:1.45;color:#ffffff8c}.mc-agent-mode-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 8px;padding:12px 16px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:background .2s ease}.mc-agent-mode-row:hover{background:#ffffff0f}.mc-agent-mode-text{display:flex;flex-direction:column;gap:6px;flex:1}.mc-agent-mode-label{font-size:14px;font-weight:600;color:#ffffffe6}.mc-agent-mode-desc{font-size:12px;color:#ffffff73;line-height:1.5}.mc-toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0;border-radius:12px;background:#fff3;transition:background .3s ease;display:flex;align-items:center}.mc-toggle-switch.active{background:var(--c-purple-400)}.mc-toggle-input{opacity:0;width:0;height:0;position:absolute}.mc-toggle-slider{position:absolute;left:2px;width:20px;height:20px;background:var(--c-neutral-100);border-radius:50%;transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #0003}.mc-toggle-switch.active .mc-toggle-slider{transform:translate(20px)}.mc-highlight-hint{color:var(--c-amber-500-c)!important;display:flex;align-items:center;gap:6px}.mc-bulb{font-size:14px}.mc-close-btn{background:transparent;border:none;color:#fff6;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mc-close-btn:hover{background:#ffffff1a;color:var(--c-neutral-100)}.mc-modal-content{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:40px}.mc-modal-content::-webkit-scrollbar{width:8px}.mc-modal-content::-webkit-scrollbar-track{background:transparent}.mc-modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.mc-modal-content::-webkit-scrollbar-thumb:hover{background:#fff3}.mc-section{display:flex;flex-direction:column;gap:20px}.mc-section-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:16px}.mc-section-title{display:flex;align-items:center;gap:12px}.mc-section-title h3{margin:0;font-size:18px;font-weight:600;color:var(--c-neutral-100)}.mc-icon-wrapper{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.mc-icon-wrapper.agent-icon{background:#00dfff1a;color:var(--c-cyan-500-c)}.mc-icon-wrapper.drawing-icon{background:#af40ff1a;color:var(--c-purple-450)}.mc-icon-wrapper.video-icon{background:#ff2a5f1a;color:var(--c-red-450-b)}.mc-toggle-switch.saving{opacity:.5;pointer-events:none}.mc-sub-title{margin:8px 0 0;font-size:14px;font-weight:500;color:#ffffffb3;padding-left:10px;border-left:3px solid rgba(255,255,255,.2)}.mc-table-container{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden}.mc-table{width:100%;border-collapse:collapse;text-align:left}.mc-table th,.mc-table td{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.04)}.mc-table th{font-weight:500;font-size:13px;color:#fff6;background:#0003}.mc-table td{font-size:14px;color:#fffc}.mc-table tbody tr:last-child td{border-bottom:none}.mc-table tbody tr:hover{background:#ffffff0a}.mc-model-name{font-weight:500;color:var(--c-neutral-100)!important}.mc-model-desc{font-size:12px;color:#fff6;margin-top:4px;font-weight:400}.mc-price-val{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--c-amber-500-c)!important;font-weight:500}.mc-price-algo{display:flex;flex-direction:column;gap:4px}.mc-price-algo-desc{font-size:13px;color:#ffffffb3;line-height:1.8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.mc-price-highlight{color:var(--c-amber-500-c);font-weight:600}.mc-free-val{color:var(--c-cyan-500-c)!important;font-weight:500}.ecommerce-home,.product-workspace{--eco-bg: #0a0b0d;--eco-bg-soft: #0e1014;--eco-surface: #14171a;--eco-surface-hover: #1a1d22;--eco-text: #ece6db;--eco-muted: #a6a196;--eco-muted-2: #7a766c;--eco-amber: #f5803e;--eco-amber-soft: rgba(245, 128, 62, .2);--eco-teal: #3fb9a8;--eco-rose: #a8327e;--eco-line: rgba(236, 230, 219, .08);--eco-line-strong: rgba(236, 230, 219, .15);--eco-han: "Source Han Serif CN", "Noto Serif CJK SC", "Songti SC", serif;--eco-mono: var(--font-mono, "JetBrains Mono", "IBM Plex Mono", monospace);--eco-ease: cubic-bezier(.16, 1, .3, 1)}.ecommerce-home,.product-workspace{position:relative;background:var(--eco-bg);color:var(--eco-text)}.ecommerce-home:before,.product-workspace:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.04;mix-blend-mode:overlay}.ecommerce-home:after,.product-workspace:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.5) 100%)}.ecommerce-home{min-height:100vh;overflow:auto}.ecommerce-home__workspace{position:relative;z-index:1;width:min(1320px,calc(100% - 56px));margin:0 auto;padding:48px 0 72px}.ecommerce-home__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding-bottom:22px;margin-bottom:30px;border-bottom:1px solid var(--eco-line)}.ecommerce-home__eyebrow{margin:0 0 10px;color:var(--eco-amber);font-family:var(--eco-mono);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.ecommerce-home__header h1{margin:0;color:var(--eco-text);font-family:var(--eco-han);font-size:32px;font-weight:600;letter-spacing:.04em;line-height:1.15}.ecommerce-home__summary{margin:12px 0 0;max-width:540px;color:var(--eco-muted);font-size:14px;line-height:1.7}.ecommerce-home__stats{display:flex;gap:12px}.ecommerce-home__stats span{display:grid;gap:4px;min-width:78px;padding:10px 14px;border:1px solid var(--eco-line);border-radius:8px;background:var(--eco-surface);font-family:var(--eco-mono);font-size:11px;color:var(--eco-muted-2);letter-spacing:.08em}.ecommerce-home__stats strong{display:block;overflow:hidden;color:var(--eco-teal);font-size:19px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.ecommerce-home__body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}.project-entry{display:grid;gap:16px}.project-entry__create{display:grid;grid-template-columns:minmax(0,1fr) 124px;gap:10px}.project-entry input,.project-row__edit input{min-width:0;height:46px;padding:0 14px;border:1px solid var(--eco-line-strong);border-radius:6px;background:var(--eco-bg-soft);color:var(--eco-text);font-family:var(--eco-han);font-size:14px;outline:none;transition:border-color .3s var(--eco-ease)}.project-entry input::placeholder{color:var(--eco-muted-2);font-family:var(--eco-mono);font-size:12px}.project-entry input:focus,.project-row__edit input:focus{border-color:var(--eco-teal)}.project-entry>.project-entry__create>button,.project-row__actions button,.project-row__edit button{height:46px;border:1px solid var(--eco-amber);border-radius:6px;background:var(--eco-amber);color:#0a0b0d;font-family:var(--eco-mono);font-size:12px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:all .25s var(--eco-ease)}.project-entry>.project-entry__create>button:hover{background:#ff985c;transform:translateY(-1px)}.project-entry>.project-entry__create>button:disabled{border-color:var(--eco-line-strong);background:transparent;color:var(--eco-muted-2);cursor:not-allowed;transform:none}.project-entry__list{display:grid;gap:10px}.project-entry__empty{margin:0;padding:28px;border:1px dashed var(--eco-line-strong);border-radius:8px;color:var(--eco-muted);font-family:var(--eco-mono);font-size:12px;text-align:center}.project-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--eco-line);border-radius:8px;background:var(--eco-surface);transition:border-color .25s var(--eco-ease),background .25s var(--eco-ease)}.project-row:hover{border-color:var(--eco-amber-soft);background:var(--eco-surface-hover)}.project-row__main{display:grid;gap:6px;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.project-row__main span{overflow:hidden;color:var(--eco-text);font-family:var(--eco-han);font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.project-row__main small{color:var(--eco-muted-2);font-family:var(--eco-mono);font-size:11px;letter-spacing:.06em}.project-row__actions,.project-row__edit{display:grid;grid-template-columns:repeat(2,70px);gap:8px}.project-row__edit{grid-template-columns:minmax(120px,200px) 70px}.project-row__actions button{border-color:var(--eco-line-strong);background:transparent;color:var(--eco-muted)}.project-row__actions button:hover{border-color:var(--eco-amber);color:var(--eco-amber)}.project-row__actions button:disabled{opacity:.5;cursor:not-allowed}.workflow-panel{display:grid;gap:12px}.workflow-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:18px;border:1px solid var(--eco-line);border-radius:8px;background:var(--eco-surface);transition:border-color .25s var(--eco-ease)}.workflow-card:hover{border-color:var(--eco-line-strong)}.workflow-card>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--eco-line-strong);border-radius:8px;background:var(--eco-bg-soft);color:var(--eco-teal)}.workflow-card svg{width:22px;height:22px}.workflow-card h2{margin:0;color:var(--eco-text);font-family:var(--eco-han);font-size:16px;font-weight:600;line-height:1.3}.workflow-card p{margin:8px 0 0;color:var(--eco-muted);font-size:13px;line-height:1.65}@media(max-width:900px){.ecommerce-home__workspace{width:calc(100% - 32px);padding:32px 0 48px}.ecommerce-home__header,.ecommerce-home__body,.project-entry__create,.project-row,.project-row__actions,.project-row__edit{grid-template-columns:1fr}.ecommerce-home__stats{flex-wrap:wrap}}.product-workspace{min-height:100vh;overflow:auto}.product-workspace__shell{position:relative;z-index:1;width:100%;max-width:none;padding:36px 40px 64px;box-sizing:border-box}.product-workspace__header{display:flex;align-items:center;gap:18px;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--eco-line)}.product-workspace__back{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--eco-line-strong);border-radius:8px;background:var(--eco-surface);color:var(--eco-muted);cursor:pointer;transition:all .25s var(--eco-ease)}.product-workspace__back:hover{border-color:var(--eco-amber);color:var(--eco-amber)}.product-workspace__back-icon{width:20px;height:20px;transform:rotate(180deg)}.product-workspace__header p{margin:0 0 4px;color:var(--eco-amber);font-family:var(--eco-mono);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.product-workspace__header h1{margin:0;overflow:hidden;color:var(--eco-text);font-family:var(--eco-han);font-size:26px;font-weight:600;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.product-workspace__primary{display:inline-flex;gap:9px;align-items:center;height:46px;padding:0 20px;border:1px solid var(--eco-amber);border-radius:8px;background:var(--eco-amber);color:#0a0b0d;font-family:var(--eco-mono);font-size:12px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:all .25s var(--eco-ease)}.product-workspace__primary:hover{background:#ff985c;transform:translateY(-1px)}.product-workspace__primary svg{width:17px;height:17px}.product-workspace__grid{display:grid;grid-template-columns:232px minmax(0,1fr);gap:22px;align-items:start}.category-tree{display:grid;gap:6px;align-content:start;padding:16px;border:1px solid var(--eco-line);border-radius:10px;background:var(--eco-surface)}.category-tree h2{margin:2px 4px 10px;color:var(--eco-muted-2);font-family:var(--eco-mono);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.category-tree__item{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--eco-muted);font-family:var(--eco-han);font-size:14px;text-align:left;cursor:pointer;transition:all .2s var(--eco-ease)}.category-tree__item:hover{background:var(--eco-surface-hover);color:var(--eco-text)}.category-tree__item small{font-family:var(--eco-mono);font-size:11px;color:var(--eco-muted-2)}.category-tree__item.is-active{border-color:var(--eco-amber-soft);background:var(--eco-bg-soft);color:var(--eco-amber)}.category-tree__item.is-active small{color:var(--eco-amber)}.product-board{display:grid;gap:14px;align-content:start}.product-board__toolbar{display:flex;align-items:center;justify-content:space-between}.product-board__toolbar h2{display:inline-flex;gap:8px;align-items:baseline;margin:0;color:var(--eco-text);font-family:var(--eco-han);font-size:17px;font-weight:600}.product-board__toolbar h2 em{font-family:var(--eco-mono);font-size:12px;font-style:normal;color:var(--eco-teal)}.product-board__toolbar button{display:inline-flex;gap:7px;align-items:center;height:38px;padding:0 15px;border:1px solid var(--eco-line-strong);border-radius:7px;background:var(--eco-surface);color:var(--eco-text);font-family:var(--eco-mono);font-size:12px;cursor:pointer;transition:all .25s var(--eco-ease)}.product-board__toolbar button:hover{border-color:var(--eco-amber);color:var(--eco-amber)}.product-board__toolbar svg{width:15px;height:15px}.product-create{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:10px}.product-create input{min-width:0;height:46px;padding:0 14px;border:1px solid var(--eco-teal);border-radius:7px;background:var(--eco-bg-soft);color:var(--eco-text);font-family:var(--eco-han);font-size:14px;outline:none}.product-create input::placeholder{color:var(--eco-muted-2);font-family:var(--eco-mono);font-size:12px}.product-create button{display:inline-flex;gap:7px;align-items:center;justify-content:center;height:46px;border:1px solid var(--eco-teal);border-radius:7px;background:var(--eco-teal);color:#06100e;font-family:var(--eco-mono);font-size:12px;font-weight:700;cursor:pointer;transition:all .25s var(--eco-ease)}.product-create button:hover{background:#57d3c1}.product-create button:disabled{border-color:var(--eco-line-strong);background:transparent;color:var(--eco-muted-2);cursor:not-allowed}.product-create svg{width:15px;height:15px}.product-board__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.product-board__empty{grid-column:1 / -1;margin:0;padding:36px;border:1px dashed var(--eco-line-strong);border-radius:10px;color:var(--eco-muted);font-family:var(--eco-mono);font-size:12px;text-align:center}.product-card{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:16px;border:1px solid var(--eco-line);border-radius:10px;background:var(--eco-surface);transition:border-color .25s var(--eco-ease),transform .25s var(--eco-ease)}.product-card:hover{border-color:var(--eco-amber-soft);transform:translateY(-2px)}.product-card__thumb{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--eco-line-strong);border-radius:8px;background:linear-gradient(135deg,var(--eco-bg-soft),#20140d);color:var(--eco-amber);font-family:var(--eco-mono);font-size:18px;font-weight:700}.product-card__body{min-width:0}.product-card__body h3{margin:0 26px 6px 0;overflow:hidden;color:var(--eco-text);font-family:var(--eco-han);font-size:15px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.product-card__body p{margin:0 0 10px;color:var(--eco-muted);font-size:12.5px;line-height:1.6}.product-card__tags{display:flex;flex-wrap:wrap;gap:6px}.product-card__tags span{padding:3px 9px;border:1px solid var(--eco-line-strong);border-radius:999px;color:var(--eco-muted-2);font-family:var(--eco-mono);font-size:10.5px;letter-spacing:.04em}.product-card__delete{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:28px;height:28px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--eco-muted-2);cursor:pointer;opacity:0;transition:all .2s var(--eco-ease)}.product-card:hover .product-card__delete{opacity:1}.product-card__delete:hover{border-color:var(--eco-rose);color:var(--eco-rose)}.product-card__delete svg{width:15px;height:15px}@media(max-width:900px){.product-workspace__shell{width:calc(100% - 32px);padding:28px 0 44px}.product-workspace__grid{grid-template-columns:1fr}}.category-tree__loading{margin:0;padding:8px 13px;color:var(--eco-muted-2);font-family:var(--eco-mono);font-size:11px}.category-tree__add{display:inline-flex;gap:6px;align-items:center;width:100%;padding:9px 13px;border:1px dashed var(--eco-line-strong);border-radius:7px;background:transparent;color:var(--eco-muted-2);font-family:var(--eco-mono);font-size:11px;cursor:pointer;transition:all .2s var(--eco-ease);margin-top:4px}.category-tree__add:hover{border-color:var(--eco-amber-soft);color:var(--eco-amber)}.category-tree__add svg{width:13px;height:13px}.category-create{display:flex;gap:6px;align-items:center;margin-top:4px}.category-create input{flex:1;min-width:0;height:36px;padding:0 10px;border:1px solid var(--eco-teal);border-radius:7px;background:var(--eco-bg-soft);color:var(--eco-text);font-family:var(--eco-han);font-size:13px;outline:none}.category-create button{display:grid;place-items:center;width:32px;height:36px;border:1px solid var(--eco-line-strong);border-radius:7px;background:var(--eco-surface);color:var(--eco-muted);cursor:pointer;flex-shrink:0;transition:all .2s var(--eco-ease)}.category-create button:hover{border-color:var(--eco-teal);color:var(--eco-teal)}.category-create button:disabled{opacity:.4;cursor:not-allowed}.category-create button svg{width:14px;height:14px}.category-tree__row{position:relative;display:flex;align-items:center;gap:4px}.category-tree__delete{display:grid;place-items:center;width:28px;height:28px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--eco-muted-2);cursor:pointer;opacity:0;flex-shrink:0;transition:all .2s var(--eco-ease)}.category-tree__loading{margin:4px 0;color:var(--eco-muted-2);font-family:var(--eco-mono);font-size:11px;text-align:center}.category-tree__row .category-tree__item{flex:1;min-width:0}.category-tree__delete{display:none;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--eco-muted-2);cursor:pointer;transition:all .2s var(--eco-ease)}.category-tree__row:hover .category-tree__delete{display:grid}.category-tree__delete svg{width:14px;height:14px}.category-tree__loading{margin:4px 4px 0;color:var(--eco-muted-2);font-family:var(--eco-mono);font-size:11px;text-align:center}.category-tree__row{position:relative;display:flex;align-items:center}.category-tree__row .category-tree__item{flex:1;padding-right:36px}.category-tree__delete{position:absolute;right:6px;display:grid;place-items:center;width:26px;height:26px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--eco-muted-2);cursor:pointer;opacity:0;transition:all .2s var(--eco-ease)}.category-tree__row:hover .category-tree__delete{opacity:1}.category-tree__delete:hover{border-color:var(--eco-rose);color:var(--eco-rose)}.category-tree__delete svg{width:13px;height:13px}.category-tree__loading{margin:4px;color:var(--eco-muted-2);font-family:var(--eco-mono);font-size:11px;text-align:center}
