.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-h);z-index:1000;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);border-bottom:1px solid transparent}.navbar.scrolled{background:#0b0b1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--color-border);box-shadow:0 4px 20px #0000004d}.navbar-inner{max-width:1280px;margin:0 auto;padding:0 var(--space-xl);height:100%;display:flex;align-items:center;gap:var(--space-xl)}.navbar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.logo-icon{display:flex;align-items:center}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-name{font-size:16px;font-weight:700;color:var(--color-text);letter-spacing:1px}.logo-sub{font-size:10px;font-weight:400;color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase}.navbar-links{display:flex;align-items:center;gap:var(--space-xs);margin-left:var(--space-lg);flex:1}.nav-link{position:relative;padding:6px 14px;font-size:14px;font-weight:500;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.nav-link:hover{color:var(--color-text);background:#ffffff0a}.nav-link.active{color:var(--color-accent)}.nav-indicator{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--color-accent);border-radius:1px}.navbar-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.nav-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;transition:all var(--transition-fast);cursor:pointer}.nav-btn-ghost{color:var(--color-text-muted);background:transparent;border:1px solid transparent}.nav-btn-ghost:hover{color:var(--color-text);background:#ffffff0d;border-color:var(--color-border)}.nav-btn-primary{color:#0b0b1a;background:linear-gradient(135deg,var(--color-accent),#FFB800);border:none}.nav-btn-primary:hover{background:linear-gradient(135deg,#FFB800,var(--color-accent));box-shadow:0 4px 16px #f0a50059;transform:translateY(-1px)}.mobile-toggle{display:none;width:36px;height:36px;align-items:center;justify-content:center;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-left:auto}.hamburger,.hamburger:before,.hamburger:after{display:block;width:18px;height:2px;background:var(--color-text);border-radius:2px;position:relative;transition:all var(--transition-base)}.hamburger:before,.hamburger:after{content:"";position:absolute}.hamburger:before{top:-5px}.hamburger:after{top:5px}.hamburger.open{background:transparent}.hamburger.open:before{transform:rotate(45deg) translate(3px,3px)}.hamburger.open:after{transform:rotate(-45deg) translate(3px,-3px)}.mobile-menu{overflow:hidden;background:#0b0b1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-link{display:block;padding:12px var(--space-md);font-size:15px;font-weight:500;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.mobile-link:hover,.mobile-link.active{color:var(--color-accent);background:var(--color-accent-dim)}.mobile-btn-primary{margin-top:var(--space-sm);width:100%;padding:12px;background:linear-gradient(135deg,var(--color-accent),#FFB800);color:#0b0b1a;font-size:15px;font-weight:700;border-radius:var(--radius-md);cursor:pointer}@media (max-width: 768px){.navbar-links,.navbar-actions{display:none}.mobile-toggle{display:flex}.navbar-inner{gap:var(--space-md)}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding-top:var(--space-2xl);margin-top:auto}.footer-inner{display:grid;grid-template-columns:1.5fr 2fr;gap:var(--space-2xl);padding-bottom:var(--space-2xl)}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-md)}.footer-logo span{font-size:16px;font-weight:700;color:var(--color-text)}.footer-desc{font-size:13px;color:var(--color-text-muted);line-height:1.7;max-width:280px}.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.footer-col h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text);margin-bottom:var(--space-md)}.footer-col a{display:block;font-size:13px;color:var(--color-text-muted);margin-bottom:10px;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-accent)}.footer-bottom{border-top:1px solid var(--color-border);padding:var(--space-md) 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--color-text-dim)}.footer-bottom-links{display:flex;gap:var(--space-lg)}.footer-bottom-links a{color:var(--color-text-dim);font-size:12px}.footer-bottom-links a:hover{color:var(--color-text-muted)}@media (max-width: 768px){.footer-inner{grid-template-columns:1fr;gap:var(--space-xl)}.footer-links-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.footer-bottom{flex-direction:column;gap:var(--space-sm);text-align:center}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:var(--space-2xl) 0 var(--space-xl)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.hero-orb-1{width:600px;height:600px;background:var(--color-accent);top:-100px;right:-100px}.hero-orb-2{width:400px;height:400px;background:var(--color-accent-2);bottom:0;left:-100px}.hero-orb-3{width:300px;height:300px;background:var(--color-purple);top:50%;left:50%;transform:translate(-50%,-50%);opacity:.08}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(240,165,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(240,165,0,.04) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%)}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:6px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);margin-bottom:var(--space-xl)}.hero-title{font-size:clamp(36px,6vw,72px);font-weight:700;line-height:1.15;margin-bottom:var(--space-lg);letter-spacing:-.5px}.hero-title br{display:block}.hero-desc{font-size:17px;color:var(--color-text-muted);max-width:640px;margin:0 auto var(--space-xl);line-height:1.8}.hero-desc strong{color:var(--color-text);font-weight:600}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap}.hero-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-md);font-size:15px;font-weight:700;transition:all var(--transition-base);cursor:pointer}.hero-btn-primary{background:linear-gradient(135deg,var(--color-accent),#FFB800);color:#0b0b1a}.hero-btn-primary:hover{box-shadow:0 8px 30px #f0a50066;transform:translateY(-2px)}.hero-btn-secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.hero-btn-secondary:hover{background:var(--color-surface-3);border-color:var(--color-border-hover);transform:translateY(-2px)}.hero-platforms-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);max-width:700px;margin:0 auto}.platform-preview-card{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-surface);border:1px solid var(--card-color, var(--color-border));border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.platform-preview-card:hover{background:var(--card-dim, var(--color-surface-2));border-color:var(--card-color);box-shadow:0 4px 20px #0000004d}.platform-preview-icon{flex-shrink:0}.platform-preview-name{font-size:13px;font-weight:700;color:var(--color-text);line-height:1.2}.platform-preview-en{font-size:10px;color:var(--color-text-muted);font-weight:400}.platform-preview-tag{margin-left:auto;font-size:10px;color:var(--card-color);opacity:.7;white-space:nowrap}.stats-section{padding:var(--space-xl) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#13132b66}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.stat-card{text-align:center;padding:var(--space-lg) var(--space-md)}.stat-value{display:block;font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:count-up .6s ease forwards}.stat-label{display:block;font-size:12px;color:var(--color-text-muted);margin-top:4px;letter-spacing:.5px}.section-header{text-align:center;max-width:680px;margin:0 auto var(--space-2xl)}.section-header .tag{margin-bottom:var(--space-md)}.section-title{font-size:clamp(28px,4vw,44px);font-weight:700;margin-bottom:var(--space-md);line-height:1.2;letter-spacing:-.3px}.section-desc{font-size:15px;color:var(--color-text-muted);line-height:1.8}.platforms-section{padding:var(--space-3xl) 0}.platforms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.platform-card-wrapper{height:100%}.platform-card{position:relative;background:var(--color-surface);border:1px solid var(--card-color, var(--color-border));border-radius:var(--radius-xl);padding:var(--space-xl);height:100%;display:flex;flex-direction:column;gap:var(--space-lg);transition:all var(--transition-base);overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 0%,var(--card-dim, rgba(240,165,0,.05)) 0%,transparent 60%);pointer-events:none}.platform-card:hover{border-color:var(--card-color);box-shadow:0 0 40px var(--card-dim, rgba(240,165,0,.15));transform:translateY(-4px)}.platform-card-topbar{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.platform-card-header{display:flex;gap:var(--space-md);align-items:flex-start}.platform-icon-wrap{flex-shrink:0}.platform-meta{flex:1}.platform-name{font-size:20px;font-weight:700;color:var(--color-text);line-height:1.2}.platform-name-en{font-size:12px;color:var(--color-text-muted);font-weight:400;margin-bottom:var(--space-sm)}.platform-desc{font-size:14px;color:var(--color-text-muted);line-height:1.7;flex:1}.platform-features{list-style:none;display:flex;flex-direction:column;gap:8px}.platform-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text)}.platform-stats{display:flex;gap:var(--space-md);padding:var(--space-md);background:#0003;border-radius:var(--radius-md);border:1px solid var(--card-color, var(--color-border))}.platform-stat{flex:1;text-align:center}.platform-stat-value{display:block;font-size:18px;font-weight:700}.platform-stat-label{display:block;font-size:11px;color:var(--color-text-muted);margin-top:2px}.platform-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.platform-ref-badge{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-muted)}.platform-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:700;transition:all var(--transition-fast);cursor:pointer;border:none}.platform-cta:hover{opacity:.85;transform:translate(2px)}.flow-section{padding:var(--space-3xl) 0;background:linear-gradient(180deg,transparent 0%,rgba(19,19,43,.5) 50%,transparent 100%)}.flow-timeline{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;max-width:1000px;margin:0 auto}.flow-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);min-width:100px}.flow-node{width:64px;height:64px;border-radius:50%;background:var(--color-surface-2);border:2px solid var(--step-color, var(--color-accent));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 20px var(--step-color, var(--color-accent)) alpha .15;transition:all var(--transition-base);position:relative}.flow-node:hover{box-shadow:0 0 30px var(--step-color, var(--color-accent)) .25;transform:scale(1.08)}.flow-step-num{font-size:10px;font-weight:700;color:var(--step-color);font-family:var(--font-mono);line-height:1}.flow-step-icon{font-size:18px;line-height:1}.flow-step-info{text-align:center;min-width:90px}.flow-step-label{display:block;font-size:12px;font-weight:600;color:var(--color-text)}.flow-step-desc{display:block;font-size:10px;color:var(--color-text-muted);margin-top:2px}.flow-connector{flex:1;min-width:30px;max-width:60px;padding:0 4px}.flow-connector svg{width:100%}.architecture-section{padding:var(--space-3xl) 0}.arch-table-wrapper{overflow-x:auto;margin-bottom:var(--space-2xl)}.arch-table{width:100%;border-collapse:collapse;font-size:14px}.arch-table th,.arch-table td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--color-border)}.arch-table th{font-size:13px;font-weight:700;color:var(--color-text-muted);border-bottom:2px solid var(--color-border)}.arch-th-en{display:block;font-size:10px;font-weight:400;color:var(--color-text-dim);margin-top:2px}.arch-table tr.even td{background:#ffffff03}.arch-table tr:hover td{background:#ffffff05}.arch-dim{color:var(--color-text-muted);font-weight:500;font-size:12px;white-space:nowrap}.arch-builder{color:#00d4aa}.arch-studio{color:#7b68ee}.dataflow-diagram{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl)}.dataflow-nodes{display:flex;align-items:center;justify-content:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-xl)}.df-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:13px;font-weight:600;color:var(--color-text);min-width:110px;text-align:center;transition:all var(--transition-base)}.df-node:hover{border-color:currentColor}.df-community{color:#f0a500;border-color:#f0a5004d}.df-builder{color:#00d4aa;border-color:#00d4aa4d}.df-studio{color:#7b68ee;border-color:#7b68ee4d}.df-node-icon{opacity:.9}.df-arrow{display:flex;flex-direction:column;align-items:center;gap:4px}.df-arrow-label{font-size:10px;color:var(--color-text-muted);font-weight:500}.dataflow-center{display:flex;justify-content:center}.dataflow-bundle{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--color-surface-3);border:1px dashed var(--color-border-hover);border-radius:var(--radius-lg)}.bundle-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted)}.bundle-items{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.bundle-items span{font-size:12px;padding:4px 12px;background:var(--color-accent-dim);color:var(--color-accent);border-radius:var(--radius-full);border:1px solid rgba(240,165,0,.2);font-weight:500}.cta-section{padding:var(--space-2xl) 0 var(--space-3xl)}.cta-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);text-align:center;overflow:hidden}.cta-bg-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cta-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.12}.cta-orb-1{width:300px;height:300px;background:var(--color-accent);top:-80px;left:-80px}.cta-orb-2{width:250px;height:250px;background:var(--color-accent-2);bottom:-60px;right:-60px}.cta-content{position:relative;z-index:1}.cta-title{font-size:clamp(24px,4vw,40px);font-weight:700;margin-bottom:var(--space-md)}.cta-desc{font-size:15px;color:var(--color-text-muted);margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}@media (max-width: 1024px){.platforms-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}@media (max-width: 768px){.hero-platforms-preview{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.flow-timeline{gap:var(--space-md);justify-content:center}.flow-connector{display:none}.dataflow-nodes{flex-direction:column}.df-arrow{transform:rotate(90deg)}}@media (max-width: 480px){.hero-actions{flex-direction:column;width:100%}.hero-btn{width:100%;justify-content:center}.platforms-grid{max-width:100%}}.journey-section{padding:var(--space-3xl) 0;background:linear-gradient(180deg,transparent,rgba(0,212,170,.03),transparent)}.journey-header{text-align:center;margin-bottom:var(--space-2xl)}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.journey-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-xl);position:relative;overflow:hidden;transition:all var(--transition-fast)}.journey-card:hover{border-color:var(--journey-color);transform:translateY(-4px);box-shadow:0 12px 40px #0006}.journey-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--journey-color)}.jc-number{font-size:48px;font-weight:900;color:var(--journey-color);opacity:.2;line-height:1;margin-bottom:var(--space-md)}.jc-title{font-size:18px;font-weight:800;margin-bottom:6px}.jc-persona{display:flex;align-items:center;gap:6px;margin-bottom:var(--space-md)}.jc-avatar{font-size:20px}.jc-role{font-size:12px;color:var(--color-text-muted)}.jc-steps{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.jc-step{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface-2);border-radius:var(--radius-lg);font-size:13px;color:var(--color-text-muted)}.jc-step-icon{font-size:14px;flex-shrink:0}.jc-cta{display:flex;align-items:center;justify-content:space-between}.jc-cta-platform{font-size:12px;font-weight:700;padding:4px 12px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--journey-color) 15%,transparent);color:var(--journey-color);border:1px solid color-mix(in srgb,var(--journey-color) 30%,transparent)}.jc-cta-link{font-size:13px;font-weight:700;color:var(--journey-color);display:flex;align-items:center;gap:4px;cursor:pointer;text-decoration:none;transition:gap var(--transition-fast)}.jc-cta-link:hover{gap:8px}.home-cta-section{padding:var(--space-3xl) 0}.cta-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.cta-card-mini{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-xl);cursor:pointer;transition:all var(--transition-fast);text-align:left;position:relative;overflow:hidden}.cta-card-mini:hover{border-color:var(--cta-color);transform:translateY(-3px);box-shadow:0 8px 32px #0006}.cta-card-mini:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--cta-color) 5%,transparent),transparent);pointer-events:none}.ccm-eyebrow{font-size:12px;font-weight:700;color:var(--cta-color);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:1px}.ccm-title{font-size:20px;font-weight:800;margin-bottom:var(--space-sm);line-height:1.3}.ccm-desc{font-size:14px;color:var(--color-text-muted);margin-bottom:var(--space-lg);line-height:1.6}.ccm-tags{display:flex;flex-wrap:wrap;gap:6px}.ccm-tag{font-size:11px;padding:3px 10px;background:color-mix(in srgb,var(--cta-color) 10%,transparent);color:var(--cta-color);border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--cta-color) 25%,transparent)}.ccm-arrow{position:absolute;top:var(--space-lg);right:var(--space-lg);font-size:20px;color:var(--cta-color);opacity:.5}.community-hero{position:relative;padding:var(--space-2xl) 0 var(--space-xl);overflow:hidden}.community-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 100% at 50% 0%,rgba(240,165,0,.1) 0%,transparent 70%),linear-gradient(180deg,var(--color-surface) 0%,transparent 100%)}.community-hero-content{position:relative;z-index:1;text-align:center}.community-hero-content .tag{margin-bottom:var(--space-md)}.community-title{font-size:clamp(28px,4vw,48px);font-weight:700;margin-bottom:var(--space-md)}.community-desc{font-size:15px;color:var(--color-text-muted);max-width:560px;margin:0 auto var(--space-xl);line-height:1.8}.community-quick-stats{display:inline-flex;align-items:center;gap:var(--space-xl);padding:var(--space-md) var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full)}.cqs-item{text-align:center}.cqs-num{display:block;font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cqs-label{font-size:11px;color:var(--color-text-muted)}.cqs-divider{width:1px;height:32px;background:var(--color-border)}.community-body{padding:var(--space-xl) 0 var(--space-3xl)}.community-search-bar{margin-bottom:var(--space-md)}.search-input-wrap{position:relative;display:flex;align-items:center;max-width:520px}.search-icon{position:absolute;left:14px;color:var(--color-text-muted);pointer-events:none;flex-shrink:0}.search-input{width:100%;padding:11px 40px 11px 42px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);font-size:14px;transition:all var(--transition-fast);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{border-color:var(--color-accent);background:var(--color-surface-2);box-shadow:0 0 0 3px var(--color-accent-dim)}.search-clear{position:absolute;right:12px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:14px;padding:4px;border-radius:50%;transition:all var(--transition-fast);display:flex;align-items:center}.search-clear:hover{background:var(--color-surface-2);color:var(--color-text)}.community-tags-filter{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.tags-filter-label{font-size:12px;font-weight:700;color:var(--color-text-muted);white-space:nowrap;padding-top:5px;flex-shrink:0}.tags-filter-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tag-filter-chip{padding:4px 12px;font-size:12px;font-weight:500;color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.tag-filter-chip:hover{color:var(--color-text);border-color:var(--color-border-hover)}.tag-filter-chip.active{background:var(--color-accent-dim);color:var(--color-accent);border-color:#f0a50066;font-weight:700}.tags-clear-btn{padding:4px 10px;font-size:11px;font-weight:600;color:var(--color-text-muted);background:none;border:1px dashed var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.tags-clear-btn:hover{color:#ff6b6b;border-color:#ff6b6b66}.results-clear-btn{margin-left:var(--space-md);padding:3px 10px;font-size:12px;font-weight:600;color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.results-clear-btn:hover{color:#ff6b6b;border-color:#ff6b6b66}.community-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-3xl);text-align:center}.community-empty-icon{font-size:56px;opacity:.5}.community-empty-title{font-size:18px;font-weight:700;color:var(--color-text)}.community-empty-desc{font-size:14px;color:var(--color-text-muted)}.community-empty-reset{margin-top:var(--space-sm);padding:10px 24px;background:var(--color-accent-dim);color:var(--color-accent);border:1px solid rgba(240,165,0,.3);border-radius:var(--radius-lg);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.community-empty-reset:hover{background:var(--color-accent);color:#0b0b1a}.filter-bar{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.filter-scroll{display:flex;gap:var(--space-xs);flex:1;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;padding:7px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-chip:hover{color:var(--color-text);border-color:var(--color-border-hover)}.filter-chip.active{background:var(--color-accent-dim);color:var(--color-accent);border-color:#f0a50066}.filter-right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.filter-select{padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:13px;font-family:var(--font-sans);cursor:pointer;outline:none}.filter-select:focus{border-color:var(--color-accent)}.view-toggle{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.view-btn{padding:8px 10px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;background:none}.view-btn:hover{color:var(--color-text);background:var(--color-surface-2)}.view-btn.active{color:var(--color-accent);background:var(--color-accent-dim)}.create-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;background:linear-gradient(135deg,var(--color-accent),#FFB800);color:#0b0b1a;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.create-btn:hover{box-shadow:0 4px 16px #f0a50059;transform:translateY(-1px)}.rankboard-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;background:#ffffff0d;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.rankboard-btn:hover{color:var(--color-accent);border-color:#f0a50066;background:var(--color-accent-dim);transform:translateY(-1px)}.results-info{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.results-info strong{color:var(--color-text)}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.solution-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.solution-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-accent);transform:translateY(-4px)}.card-cover{position:relative;aspect-ratio:16/10;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.solution-card:hover .card-cover img{transform:scale(1.05)}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.6) 100%);opacity:0;transition:opacity var(--transition-base);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-sm)}.solution-card:hover .card-overlay{opacity:1}.card-category-badge{display:inline-block;padding:3px 10px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:600;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2);align-self:flex-start}.card-actions-overlay{display:flex;gap:var(--space-sm);align-self:flex-end}.card-action-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all var(--transition-fast)}.card-action-btn:hover,.card-action-btn.liked{color:#ff4d6a;border-color:#ff4d6a}.card-action-btn.saved{color:var(--color-accent);border-color:var(--color-accent)}.card-rating{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;align-items:center;gap:3px;padding:3px 8px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:600;border-radius:var(--radius-full)}.card-content{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.card-title{font-size:15px;font-weight:700;color:var(--color-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-desc{font-size:12px;color:var(--color-text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;gap:5px;flex-wrap:wrap}.card-tag{padding:2px 8px;background:var(--color-surface-2);color:var(--color-text-muted);font-size:11px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.card-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--color-text-muted);margin-top:4px}.card-author{display:flex;align-items:center;gap:6px}.author-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.author-avatar.lg{width:44px;height:44px;font-size:18px}.author-name{font-size:12px;color:var(--color-text-muted);font-weight:500}.card-meta{display:flex;gap:var(--space-md)}.meta-item{display:flex;align-items:center;gap:4px}.card-device-bar{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-muted);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.solutions-feed{display:flex;flex-direction:column;gap:var(--space-md)}.feed-card{display:flex;gap:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.feed-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-accent)}.feed-cover{width:240px;flex-shrink:0;position:relative;overflow:hidden}.feed-cover img{width:100%;height:100%;object-fit:cover;min-height:160px}.feed-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.5) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-sm)}.feed-rating{display:flex;align-items:center;gap:4px;align-self:flex-end;color:#fff;font-size:12px;font-weight:600}.feed-content{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.feed-top{display:flex;flex-direction:column;gap:6px}.feed-title{font-size:16px;font-weight:700;color:var(--color-text)}.feed-tags{display:flex;gap:5px;flex-wrap:wrap}.feed-desc{font-size:13px;color:var(--color-text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.feed-date{font-size:11px;color:var(--color-text-dim);margin-left:8px}.feed-stats{display:flex;gap:var(--space-md);font-size:12px;color:var(--color-text-muted)}.feed-devices{display:flex;align-items:center;gap:var(--space-md);font-size:12px;color:var(--color-text-dim)}.device-count{padding:2px 8px;background:var(--color-accent-dim);color:var(--color-accent);border-radius:var(--radius-full)}.scene-count{color:var(--color-text-muted)}.detail-navbar{position:sticky;top:var(--navbar-h);z-index:100;background:#0b0b1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:var(--space-sm) 0}.detail-navbar .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.back-btn{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted);cursor:pointer;padding:6px 12px;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:none;border:none}.back-btn:hover{color:var(--color-text);background:var(--color-surface-2)}.detail-nav-actions{display:flex;align-items:center;gap:var(--space-sm)}.detail-action-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.detail-action-btn:hover{color:var(--color-text);border-color:var(--color-border-hover)}.detail-action-btn.liked{color:#ff4d6a;border-color:#ff4d6a40}.detail-action-btn.saved{color:var(--color-accent);border-color:#f0a50066}.reuse-btn{display:flex;align-items:center;gap:6px;padding:7px 18px;background:linear-gradient(135deg,var(--color-accent),#FFB800);color:#0b0b1a;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.reuse-btn:hover{box-shadow:0 4px 16px #f0a50059}.detail-body{display:grid;grid-template-columns:1fr 300px;gap:var(--space-xl);padding:var(--space-xl) 0 var(--space-3xl);align-items:start}.detail-main{display:flex;flex-direction:column;gap:var(--space-xl)}.detail-gallery{display:flex;flex-direction:column;gap:var(--space-md)}.gallery-main{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16/10;border:1px solid var(--color-border)}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-badge{position:absolute;top:var(--space-md);left:var(--space-md);display:flex;gap:6px}.gallery-style-badge{display:inline-block;padding:3px 10px;background:var(--color-purple-dim);color:var(--color-purple);font-size:11px;font-weight:600;border-radius:var(--radius-full);border:1px solid rgba(123,104,238,.3)}.gallery-thumbs{display:flex;gap:var(--space-sm)}.gallery-thumb{width:80px;height:56px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-thumb.active{border-color:var(--color-accent)}.gallery-thumb:hover{border-color:var(--color-border-hover)}.detail-info{display:flex;flex-direction:column;gap:var(--space-lg)}.detail-author-row{display:flex;align-items:center;gap:var(--space-md)}.author-details{flex:1}.author-name-lg{display:block;font-size:16px;font-weight:700;color:var(--color-text)}.author-bio{display:block;font-size:12px;color:var(--color-text-muted);margin-top:2px}.follow-btn{padding:6px 16px;background:var(--color-accent-dim);color:var(--color-accent);border:1px solid rgba(240,165,0,.3);border-radius:var(--radius-full);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.follow-btn:hover{background:var(--color-accent);color:#0b0b1a}.detail-title{font-size:28px;font-weight:700;line-height:1.3}.detail-stats{display:flex;gap:var(--space-lg);font-size:13px;color:var(--color-text-muted)}.ds-item{display:flex;align-items:center;gap:5px}.detail-desc{font-size:15px;color:var(--color-text-muted);line-height:1.8}.detail-tags{display:flex;gap:6px;flex-wrap:wrap}.detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border)}.detail-tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--color-text-muted);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.detail-tab:hover{color:var(--color-text)}.detail-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-count{padding:1px 6px;background:var(--color-surface-2);border-radius:var(--radius-full);font-size:11px}.detail-tab-content{padding:var(--space-lg) 0}.tc-title{font-size:15px;font-weight:700;margin-bottom:var(--space-md)}.tc-text{font-size:14px;color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-lg)}.tc-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.tc-meta-item{padding:var(--space-md);background:var(--color-surface-2);border-radius:var(--radius-md);border:1px solid var(--color-border)}.tcm-label{display:block;font-size:11px;color:var(--color-text-muted);margin-bottom:4px}.tcm-value{font-size:16px;font-weight:700;color:var(--color-text)}.device-list{display:flex;flex-direction:column;gap:var(--space-sm)}.device-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-2);border-radius:var(--radius-md);border:1px solid var(--color-border)}.device-icon{font-size:24px}.device-info{flex:1}.device-name{display:block;font-size:14px;font-weight:600;color:var(--color-text)}.device-count-label{font-size:12px;color:var(--color-text-muted)}.device-add-btn{padding:5px 14px;background:var(--color-accent-dim);color:var(--color-accent);border:1px solid rgba(240,165,0,.3);border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.device-add-btn:hover{background:var(--color-accent);color:#0b0b1a}.scene-list{display:flex;flex-direction:column;gap:var(--space-sm)}.scene-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-2);border-radius:var(--radius-md);border:1px solid var(--color-border)}.scene-icon{font-size:24px}.scene-name{flex:1;font-size:14px;font-weight:600}.scene-use-btn{padding:5px 14px;background:var(--color-accent-2-dim);color:var(--color-accent-2);border:1px solid rgba(0,212,170,.3);border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer}.scene-use-btn:hover{background:var(--color-accent-2);color:#0b0b1a}.comment-input-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.comment-input{flex:1;padding:var(--space-md);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:14px;resize:none;outline:none}.comment-input:focus{border-color:var(--color-accent)}.comment-submit-btn{padding:var(--space-md) var(--space-lg);background:var(--color-accent);color:#0b0b1a;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;align-self:flex-end}.comment-list{display:flex;flex-direction:column;gap:var(--space-md)}.comment-item{display:flex;gap:var(--space-md)}.comment-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-surface-3);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.comment-body{flex:1}.comment-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:4px}.comment-author{font-size:13px;font-weight:600}.comment-time{font-size:11px;color:var(--color-text-dim)}.comment-text{font-size:13px;color:var(--color-text-muted);line-height:1.6}.comment-like-btn{margin-top:4px;font-size:12px;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:0}.comment-like-btn:hover{color:var(--color-accent)}.detail-sidebar{position:sticky;top:calc(var(--navbar-h) + 60px)}.sidebar-title{font-size:14px;font-weight:700;margin-bottom:var(--space-md);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.sidebar-card{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--space-sm);transition:all var(--transition-fast)}.sidebar-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-2)}.sidebar-cover{width:72px;height:56px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.sidebar-card-info{flex:1;display:flex;flex-direction:column;gap:4px}.sidebar-card-title{font-size:13px;font-weight:600;color:var(--color-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-card-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-muted)}.profile-page{padding-bottom:var(--space-3xl)}.profile-hero{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg) 100%);border-bottom:1px solid var(--color-border);padding:var(--space-2xl) 0}.profile-header{display:flex;gap:var(--space-xl);align-items:flex-start}.profile-avatar-wrap{position:relative;flex-shrink:0}.profile-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff}.profile-avatar-badge{position:absolute;bottom:0;right:0;padding:2px 8px;background:var(--color-accent);color:#0b0b1a;font-size:10px;font-weight:700;border-radius:var(--radius-full)}.profile-info{flex:1}.profile-name-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.profile-name{font-size:28px;font-weight:700}.profile-bio{font-size:14px;color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-lg)}.profile-stats{display:flex;gap:var(--space-xl)}.ps-item{text-align:center}.ps-item strong{display:block;font-size:20px;font-weight:700;color:var(--color-text)}.ps-item span{font-size:12px;color:var(--color-text-muted)}.profile-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.profile-edit-btn{padding:9px 20px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.profile-edit-btn:hover{border-color:var(--color-border-hover)}.profile-share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer}.profile-share-btn:hover{color:var(--color-text);border-color:var(--color-border-hover)}.badges-row{display:flex;gap:var(--space-sm);padding:var(--space-lg) 0;overflow-x:auto;scrollbar-width:none}.badges-row::-webkit-scrollbar{display:none}.badge-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--badge-color, var(--color-border));border-radius:var(--radius-md);flex-shrink:0;min-width:80px;transition:all var(--transition-fast)}.badge-item:hover{background:#ffffff0a}.badge-icon{font-size:24px}.badge-label{font-size:10px;font-weight:600;color:var(--badge-color);text-align:center;white-space:nowrap}.profile-body{padding:var(--space-xl) 0}.profile-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl)}.profile-tab{padding:12px 24px;font-size:14px;font-weight:500;color:var(--color-text-muted);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.profile-tab:hover{color:var(--color-text)}.profile-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.pt-count{padding:1px 6px;background:var(--color-surface-2);border-radius:var(--radius-full);font-size:11px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.create-new-card{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);cursor:pointer;min-height:280px;color:var(--color-text-muted);font-size:14px;font-weight:500;transition:all var(--transition-base)}.create-new-card:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-dim)}.sol-date{font-size:11px}.reuse-btn-sm{width:100%;padding:7px;background:var(--color-accent-dim);color:var(--color-accent);border:1px solid rgba(240,165,0,.3);border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.reuse-btn-sm:hover{background:var(--color-accent);color:#0b0b1a}.follow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.follow-card{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center;transition:all var(--transition-base)}.follow-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-2)}.follow-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.follow-name{font-size:14px;font-weight:700;color:var(--color-text)}.follow-desc{font-size:12px;color:var(--color-text-muted)}.follow-action-btn{margin-top:4px;padding:6px 16px;background:var(--color-accent-dim);color:var(--color-accent);border:1px solid rgba(240,165,0,.3);border-radius:var(--radius-full);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.follow-action-btn.following{background:var(--color-surface-3);color:var(--color-text-muted);border-color:var(--color-border)}.follow-action-btn:not(.following):hover{background:var(--color-accent);color:#0b0b1a}@media (max-width: 1024px){.detail-body{grid-template-columns:1fr}.detail-sidebar{position:static}}@media (max-width: 768px){.feed-card{flex-direction:column}.feed-cover{width:100%}.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-stats{justify-content:center}.filter-right{width:100%;justify-content:flex-end}}.purchase-page{background:#f2f4f7;min-height:100vh;padding-bottom:90px}.purchase-topbar{background:#fff;border-bottom:1px solid #E8EAED;position:sticky;top:var(--navbar-h);z-index:50}.ptb-inner{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) 0}.ptb-back{display:flex;align-items:center;gap:6px;background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.ptb-back:hover{background:#f2f4f7;color:#333}.ptb-breadcrumb{flex:1;display:flex;align-items:center;gap:6px;font-size:13px;color:#999}.ptb-breadcrumb span{cursor:pointer}.ptb-breadcrumb span:hover{color:var(--color-accent)}.ptb-sep{color:#ddd;cursor:default!important}.ptb-current{color:#333!important;font-weight:600;cursor:default!important}.ptb-logo{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#333}.purchase-container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.purchase-main{display:grid;grid-template-columns:420px 1fr;gap:var(--space-xl);padding:var(--space-xl) 0;background:#fff;border-radius:var(--radius-2xl);margin-bottom:var(--space-xl);box-shadow:0 2px 12px #0000000f;overflow:hidden}.purchase-gallery{padding:var(--space-xl)}.pg-main-image{width:100%;height:320px;background:#fafafa;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:var(--space-md);border:1px solid #E8EAED;overflow:hidden}.pgmi-icon{font-size:120px;line-height:1;animation:icon-float 3s ease-in-out infinite}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pg-discount-badge{position:absolute;top:12px;right:12px;background:#ff3b30;color:#fff;font-size:13px;font-weight:800;padding:3px 10px;border-radius:var(--radius-md)}.pg-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.pg-thumb{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm);background:#fafafa;border:2px solid #E8EAED;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:28px}.pg-thumb:hover{border-color:#ccc}.pg-thumb.active{border-color:var(--price-color, var(--color-accent));background:#f8f8ff}.pg-thumb-label{font-size:10px;color:#999}.purchase-info{padding:var(--space-xl) var(--space-xl) var(--space-xl) 0;display:flex;flex-direction:column;gap:var(--space-md)}.pi-brand-row{display:flex;align-items:center;gap:var(--space-sm)}.pi-brand{font-size:13px;font-weight:700;color:var(--price-color, var(--color-accent));background:color-mix(in srgb,var(--price-color, var(--color-accent)) 10%,transparent);padding:3px 10px;border-radius:var(--radius-md)}.pi-tag{font-size:11px;padding:2px 8px;background:#f2f4f7;color:#666;border-radius:var(--radius-full)}.pi-title{font-size:22px;font-weight:800;color:#1a1a2e;line-height:1.4}.pi-subtitle{font-size:13px;color:#999;margin-top:-6px}.pi-price-block{background:linear-gradient(135deg,color-mix(in srgb,var(--price-color) 8%,white),color-mix(in srgb,var(--price-color) 3%,white));border:1px solid color-mix(in srgb,var(--price-color) 20%,transparent);border-radius:var(--radius-xl);padding:var(--space-lg)}.pi-price-row{display:flex;align-items:baseline;gap:8px}.pi-price-label{font-size:13px;color:#999}.pi-price-symbol{font-size:20px;font-weight:700;color:#ff3b30}.pi-price{font-size:40px;font-weight:900;color:#ff3b30;line-height:1}.pi-original{font-size:15px;color:#aaa;text-decoration:line-through;margin-left:6px}.pi-price-info{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-sm)}.pi-discount-tag{font-size:11px;font-weight:700;background:#ff3b30;color:#fff;padding:2px 8px;border-radius:var(--radius-full)}.pi-sales-info,.pi-stock-info{font-size:12px;color:#888}.pi-sales-info strong,.pi-stock-info strong{color:#333}.pi-delivery{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:#666;padding:10px 14px;background:#fafafa;border-radius:var(--radius-lg)}.pd-icon{font-size:16px}.pd-text strong{color:#333}.pi-qty-row{display:flex;align-items:center;gap:var(--space-md)}.pq-label{font-size:14px;color:#666;min-width:40px}.pq-control{display:flex;align-items:center;border:1px solid #E0E0E0;border-radius:var(--radius-lg);overflow:hidden}.pq-btn{width:36px;height:36px;background:#fafafa;border:none;font-size:18px;color:#666;cursor:pointer;transition:all var(--transition-fast)}.pq-btn:hover{background:#eee;color:#333}.pq-num{width:48px;text-align:center;font-size:15px;font-weight:700;border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0;line-height:36px}.pq-total{font-size:14px;color:#666;margin-left:var(--space-md)}.pi-actions{display:flex;gap:var(--space-md)}.pia-cart-btn{flex:1;padding:14px 20px;border-radius:var(--radius-xl);font-size:15px;font-weight:700;cursor:pointer;border:2px solid;background:transparent;transition:all var(--transition-fast)}.pia-cart-btn:not(.added):hover{background:color-mix(in srgb,var(--price-color) 8%,transparent)}.pia-cart-btn.added{background:color-mix(in srgb,var(--price-color) 8%,transparent);font-weight:700}.pia-buy-btn{flex:1.5;padding:14px 20px;border-radius:var(--radius-xl);border:none;color:#0b0b1a;font-size:15px;font-weight:800;cursor:pointer;transition:all var(--transition-fast)}.pia-buy-btn:hover{filter:brightness(1.1);box-shadow:0 4px 20px color-mix(in srgb,var(--price-color) 40%,transparent)}.pi-promises{display:flex;gap:var(--space-md);flex-wrap:wrap;padding-top:var(--space-sm);border-top:1px solid #F0F0F0}.pi-promise{display:flex;align-items:center;gap:6px;font-size:12px;color:#888}.purchase-tabs{background:#fff;border-radius:var(--radius-2xl);overflow:hidden;margin-bottom:var(--space-xl);box-shadow:0 2px 12px #0000000f}.ptab-nav{display:flex;border-bottom:1px solid #E8EAED;padding:0 var(--space-xl)}.ptab-btn{padding:var(--space-lg) var(--space-xl);background:none;border:none;border-bottom:3px solid transparent;font-size:15px;font-weight:600;color:#999;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.ptab-btn:hover{color:#333}.ptab-btn.active{color:var(--price-color, var(--color-accent));border-bottom-color:var(--price-color, var(--color-accent))}.ptab-content{padding:var(--space-xl)}.pp-section-title{font-size:16px;font-weight:800;color:#1a1a2e;margin-bottom:var(--space-lg)}.pp-hl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.pp-hl-card{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:#fafafa;border-radius:var(--radius-xl);font-size:14px;color:#555;line-height:1.5}.pphl-num{font-size:24px;font-weight:900;color:var(--price-color, var(--color-accent));opacity:.25;flex-shrink:0;line-height:1;margin-top:2px}.ppg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.ppg-item{background:#fafafa;border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;border:1px solid #F0F0F0}.ppg-icon{margin-bottom:var(--space-sm)}.ppg-caption{font-size:12px;color:#999}.pp-brand-section{padding:var(--space-xl);background:#fafafa;border-radius:var(--radius-xl)}.pp-brand-text{font-size:14px;color:#666;line-height:1.8}.pp-specs-table{margin-bottom:var(--space-lg);border:1px solid #E8EAED;border-radius:var(--radius-xl);overflow:hidden}.pps-row{display:grid;grid-template-columns:160px 1fr;font-size:14px}.pps-row.even{background:#fafafa}.pps-label{padding:12px 16px;background:#f8f8f8;color:#888;font-weight:600}.pps-value{padding:12px 16px;color:#333}.pp-specs-note{font-size:13px;color:#ff9800;background:#fff8e1;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);border:1px solid #FFE082}.pp-reviews-header{display:flex;gap:var(--space-xl);padding:var(--space-xl);background:#fafafa;border-radius:var(--radius-xl);margin-bottom:var(--space-xl);align-items:center}.ppr-score-block{display:flex;align-items:center;gap:var(--space-md)}.ppr-big-score{font-size:48px;font-weight:900;line-height:1}.star-rating{display:flex;gap:2px}.ppr-total-count{font-size:12px;color:#888;display:block;margin-top:4px}.ppr-distribution{flex:1;display:flex;flex-direction:column;gap:6px}.pprd-row{display:flex;align-items:center;gap:var(--space-sm);font-size:12px;color:#888}.pprd-row>span:first-child{width:24px}.pprd-bar{flex:1;height:8px;background:#e8eaed;border-radius:4px;overflow:hidden}.pprd-fill{height:100%;border-radius:4px;transition:width 1s ease}.pprd-row>span:last-child{width:32px;text-align:right}.pp-reviews-list{display:flex;flex-direction:column;gap:var(--space-md)}.ppr-card{padding:var(--space-lg);background:#fafafa;border-radius:var(--radius-xl);border:1px solid #F0F0F0}.ppr-user{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.ppr-avatar{font-size:32px}.ppr-username{font-size:14px;font-weight:700;display:block;margin-bottom:4px}.ppr-date{margin-left:auto;font-size:12px;color:#aaa}.ppr-text{font-size:14px;color:#555;line-height:1.7;margin-bottom:var(--space-sm)}.ppr-helpful{font-size:12px;color:#888;background:none;border:1px solid #E0E0E0;padding:3px 12px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.ppr-helpful:hover{border-color:#ccc;color:#555}.purchase-related{margin-bottom:var(--space-xl)}.pr-title{font-size:18px;font-weight:800;margin-bottom:var(--space-lg)}.pr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.pr-card{background:#fff;border:1px solid #E8EAED;border-radius:var(--radius-xl);padding:var(--space-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.pr-card:hover{border-color:var(--rp-color);box-shadow:0 4px 20px color-mix(in srgb,var(--rp-color) 15%,transparent)}.prc-icon{font-size:40px;display:block;margin-bottom:var(--space-sm)}.prc-name{font-size:13px;font-weight:600;color:#333;margin-bottom:var(--space-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prc-price{font-size:18px;font-weight:800;color:#ff3b30;margin-bottom:4px}.prc-sales{font-size:11px;color:#aaa}.purchase-sticky-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #E8EAED;box-shadow:0 -4px 24px #0000001a;z-index:80;padding:var(--space-md) var(--space-xl)}.psbb-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.psbb-info{display:flex;align-items:center;gap:var(--space-md)}.psbb-icon{font-size:36px}.psbb-name{font-size:14px;font-weight:600;display:block;color:#333}.psbb-price{font-size:20px;font-weight:900;display:block}.psbb-actions{display:flex;align-items:center;gap:var(--space-md)}.psbb-qty{display:flex;align-items:center;border:1px solid #E0E0E0;border-radius:var(--radius-lg);overflow:hidden}.psbb-qty button{width:32px;height:36px;background:#fafafa;border:none;font-size:16px;cursor:pointer;transition:background var(--transition-fast)}.psbb-qty button:hover{background:#eee}.psbb-qty span{width:40px;text-align:center;font-size:14px;font-weight:700;border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0;line-height:36px}.psbb-buy{padding:10px 32px;border:none;border-radius:var(--radius-xl);color:#0b0b1a;font-size:15px;font-weight:800;cursor:pointer;transition:all var(--transition-fast)}.psbb-buy:hover{filter:brightness(1.1)}.purchase-not-found{text-align:center;padding:var(--space-3xl);color:#999}.purchase-not-found h2{font-size:24px;margin:var(--space-md) 0 var(--space-sm);color:#333}.back-home-btn{margin-top:var(--space-xl);padding:10px 32px;background:var(--color-accent);color:#0b0b1a;border:none;border-radius:var(--radius-xl);font-size:14px;font-weight:700;cursor:pointer}@media (max-width: 1024px){.purchase-main{grid-template-columns:1fr}.purchase-gallery{padding:var(--space-lg)}.purchase-info{padding:0 var(--space-lg) var(--space-lg)}.pr-grid{grid-template-columns:repeat(2,1fr)}.pp-hl-grid{grid-template-columns:1fr}}@media (max-width: 768px){.ptb-logo{display:none}.ppg-grid{grid-template-columns:repeat(2,1fr)}.pp-reviews-header{flex-direction:column;align-items:flex-start}.psbb-inner{flex-direction:column;gap:var(--space-md);align-items:stretch}.psbb-actions{justify-content:flex-end}}@media (max-width: 480px){.pi-actions{flex-direction:column}.purchase-container{padding:0 var(--space-md)}}.bcp-trigger{position:fixed;bottom:32px;right:32px;width:52px;height:52px;border-radius:50%;background:var(--accent, #F0A500);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 20px #0006,0 0 0 0 var(--accent, #F0A500);z-index:999;transition:box-shadow .3s ease}.bcp-trigger:hover{box-shadow:0 6px 28px #00000080,0 0 0 4px color-mix(in srgb,var(--accent, #F0A500) 30%,transparent)}.bcp-badge{position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:50%;background:#ff4d6a;border:2px solid var(--color-bg)}.bcp-panel{position:fixed;bottom:96px;right:24px;width:360px;max-width:calc(100vw - 48px);height:520px;max-height:calc(100vh - 160px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);display:flex;flex-direction:column;overflow:hidden;z-index:998;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d}.bcp-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface-2);flex-shrink:0}.bcp-avatar{font-size:28px;width:40px;height:40px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bcp-header-info{flex:1}.bcp-name{display:block;font-size:14px;font-weight:700;color:var(--color-text)}.bcp-status{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-success)}.bcp-status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.4}}.bcp-minimize{width:28px;height:28px;border-radius:50%;background:#ffffff14;border:none;cursor:pointer;color:var(--color-text-muted);font-size:12px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.bcp-minimize:hover{background:#ffffff26;color:var(--color-text)}.bcp-messages{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);scrollbar-width:thin;scrollbar-color:var(--color-surface-3) transparent}.bcp-messages::-webkit-scrollbar{width:4px}.bcp-messages::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:2px}.bcp-msg{display:flex;align-items:flex-end;gap:8px}.bcp-msg-ai{flex-direction:row}.bcp-msg-user{flex-direction:row-reverse}.bcp-msg-avatar{font-size:20px;width:28px;height:28px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bcp-msg-bubble{max-width:75%;padding:10px 14px;border-radius:var(--radius-lg);position:relative}.bcp-msg-ai .bcp-msg-bubble{background:var(--color-surface-2);border:1px solid var(--color-border);border-bottom-left-radius:4px}.bcp-msg-user .bcp-msg-bubble{background:var(--accent, #F0A500);border-bottom-right-radius:4px}.bcp-msg-text{font-size:13px;line-height:1.6;color:var(--color-text);white-space:pre-wrap;word-break:break-word}.bcp-msg-user .bcp-msg-text{color:#0b0b1a}.bcp-msg-time{display:block;font-size:10px;color:var(--color-text-dim);margin-top:4px;text-align:right}.bcp-msg-user .bcp-msg-time{color:#0006}.bcp-typing{display:flex;align-items:center;gap:4px;padding:4px 0}.bcp-typing span{width:6px;height:6px;border-radius:50%;background:var(--color-text-dim);animation:typing-bounce 1.2s infinite ease-in-out}.bcp-typing span:nth-child(2){animation-delay:.2s}.bcp-typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.bcp-suggestions{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) 0}.bcp-suggestions-label{font-size:11px;color:var(--color-text-dim)}.bcp-suggestions-list{display:flex;flex-direction:column;gap:5px}.bcp-suggestion-chip{padding:8px 14px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:12px;color:var(--color-text-muted);cursor:pointer;text-align:left;transition:all var(--transition-fast);font-family:var(--font-sans)}.bcp-suggestion-chip:hover{background:color-mix(in srgb,var(--accent, #F0A500) 12%,transparent);border-color:color-mix(in srgb,var(--accent, #F0A500) 40%,transparent);color:var(--color-text)}.bcp-input-area{display:flex;align-items:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.bcp-input{flex:1;padding:9px 12px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-sans);font-size:13px;resize:none;outline:none;min-height:38px;max-height:90px;overflow-y:auto;line-height:1.5;transition:border-color var(--transition-fast)}.bcp-input:focus{border-color:color-mix(in srgb,var(--accent, #F0A500) 60%,transparent)}.bcp-input::placeholder{color:var(--color-text-dim)}.bcp-send-btn{width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.bcp-send-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 2px 10px #0000004d}.bcp-send-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 480px){.bcp-panel{right:12px;bottom:88px;width:calc(100vw - 24px);max-height:calc(100vh - 160px)}.bcp-trigger{right:16px;bottom:24px;width:48px;height:48px;font-size:20px}}.builder-landing{position:relative;min-height:100vh;overflow:hidden}.builder-landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bl-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.bl-orb-1{width:600px;height:600px;background:radial-gradient(circle,#F0A500,transparent);top:-200px;left:-100px}.bl-orb-2{width:500px;height:500px;background:radial-gradient(circle,#00D4AA,transparent);bottom:-100px;right:-100px}.bl-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(240,165,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(240,165,0,.04) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent)}.builder-landing-content{position:relative;z-index:1;padding:var(--space-2xl) 0 var(--space-3xl);max-width:900px;margin:0 auto}.builder-landing-header{text-align:center;margin-bottom:var(--space-2xl)}.builder-landing-header .tag{margin-bottom:var(--space-md)}.builder-landing-title{font-size:clamp(28px,5vw,52px);font-weight:800;margin-bottom:var(--space-lg);line-height:1.2}.glow-text{background:linear-gradient(135deg,var(--color-accent),#FFE57F,var(--color-accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.builder-landing-desc{font-size:16px;color:var(--color-text-muted);max-width:580px;margin:0 auto;line-height:1.8}.builder-start-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.bsc-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.bsc-icon{flex-shrink:0}.bsc-title{font-size:22px;font-weight:700;margin-bottom:4px}.bsc-desc{font-size:14px;color:var(--color-text-muted)}.bsc-steps-preview{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--color-surface-2);border-radius:var(--radius-lg)}.bsc-step-chip{display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-size:13px}.bsc-step-chip:hover{border-color:var(--step-color, var(--color-accent));background:#ffffff0a}.bsc-step-num{font-size:10px;font-weight:700;color:var(--step-color, var(--color-text-muted));background:#ffffff0d;padding:2px 5px;border-radius:4px}.bsc-step-icon{font-size:14px}.bsc-step-name{font-size:12px;font-weight:600;color:var(--color-text)}.bsc-connector{width:20px;height:1px;background:var(--color-border)}.bsc-start-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:14px;background:linear-gradient(135deg,var(--color-accent),#FFB800);color:#0b0b1a;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.bsc-start-btn:hover{box-shadow:0 8px 32px #f0a50066;transform:translateY(-2px)}.builder-capabilities{margin-bottom:var(--space-2xl)}.bc-title{font-size:18px;font-weight:700;margin-bottom:var(--space-lg);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.bc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.bc-card{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.bc-card:hover{border-color:var(--cap-color, var(--color-border));background:var(--color-surface-2)}.bc-icon{font-size:24px;flex-shrink:0}.bc-card-title{font-size:14px;font-weight:700;margin-bottom:4px}.bc-card-desc{font-size:12px;color:var(--color-text-muted);line-height:1.5}.device-catalog-preview{text-align:center}.dcp-title{font-size:16px;font-weight:700;margin-bottom:var(--space-lg)}.dcp-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.dcp-tag{padding:6px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:13px;color:var(--color-text-muted);transition:all var(--transition-fast)}.dcp-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}.builder-wizard{min-height:100vh}.wizard-progress-bar{position:fixed;top:var(--navbar-h);left:0;right:0;height:3px;background:var(--color-surface-2);z-index:200}.wizard-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#00D4AA);transition:width .5s ease}.wizard-header{position:sticky;top:calc(var(--navbar-h) + 3px);z-index:190;background:#0b0b1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:var(--space-sm) 0}.wizard-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.wizard-steps-nav{display:flex;gap:var(--space-xs);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.wizard-steps-nav::-webkit-scrollbar{display:none}.wizard-step-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;background:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-muted);font-size:12px;white-space:nowrap;transition:all var(--transition-fast);flex-shrink:0}.wizard-step-btn:hover{color:var(--color-text);background:var(--color-surface-2)}.wizard-step-btn.active{color:var(--step-color, var(--color-accent));border-color:var(--step-color, var(--color-accent));background:#ffffff0a}.wizard-step-btn.completed{color:var(--color-success)}.ws-num{font-size:10px;font-weight:700;background:#ffffff14;padding:2px 5px;border-radius:3px}.ws-label{font-size:12px;font-weight:600}.ws-time{font-size:10px;opacity:.6}.wizard-header-actions{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.wizard-progress-text{font-size:12px;color:var(--color-text-muted)}.wizard-exit-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.wizard-exit-btn:hover{color:var(--color-text)}.wizard-content{padding:var(--space-xl) 0 var(--space-3xl);max-width:1100px;margin:0 auto}.wizard-step-content{display:flex;flex-direction:column;gap:var(--space-xl)}.wsc-header{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.wsc-step-indicator{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.wsc-step-icon{font-size:22px}.wsc-step-num{font-size:10px;font-weight:700;color:var(--step-color, var(--color-text))}.wsc-title{font-size:22px;font-weight:700}.wsc-desc{font-size:13px;color:var(--color-text-muted);margin-top:4px}.wsc-time{margin-left:auto;font-size:12px;font-weight:600;white-space:nowrap}.wsc-body{min-height:400px}.wsc-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.wsc-prev-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.wsc-prev-btn:hover:not(:disabled){color:var(--color-text)}.wsc-prev-btn:disabled{opacity:.4;cursor:not-allowed}.wsc-step-dots{display:flex;gap:6px}.wsc-dot{width:8px;height:8px;border-radius:50%;background:var(--color-surface-3);transition:all var(--transition-fast)}.wsc-dot.active{width:24px;border-radius:4px}.wsc-dot.done{background:var(--color-success)}.wsc-next-btn{display:flex;align-items:center;gap:6px;padding:10px 24px;color:#0b0b1a;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.wsc-next-btn:hover{box-shadow:0 4px 16px #0000004d;transform:translateY(-1px)}.wsc-finish-btn{display:flex;align-items:center;gap:6px;padding:10px 24px;background:linear-gradient(135deg,var(--color-accent),#00D4AA);color:#0b0b1a;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.wsc-finish-btn:hover{box-shadow:0 4px 20px #00d4aa66;transform:translateY(-1px)}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-3xl);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-2xl);cursor:pointer;transition:all var(--transition-base);text-align:center}.upload-zone:hover{border-color:var(--color-accent);background:var(--color-accent-dim)}.upload-icon{margin-bottom:var(--space-sm)}.upload-title{font-size:20px;font-weight:700}.upload-hint{font-size:14px;color:var(--color-text-muted)}.upload-formats{display:flex;gap:var(--space-sm)}.upload-format{padding:4px 12px;background:var(--color-surface-2);border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:var(--color-text-muted);letter-spacing:1px}.upload-cta{font-size:13px;color:var(--color-accent);font-weight:600}.upload-progress{display:flex;gap:var(--space-xl);padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.upload-file-preview{width:200px;height:150px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.upload-file-preview img{width:100%;height:100%;object-fit:cover}.upload-progress-info{flex:1;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center}.upload-filename{font-size:14px;font-weight:600}.upload-progress-bar{height:6px;background:var(--color-surface-3);border-radius:3px;overflow:hidden}.upload-progress-fill{height:100%;transition:width .3s}.upload-status{font-size:13px;color:var(--color-text-muted)}.analyzing{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding:var(--space-2xl);text-align:center}.analyzing-visual{position:relative}.analyzing-spinner{position:relative;display:flex;align-items:center;justify-content:center}.analyzing-icon{position:absolute;font-size:28px}.analyzing-title{font-size:20px;font-weight:700}.analyzing-steps{display:flex;flex-direction:column;gap:var(--space-md);text-align:left}.analyzing-step{display:flex;align-items:center;gap:var(--space-md);font-size:14px}.as-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.analysis-result{display:flex;flex-direction:column;gap:var(--space-xl)}.ar-success{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:#00d4aa14;border:1px solid rgba(0,212,170,.2);border-radius:var(--radius-xl)}.ar-success-title{font-size:18px;font-weight:700}.ar-success-desc{font-size:14px;color:var(--color-text-muted);margin-top:4px}.ar-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.ar-stat-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.ar-stat-icon{font-size:24px}.ar-stat-value{font-size:18px;font-weight:700}.ar-stat-label{font-size:11px;color:var(--color-text-muted)}.ar-rooms-title{font-size:14px;font-weight:700;margin-bottom:var(--space-md)}.ar-room-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.ar-room-tag{display:flex;align-items:center;gap:5px;padding:6px 14px;background:#ffffff0a;border:1px solid var(--tag-color, var(--color-border));border-radius:var(--radius-full);font-size:13px;color:var(--tag-color, var(--color-text))}.ar-preview-title{font-size:14px;font-weight:700;margin-bottom:var(--space-md)}.ar-preview-canvas{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.ar-preview-label{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-top:1px solid var(--color-border)}.placement-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-xl)}.placement-sidebar{display:flex;flex-direction:column;gap:var(--space-md);max-height:600px;overflow:hidden}.placement-sidebar-header{display:flex;align-items:center;justify-content:space-between}.placement-sidebar-header h4{font-size:15px;font-weight:700}.placement-count{font-size:11px;color:var(--color-text-muted)}.placement-room-filter{display:flex;flex-wrap:wrap;gap:4px}.room-chip{padding:4px 10px;font-size:11px;font-weight:500;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast)}.room-chip:hover{color:var(--color-text)}.room-chip.active{font-weight:600}.device-catalog{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--space-md);padding-right:4px}.device-catalog::-webkit-scrollbar{width:4px}.device-catalog::-webkit-scrollbar-track{background:transparent}.device-catalog::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:2px}.catalog-cat-title{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.catalog-items{display:flex;flex-direction:column;gap:4px}.catalog-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:grab;transition:all var(--transition-fast)}.catalog-item:hover{border-color:var(--color-border-hover);background:var(--color-surface-2)}.catalog-item:active{cursor:grabbing}.catalog-item-icon{font-size:18px;flex-shrink:0}.catalog-item-info{flex:1;min-width:0}.catalog-item-name{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-item-desc{display:block;font-size:10px;color:var(--color-text-muted)}.placement-canvas-area{display:flex;flex-direction:column;gap:var(--space-md)}.placement-canvas-header{display:flex;align-items:center;justify-content:space-between}.placement-canvas-header h4{font-size:15px;font-weight:700}.placement-canvas-actions{display:flex;align-items:center;gap:var(--space-md)}.placement-devices-count{font-size:13px;color:var(--color-text-muted)}.placement-devices-count strong{color:var(--color-accent)}.placement-clear-btn{font-size:12px;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:4px 10px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.placement-clear-btn:hover{color:#ff4d6a;background:#ff4d6a1a}.placement-canvas{position:relative;height:400px;border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface-2)}.canvas-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--color-text-dim);font-size:13px;pointer-events:none}.placed-device{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:10}.placed-device>span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-surface);border:2px solid var(--device-color, var(--color-accent));border-radius:50%;font-size:18px;box-shadow:0 2px 12px #0000004d}.placed-devices-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.placed-device-chip{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:12px}.placed-room-tag{font-size:10px;padding:1px 6px;background:var(--color-surface-2);border-radius:var(--radius-sm);color:var(--color-text-muted)}.placed-device-remove{background:none;border:none;cursor:pointer;color:var(--color-text-dim);font-size:14px;padding:0;line-height:1}.recommend-summary{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-xl)}.rs-icon{font-size:40px}.rs-info{flex:1}.rs-title{font-size:16px;font-weight:700}.rs-desc{font-size:13px;color:var(--color-text-muted);margin-top:4px}.rs-stats{display:flex;gap:var(--space-lg)}.rs-stat{text-align:center}.rs-stat strong{display:block;font-size:24px;font-weight:700}.rs-stat span{font-size:11px;color:var(--color-text-muted)}.recommend-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.recommend-card{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.recommend-card:hover{border-color:var(--color-border-hover)}.rc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.rc-device{display:flex;align-items:center;gap:var(--space-md)}.rc-icon{font-size:32px}.rc-name{font-size:15px;font-weight:700}.rc-category{font-size:11px;color:var(--color-text-muted)}.rc-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.rc-price{font-size:16px;font-weight:700;color:var(--color-accent)}.rc-priority{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.rc-priority-高{background:#ff4d6a26;color:#ff4d6a}.rc-priority-中{background:#f0a50026;color:var(--color-accent)}.rc-priority-低{background:#64647826;color:var(--color-text-muted)}.rc-reason{font-size:13px;color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-md)}.rc-footer{display:flex;align-items:center;justify-content:space-between}.rc-match{display:flex;align-items:center;gap:var(--space-sm);font-size:12px;color:var(--color-text-muted)}.rc-match-bar{width:80px;height:4px;background:var(--color-surface-3);border-radius:2px;overflow:hidden}.rc-match-fill{height:100%;transition:width .5s}.rc-add-btn{padding:6px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;border:1px solid;transition:all var(--transition-fast)}.rc-add-btn:not(.added){border-color:transparent;color:#0b0b1a}.rc-add-btn.added{border-color:var(--color-success);color:var(--color-success);background:#00d4aa1a}.rc-buy-btn{padding:6px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--color-border);background:#ffffff0a;color:var(--color-text);transition:all var(--transition-fast)}.rc-buy-btn:hover{border-color:#f0a500;color:#f0a500;background:#f0a50014}.rc-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.recommend-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.ra-summary{font-size:14px;color:var(--color-text-muted)}.ra-estimate{margin-left:var(--space-lg);font-weight:600}.ra-confirm-btn{padding:10px 24px;color:#0b0b1a;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.ra-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.step-analyzing{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding:var(--space-2xl)}.analyzing-animation,.aa-radar{position:relative;display:flex;align-items:center;justify-content:center}.aa-ring{position:absolute;width:80px;height:80px;border-radius:50%;border-width:2px;border-style:solid}.aa-core{position:relative;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.aa-title{font-size:20px;font-weight:700}.aa-progress-steps{display:flex;flex-direction:column;gap:var(--space-md);text-align:left;min-width:300px}.aa-progress-step{display:flex;align-items:center;gap:var(--space-md);font-size:14px}.aaps-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.automation-header{margin-bottom:var(--space-lg)}.automation-nav{display:flex;gap:0;border-bottom:1px solid var(--color-border)}.automation-nav-btn{padding:10px 24px;font-size:14px;font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.automation-nav-btn:hover{color:var(--color-text)}.automation-nav-btn.active{font-weight:700;border-bottom-color:currentColor}.templates-tip{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-accent-dim);border:1px solid rgba(240,165,0,.2);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.templates-tip p{font-size:13px;color:var(--color-text-muted);line-height:1.5}.templates-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.template-card{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.template-card:hover{border-color:var(--color-border-hover)}.tc-header{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.tc-icon{font-size:32px;flex-shrink:0}.tc-name{font-size:16px;font-weight:700}.tc-desc{font-size:12px;color:var(--color-text-muted);margin-top:2px}.tc-selected-badge{padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;color:#fff;margin-left:auto}.tc-flow{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md);padding:var(--space-md);background:var(--color-surface-2);border-radius:var(--radius-md)}.tc-flow-item{display:flex;flex-direction:column;gap:2px}.tcf-label{font-size:10px;color:var(--color-text-muted)}.tcf-value{font-size:12px;font-weight:600}.tc-actions{display:flex;flex-wrap:wrap;gap:5px}.tc-action-chip{padding:4px 10px;background:var(--color-surface-2);border-radius:var(--radius-full);font-size:12px;color:var(--color-text-muted);border:1px solid var(--color-border)}.automation-ai-section{margin-bottom:var(--space-xl)}.ai-rule-generator{padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.ai-rule-generator h4{font-size:16px;font-weight:700;margin-bottom:var(--space-md)}.ai-input-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.ai-input{flex:1;padding:var(--space-md);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:14px;outline:none}.ai-input:focus{border-color:color}.ai-generate-btn{padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:13px;font-weight:700;color:#0b0b1a;cursor:pointer;white-space:nowrap}.ai-result-preview{padding:var(--space-lg);background:var(--color-surface-2);border-radius:var(--radius-md)}.ai-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.ai-result-conf{font-size:12px;color:var(--color-success)}.ai-result-flow{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.aif-trigger,.aif-condition,.aif-action{padding:5px 12px;background:var(--color-surface);border-radius:var(--radius-full);font-size:13px;font-weight:600;border:1px solid var(--color-border)}.aif-trigger{color:var(--color-accent)}.aif-condition{color:var(--color-purple)}.aif-action{color:var(--color-success)}.aif-plus,.aif-arrow{color:var(--color-text-dim);font-size:14px}.ai-confirm-rule{padding:8px 18px;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:700;color:#0b0b1a;cursor:pointer}.automation-next-btn{display:flex;align-items:center;gap:6px;padding:12px 28px;color:#0b0b1a;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);margin:0 auto}.automation-next-btn:hover{box-shadow:0 4px 16px #0000004d;transform:translateY(-1px)}.rules-summary{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-xl)}.rs-num{display:flex;flex-direction:column}.rs-num strong{font-size:28px;font-weight:800}.rs-num span{font-size:12px;color:var(--color-text-muted)}.rules-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.rule-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.rule-toggle-btn{width:36px;height:20px;border-radius:10px;border:none;cursor:pointer;transition:all var(--transition-fast);position:relative}.rule-toggle-btn:not(.active){background:var(--color-surface-3)}.rule-toggle-btn.active:after{content:"";position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#fff}.rule-toggle-btn:not(.active):after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--color-text-dim)}.rule-info{flex:0 0 200px}.rule-name{font-size:14px;font-weight:600}.rule-device{font-size:11px;color:var(--color-text-muted)}.rule-flow{flex:1;display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.rule-flow-trigger{font-size:12px;color:var(--color-accent);padding:3px 8px;background:var(--color-accent-dim);border-radius:var(--radius-full)}.rule-flow-action{font-size:12px;color:var(--color-success);padding:3px 8px;background:#00d4aa1a;border-radius:var(--radius-full)}.rule-meta{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.rule-edit-btn{padding:5px 14px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.rule-edit-btn:hover{color:var(--color-text)}.scene-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--space-xl);margin-bottom:var(--space-xl)}.scene-section-title{font-size:15px;font-weight:700;margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.scene-section-desc{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.scene-presets-grid{display:flex;flex-direction:column;gap:var(--space-md)}.scene-preset-card{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.scene-preset-card:hover{border-color:var(--color-border-hover)}.spc-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.spc-icon{font-size:28px}.spc-name{font-size:15px;font-weight:700}.spc-mood{font-size:12px}.spc-toggle{width:36px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:flex-end;padding:2px;cursor:pointer;margin-left:auto;transition:all var(--transition-fast)}.spc-toggle-knob{width:16px;height:16px;border-radius:50%;background:var(--color-text-dim);transition:all var(--transition-fast)}.spc-toggle.on .spc-toggle-knob{background:#fff}.spc-desc{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-md)}.spc-devices{display:flex;flex-wrap:wrap;gap:5px;overflow:hidden}.spc-device-chip{padding:4px 10px;background:var(--color-surface-2);border-radius:var(--radius-full);font-size:12px;color:var(--color-text-muted);border:1px solid var(--color-border)}.scene-custom-list{display:flex;flex-direction:column;gap:var(--space-sm)}.custom-scene-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.custom-scene-item:hover{border-color:var(--color-border-hover)}.csi-icon{font-size:20px}.csi-name{flex:1;font-size:14px;font-weight:600}.csi-toggle{width:32px;height:18px;border-radius:9px;background:var(--color-surface-3);transition:all var(--transition-fast);position:relative}.csi-toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--color-text-dim);transition:all var(--transition-fast)}.csi-toggle:not(:empty):after{left:auto;right:2px;background:#fff}.add-scene-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);font-size:14px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.add-scene-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.scene-preview{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.scene-preview-title{font-size:14px;font-weight:700;margin-bottom:var(--space-md)}.scene-preview-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.scene-preview-chip{display:flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid;border-radius:var(--radius-full);font-size:13px;font-weight:600}.scene-preview-stats{display:flex;gap:var(--space-xl)}.sps-item{display:flex;align-items:baseline;gap:6px}.sps-item strong{font-size:20px;font-weight:700}.sps-item span{font-size:12px;color:var(--color-text-muted)}.apppanel-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.apppanel-preview{display:flex;justify-content:center}.phone-frame{width:240px;height:480px;background:#1a1a2e;border-radius:36px;padding:12px;box-shadow:0 20px 60px #00000080,inset 0 0 0 2px #2a2a3e;position:relative}.phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:80px;height:28px;background:#1a1a2e;border-radius:0 0 16px 16px;z-index:5}.phone-screen{width:100%;height:100%;background:#0b0b1a;border-radius:28px;overflow:hidden;display:flex;flex-direction:column}.phone-statusbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 0;font-size:10px;color:#fff9}.phone-status-icons{display:flex;gap:4px}.phone-app{flex:1;padding:var(--space-sm);overflow-y:auto}.phone-app-header{margin-bottom:var(--space-sm)}.phone-app-title{display:block;font-size:14px;font-weight:700;color:#fff}.phone-app-subtitle{font-size:10px;color:#fff6}.phone-rooms{display:flex;gap:4px;margin-bottom:var(--space-sm)}.phone-room-chip{padding:3px 8px;border-radius:var(--radius-full);font-size:10px;color:#ffffff80;cursor:pointer}.phone-room-chip.active{font-weight:600}.phone-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:var(--space-sm)}.phone-device-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}.phone-device-card.on{border-color:#f0a5004d;background:#f0a50014}.pdc-icon{font-size:18px}.pdc-name{font-size:10px;color:#fff9}.pdc-value{font-size:11px;font-weight:700;color:#fff6}.phone-device-card.on .pdc-value{color:#f0a500}.phone-scenes{display:flex;gap:6px}.phone-scene-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);font-size:9px;color:#ffffff80}.phone-tabbar{display:flex;justify-content:space-around;padding:8px;border-top:1px solid rgba(255,255,255,.08)}.phone-tab{font-size:16px;opacity:.4;cursor:pointer}.phone-tab.active{opacity:1}.apppanel-config{display:flex;flex-direction:column;gap:var(--space-md)}.apc-title{font-size:16px;font-weight:700}.apc-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border)}.apc-tab{padding:8px 16px;font-size:13px;font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.apc-tab.active{font-weight:700;border-bottom-color:currentColor}.apc-content{flex:1}.apc-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}.apc-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.apcs-icon{font-size:24px}.apcs-value{font-size:16px;font-weight:700}.apcs-label{font-size:11px;color:var(--color-text-muted)}.apc-desc-text h4{font-size:14px;font-weight:700;margin-bottom:var(--space-sm)}.apc-desc-text ul{list-style:none;display:flex;flex-direction:column;gap:8px}.apc-desc-text li{font-size:13px;color:var(--color-text-muted)}.apc-hint{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-md)}.apc-layout-options{display:flex;flex-direction:column;gap:var(--space-sm)}.layout-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.layout-option:hover{border-color:var(--color-border-hover)}.layout-preview{width:48px;height:48px;background:var(--color-surface-2);border-radius:var(--radius-sm);display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:4px}.layout-block{background:var(--color-surface-3);border-radius:2px}.apc-themes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.theme-preview{width:60px;height:40px;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.apc-device-list{display:flex;flex-direction:column;gap:var(--space-xs)}.apc-device-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;cursor:grab}.apc-device-item span:nth-child(2){flex:1}.apc-device-room{font-size:11px;color:var(--color-text-muted)}.skill-packager-header{margin-bottom:var(--space-xl)}.sp-info h3{font-size:18px;font-weight:700;margin-bottom:var(--space-sm)}.sp-info p{font-size:14px;color:var(--color-text-muted)}.skill-form{display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-xl)}.sf-row{display:flex;flex-direction:column;gap:var(--space-sm)}.sf-label{font-size:13px;font-weight:700;color:var(--color-text-muted)}.sf-input,.sf-textarea{padding:var(--space-md);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:14px;outline:none}.sf-input:focus,.sf-textarea:focus{border-color:var(--color-accent)}.sf-textarea{resize:vertical}.sf-target-options{display:flex;flex-direction:column;gap:var(--space-md)}.sf-target-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.sf-target-card:hover{border-color:var(--color-border-hover)}.sft-icon{font-size:32px;flex-shrink:0}.sf-target-card h4{font-size:15px;font-weight:700;margin-bottom:4px}.sf-target-card p{font-size:12px;color:var(--color-text-muted)}.sft-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.sft-radio.on{border-color:currentColor}.sft-radio-dot{width:10px;height:10px;border-radius:50%}.sf-contents{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.sf-content-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.sf-content-item:last-child{border-bottom:none}.sfci-icon{font-size:20px}.sfci-info{flex:1}.sfci-name{display:block;font-size:13px;font-weight:600}.sfci-desc{font-size:11px;color:var(--color-text-muted)}.sfci-size{font-size:12px;color:var(--color-text-muted)}.sf-total{display:flex;justify-content:space-between;padding-top:var(--space-md);font-size:14px;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.sf-total strong{color:var(--color-accent)}.packaging-animation,.pack-icon{position:relative;display:flex;align-items:center;justify-content:center}.pack-particle{position:absolute;width:8px;height:8px;border-radius:50%}.pack-progress{display:flex;flex-direction:column;gap:var(--space-sm);min-width:280px}.pack-step{font-size:13px;color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-sm)}.pack-step.done{color:var(--color-success)}.pack-step.active{color:var(--color-accent);font-weight:600}.step-done{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding:var(--space-2xl);text-align:center}.done-icon{margin-bottom:var(--space-md)}.done-title{font-size:28px;font-weight:800}.done-desc{font-size:15px;color:var(--color-text-muted);max-width:480px}.done-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);width:100%;max-width:700px}.done-card{padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center}.done-card-icon{font-size:40px;margin-bottom:var(--space-md)}.done-card h4{font-size:16px;font-weight:700;margin-bottom:var(--space-sm)}.done-card p{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-md);line-height:1.5}.done-card-size{font-size:12px;color:var(--color-text-dim)}.done-deploy-btn{padding:8px 20px;color:#0b0b1a;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer}.done-actions{display:flex;gap:var(--space-md)}.done-action-btn{padding:10px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.done-action-btn.primary{border:none}.done-action-btn:hover{border-color:var(--color-border-hover)}@media (max-width: 768px){.placement-layout{grid-template-columns:1fr}.placement-sidebar{max-height:300px}.scene-layout,.apppanel-layout{grid-template-columns:1fr}.apppanel-preview{order:2}.done-cards{grid-template-columns:1fr}.bc-grid,.ar-stats{grid-template-columns:1fr 1fr}.bsc-steps-preview{gap:6px}.bsc-connector{display:none}}.float-progress-btn{position:fixed;bottom:32px;right:32px;width:52px;height:52px;border-radius:50%;background:var(--btn-color, var(--color-accent));border:none;color:#0b0b1a;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;box-shadow:0 4px 20px #00000080;transition:all var(--transition-fast);z-index:100}.float-progress-btn:hover{transform:scale(1.1);box-shadow:0 6px 28px #0009}.fp-badge{font-size:9px;font-weight:800;background:#0003;padding:1px 5px;border-radius:var(--radius-full)}.ctx-panel{position:fixed;bottom:96px;right:32px;width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 16px 48px #00000080;overflow:hidden;z-index:100}.ctx-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-border);font-size:13px;font-weight:700}.ctx-panel-header button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:12px}.ctx-panel-body{padding:var(--space-sm)}.ctx-step-row{display:flex;align-items:center;gap:var(--space-sm);padding:7px var(--space-sm);border-radius:var(--radius-md);font-size:13px;color:var(--color-text-muted);transition:all var(--transition-fast)}.ctx-step-row.active{background:#ffffff0d;color:var(--color-text);font-weight:600}.ctx-step-row.done{color:var(--color-success)}.ctx-step-icon{font-size:14px;flex-shrink:0}.ctx-step-title{flex:1;font-size:12px}.ctx-step-status{font-size:12px}.summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.summary-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);max-width:480px;width:100%;text-align:center;box-shadow:0 24px 80px #000c}.summary-confetti{font-size:56px;margin-bottom:var(--space-md);animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.summary-title{font-size:28px;font-weight:800;margin-bottom:var(--space-sm);background:linear-gradient(135deg,#f0a500,#00d4aa,#7b68ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-subtitle{font-size:14px;color:var(--color-text-muted);margin-bottom:var(--space-xl)}.summary-items{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl);text-align:left}.summary-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:14px;transition:all var(--transition-fast)}.summary-item.done{background:#00d4aa14}.summary-item.pending{background:#ffffff08;opacity:.6}.si-icon{font-size:18px;flex-shrink:0}.si-label{flex:1;font-weight:600}.si-status{font-size:12px;color:var(--color-text-muted)}.summary-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.summary-studio-btn{width:100%;padding:14px;background:linear-gradient(135deg,#00d4aa,#00bfa5);color:#0b0b1a;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:800;cursor:pointer;transition:all var(--transition-fast)}.summary-studio-btn:hover{box-shadow:0 4px 20px #00d4aa66;transform:translateY(-1px)}.summary-community-btn{width:100%;padding:12px;background:#ffffff0d;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.summary-community-btn:hover{border-color:#f0a50066}.summary-close-btn{width:100%;padding:10px;background:none;color:var(--color-text-muted);border:none;font-size:13px;cursor:pointer}.summary-close-btn:hover{color:var(--color-text)}.bc-monetize-card{grid-column:span 1;background:linear-gradient(135deg,#00d4aa14,#00bfa50a);border-color:#00d4aa40;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);transition:all var(--transition-fast)}.bc-monetize-card:hover{background:linear-gradient(135deg,#00d4aa24,#00bfa512);border-color:#00d4aa80;transform:translateY(-3px);box-shadow:0 8px 32px #00d4aa26}.bc-cta-tag{font-size:12px;font-weight:700;color:#00d4aa;background:#00d4aa1a;padding:3px 10px;border-radius:var(--radius-full);border:1px solid rgba(0,212,170,.2);margin-top:auto}.summary-monetize-btn{width:100%;padding:13px 24px;background:linear-gradient(135deg,#00d4aa,#00bfa5);color:#0b0b1a;border:none;border-radius:var(--radius-xl);font-size:15px;font-weight:800;cursor:pointer;transition:all var(--transition-fast)}.summary-monetize-btn:hover{box-shadow:0 4px 20px #00d4aa66;transform:translateY(-1px)}.version-selector{min-height:100vh;background:#0b0b1a;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);position:relative;overflow:hidden}.vs-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.vs-bg-glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}.vs-glow-1{width:600px;height:600px;background:#f0a50012;top:-200px;right:-100px}.vs-glow-2{width:500px;height:500px;background:#00d4aa12;bottom:-150px;left:-100px}.vs-container{max-width:900px;width:100%;position:relative;z-index:1}.vs-header{text-align:center;margin-bottom:var(--space-2xl)}.vs-badge-row{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.vs-badge{padding:4px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:#fff9}.vs-badge-new{background:#00d4aa1a;border-color:#00d4aa4d;color:#00d4aa}.vs-title{font-size:42px;font-weight:900;background:linear-gradient(135deg,#fff,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md)}.vs-subtitle{font-size:16px;color:#fff6;line-height:1.6}.vs-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.vs-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);padding:var(--space-2xl);position:relative;overflow:hidden;transition:all .3s ease}.vs-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 16px 48px #0006}.vs-card-classic:hover{border-color:#f0a5004d}.vs-card-agent:hover{border-color:#00d4aa4d}.vsc-ribbon{position:absolute;top:16px;right:-32px;background:#f0a50026;border:1px solid rgba(240,165,0,.3);color:#f0a500;font-size:11px;font-weight:700;padding:4px 40px;transform:rotate(0);letter-spacing:.5px}.vsc-ribbon-agent{background:#00d4aa26;border-color:#00d4aa4d;color:#00d4aa}.vsc-icon-wrap{width:64px;height:64px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:var(--space-lg)}.vsc-title{font-size:24px;font-weight:900;color:#fff;margin-bottom:var(--space-sm)}.vsc-desc{font-size:14px;color:#ffffff80;line-height:1.7;margin-bottom:var(--space-lg)}.vsc-desc strong{color:#fffc;font-weight:700}.vsc-features{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.vsc-feature{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:#ffffff8c}.vsc-feature span:first-child{font-size:16px}.vsc-meta{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.vsc-time,.vsc-level{font-size:12px;padding:3px 10px;background:#ffffff0a;border-radius:var(--radius-full);color:#fff6}.vsc-enter-btn{width:100%;padding:14px;border:none;border-radius:var(--radius-xl);font-size:15px;font-weight:800;cursor:pointer;transition:all .2s ease}.vs-footer{text-align:center;margin-top:var(--space-xl)}.vs-footer p{font-size:13px;color:#ffffff4d}@media (max-width: 700px){.vs-cards{grid-template-columns:1fr}.vs-title{font-size:28px}}.ssm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-lg)}.ssm-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;padding:var(--space-xl);box-shadow:0 20px 60px #00000080}.ssm-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-lg);gap:var(--space-md)}.ssm-title{display:flex;align-items:center;gap:var(--space-sm);font-size:22px;font-weight:900;color:var(--color-text);margin:0 0 4px}.ssm-title span{font-size:24px}.ssm-subtitle{font-size:13px;color:var(--color-text-muted);margin:0}.ssm-close{width:32px;height:32px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:16px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ssm-close:not(:disabled):hover{background:#ff4d6a1a;color:#ff4d6a}.ssm-close:disabled{opacity:.3;cursor:not-allowed}.ssm-summary{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#00d4aa0f,#7b68ee0a);border:1px solid rgba(0,212,170,.15);border-radius:var(--radius-xl);margin-bottom:var(--space-lg)}.ssm-summary-row{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.ssm-summary-row span{font-size:11px;color:var(--color-text-muted);font-weight:600}.ssm-summary-row strong{font-size:18px;font-weight:900;color:var(--color-accent)}.ssm-section-title{font-size:12px;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.ssm-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.ssm-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#ffffff08;border:1.5px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.ssm-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--s-color, #00D4AA) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.ssm-card:hover{border-color:var(--s-color, #888);transform:translateY(-1px)}.ssm-card:hover:before{opacity:.04}.ssm-card.selected{border-color:var(--s-color, #00D4AA);background:var(--s-bg, rgba(0, 212, 170, .05));box-shadow:0 0 0 3px color-mix(in srgb,var(--s-color) 15%,transparent)}.ssm-card.new{border-style:dashed}.ssm-icon-wrap{width:48px;height:48px;background:var(--s-bg, rgba(255, 255, 255, .05));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;position:relative}.ssm-icon-plus{background:#ffffff0a;border:1.5px dashed var(--color-border);color:var(--color-text-muted);font-size:22px;font-weight:300}.ssm-check{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#0b0b1a;font-weight:900;box-shadow:0 2px 8px #0000004d}.ssm-info{flex:1;min-width:0}.ssm-name{font-size:14px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm);margin-bottom:2px}.ssm-new-tag{font-size:10px;font-weight:700;padding:1px 6px;background:#00d4aa26;border:1px solid rgba(0,212,170,.3);color:#00d4aa;border-radius:var(--radius-full)}.ssm-location{font-size:11px;color:var(--color-text-muted);margin-bottom:2px}.ssm-desc{font-size:12px;color:var(--color-text-muted)}.ssm-stats{display:flex;gap:var(--space-md);flex-shrink:0}.ssm-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.ssm-stat-num{font-size:16px;font-weight:900;color:var(--color-text)}.ssm-stat-label{font-size:9px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.ssm-footer{display:flex;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.ssm-cancel{flex:1;padding:12px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.ssm-cancel:not(:disabled):hover{background:#ffffff14;color:var(--color-text)}.ssm-cancel:disabled{opacity:.3;cursor:not-allowed}.ssm-deploy{flex:2;padding:12px;border:none;border-radius:var(--radius-xl);font-size:14px;font-weight:800;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.ssm-deploy:disabled{cursor:not-allowed}.ssm-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(11,11,26,.3);border-top-color:#0b0b1a;border-radius:50%;animation:ssm-spin .8s linear infinite}@keyframes ssm-spin{to{transform:rotate(360deg)}}.ssm-success{text-align:center;padding:var(--space-xl) 0;position:relative}.ssm-success-icon{font-size:64px;margin-bottom:var(--space-md);animation:ssm-bounce .6s ease-out}@keyframes ssm-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.ssm-success-title{font-size:24px;font-weight:900;color:var(--color-text);margin:0 0 var(--space-sm) 0}.ssm-success-text{font-size:14px;color:var(--color-text-muted);margin:0 0 var(--space-lg) 0}.ssm-success-text strong{color:var(--color-accent)}.ssm-success-confetti{position:absolute;top:32px;left:50%;transform:translate(-50%);pointer-events:none;font-size:24px}.ssm-success-hint{font-size:12px;color:var(--color-text-muted);margin:0;opacity:.6}@media (max-width: 600px){.ssm-modal{padding:var(--space-md)}.ssm-stats{display:none}.ssm-summary{flex-direction:column;gap:var(--space-sm)}.ssm-summary-row{flex-direction:row;justify-content:space-between}}.agent-builder{height:calc(100vh - var(--navbar-h));display:flex;flex-direction:column;background:var(--color-bg);overflow:hidden}.ab-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);height:56px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:var(--space-md)}.ab-topbar-left{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.ab-topbar-right{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.ab-back-btn{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:13px;padding:6px 12px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.ab-back-btn:hover{background:#ffffff14;color:var(--color-text)}.ab-topbar-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-title-icon{font-size:20px}.ab-active-agents{display:flex;align-items:center;gap:6px;overflow:hidden}.ab-agent-chip{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.ab-save-status{font-size:12px;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.ab-save-status.saved{color:#00d4aa}.ab-save-status.saving{color:#f0a500}.ab-topbar-btn{padding:7px 16px;background:#00d4aa1a;border:1px solid rgba(0,212,170,.3);border-radius:var(--radius-xl);color:#00d4aa;font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.ab-topbar-btn:hover{background:#00d4aa33}.ab-body{flex:1;display:grid;grid-template-columns:240px 1fr 280px;overflow:hidden}.agent-panel{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.ap-sections{display:flex;border-bottom:1px solid var(--color-border);flex-shrink:0}.ap-section-btn{flex:1;padding:10px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.ap-section-btn.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.ap-agent-list{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.ap-hint{font-size:11px;color:var(--color-text-muted);padding:4px 0;line-height:1.5;margin-bottom:4px}.ap-agent-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ffffff08;border:1px solid transparent;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.ap-agent-card:hover{background:#ffffff0f}.ap-agent-card.active{background:var(--agent-bg, rgba(255,255,255,.05));border-color:var(--agent-color, var(--color-accent))}.ap-agent-card.selected{background:var(--agent-bg, rgba(255,255,255,.06));border-color:var(--agent-color, var(--color-accent));box-shadow:0 0 12px color-mix(in srgb,var(--agent-color) 20%,transparent)}.ap-avatar{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.ap-thinking-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:var(--agent-color, #00D4AA);border-radius:50%;border:2px solid var(--color-bg);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.ap-agent-info{flex:1;min-width:0}.ap-agent-name{font-size:13px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:6px}.ap-thinking-label{font-size:10px;color:var(--agent-color, #888);font-weight:600;animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.ap-agent-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}.ap-tag{font-size:10px;padding:1px 6px;background:#ffffff0d;border-radius:var(--radius-full);color:var(--color-text-muted)}.ap-toggle-btn{width:24px;height:24px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:12px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.ap-toggle-btn.on{background:var(--agent-color, var(--color-accent));border-color:var(--agent-color, var(--color-accent));color:#0b0b1a}.ap-persona-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);position:relative}.ap-persona-card:hover{background:#ffffff0f}.ap-persona-card.selected{background:var(--p-bg);border-color:var(--p-color)}.ap-persona-icon{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ap-persona-info{flex:1}.ap-persona-info strong{font-size:13px;font-weight:700;color:var(--color-text);display:block;margin-bottom:2px}.ap-persona-info p{font-size:11px;color:var(--color-text-muted);line-height:1.4}.ap-persona-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#0b0b1a;font-weight:900}.ap-persona-desc{padding:var(--space-md);background:#ffffff05;border-radius:var(--radius-xl);border:1px solid var(--color-border);font-size:12px;color:var(--color-text-muted);line-height:1.6}.ap-persona-desc h4{font-size:12px;font-weight:700;color:var(--color-text);margin-bottom:6px}.ap-persona-desc ul{list-style:none;margin-top:8px;display:flex;flex-direction:column;gap:4px}.ap-persona-desc li{font-size:11px}.chat-thread{display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg)}.ct-messages{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);scroll-behavior:smooth}.msg-user,.msg-agent{display:flex;align-items:flex-start;gap:var(--space-md);max-width:85%}.msg-user{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.user-avatar{background:#ffffff1a}.agent-avatar{background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.msg-bubble{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-2xl);max-width:100%}.user-bubble{background:linear-gradient(135deg,#00d4aa,#00bfa5);color:#0b0b1a;border-bottom-right-radius:var(--radius-sm)}.agent-bubble{background:var(--color-surface);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm);flex:1;min-width:0}.msg-agent-name{font-size:12px;font-weight:700;margin-bottom:6px}.msg-content{font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.msg-content.clamped{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.msg-expand-btn{background:none;border:none;font-size:12px;font-weight:700;color:var(--color-accent);cursor:pointer;padding:4px 0;margin-top:4px}.msg-time{font-size:11px;opacity:.4;margin-top:6px;display:block}.msg-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-md)}.msg-suggestion-chip{padding:5px 12px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:12px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.msg-suggestion-chip:hover{background:#00d4aa14;border-color:#00d4aa4d;color:var(--color-accent)}.rb-block-header{display:flex;align-items:center;gap:var(--space-sm);font-size:14px;font-weight:800;padding:var(--space-sm) 0;border-bottom:2px solid;margin-bottom:var(--space-md)}.rb-block-header span{font-size:18px}.rb-device-list{margin-top:var(--space-md)}.rb-devices{display:flex;flex-direction:column;gap:var(--space-sm)}.rb-device-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:#ffffff08;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.04)}.rbd-icon{font-size:24px;flex-shrink:0;margin-top:2px}.rbd-info{flex:1;min-width:0}.rbd-name{font-size:13px;font-weight:700;color:var(--color-text);margin-bottom:2px}.rbd-spec{font-size:11px;color:var(--color-text-muted)}.rbd-reason{font-size:12px;color:var(--color-text-muted);margin-top:4px;line-height:1.4}.rbd-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.rbd-price{font-size:14px;font-weight:800;color:#00d4aa}.rbd-priority{font-size:11px}.rb-automation-list{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.rb-automation-item{padding:var(--space-md);background:#ffffff08;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.05)}.rba-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.rba-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.rba-name{font-size:14px;font-weight:700}.rba-flow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px}.rba-node{display:flex;flex-direction:column;padding:4px 10px;border-radius:var(--radius-lg);font-size:12px;gap:2px}.rba-node.trigger{background:#00d4aa1f;border:1px solid rgba(0,212,170,.25)}.rba-node.condition{background:#f0a5001f;border:1px solid rgba(240,165,0,.25)}.rba-node.action{background:#7b68ee1f;border:1px solid rgba(123,104,238,.25)}.rba-node-label{font-size:9px;font-weight:700;opacity:.6}.rba-arrow{color:var(--color-text-muted);font-size:14px}.rba-more{font-size:10px;color:var(--color-text-muted);background:#ffffff0d;padding:1px 6px;border-radius:var(--radius-full)}.rba-all-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.rba-action-chip{font-size:11px;padding:2px 8px;background:#ffffff0a;border-radius:var(--radius-full);color:var(--color-text-muted)}.rb-scene-list{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.rb-scene-item{padding:var(--space-md);background:#ffffff08;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.05)}.rbs-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.rbs-icon{font-size:20px}.rbs-name{font-size:14px;font-weight:700;flex:1}.rbs-mood{font-size:11px;color:var(--color-text-muted);background:#ffffff0d;padding:2px 8px;border-radius:var(--radius-full)}.rbs-duration{font-size:11px;color:var(--color-text-muted)}.rbs-devices{display:flex;flex-wrap:wrap;gap:4px}.rbs-device-chip{font-size:11px;padding:3px 10px;background:#ff6b9d1a;border-radius:var(--radius-full);color:#ff6b9d;border:1px solid rgba(255,107,157,.2)}.rb-spatial-list{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.rb-room-item{padding:var(--space-md);background:#ffffff08;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.05)}.rbro-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.rbro-header strong{font-size:14px;flex:1}.rbro-area{font-size:11px;color:var(--color-text-muted)}.rbro-priority{font-size:11px}.rbro-devices,.rbro-autos{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.rbro-device-chip{font-size:11px;padding:2px 8px;background:#f0a5001a;border-radius:var(--radius-full);color:#f0a500}.rbro-auto-chip{font-size:10px;padding:2px 6px;background:#7b68ee1a;border-radius:var(--radius-full);color:#7b68ee}.rb-gap-list{margin-top:var(--space-md)}.rbg-summary{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-md);line-height:1.6}.rb-gap-item{padding:var(--space-md);background:#ffffff08;border-radius:var(--radius-xl);margin-bottom:var(--space-sm);border:1px solid rgba(255,255,255,.05)}.rbg-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap}.rbg-gap{font-size:12px;color:var(--color-text-muted);flex:1}.rbg-urgency{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.rbg-devices{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.rbg-device-chip{font-size:11px;padding:2px 8px;background:#ff8c421a;border-radius:var(--radius-full);color:#ff8c42}.rbg-reason{font-size:12px;color:var(--color-text-muted);line-height:1.5;font-style:italic}.rb-budget-list{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.rb-budget-phase{padding:var(--space-md);background:#ffffff08;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.05)}.rbp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.rbp-header strong{font-size:13px}.rbp-budget{font-size:15px;font-weight:900;color:#ffd600}.rbp-desc{font-size:12px;color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-sm)}.rbp-devices{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.rbp-device-chip{font-size:11px;padding:2px 8px;background:#ffd60014;border-radius:var(--radius-full);color:#ffd600}.rbp-suitable{font-size:11px;color:var(--color-text-muted)}.rb-security-list{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.rb-security-section{padding:var(--space-md);background:#ffffff08;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.05)}.rbss-category{font-size:13px;font-weight:800;color:var(--color-text);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:6px}.rbss-item{font-size:12px;color:var(--color-text-muted);padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03)}.rbss-item:last-of-type{border-bottom:none}.rbss-tip{font-size:11px;color:#ff4d6a;margin-top:var(--space-sm);padding:6px;background:#ff4d6a0f;border-radius:var(--radius-lg)}.ct-typing-indicator{display:flex;align-items:flex-start;gap:var(--space-md);max-width:60%}.cti-avatar{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.cti-bubble{background:var(--color-surface);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm);border-radius:var(--radius-2xl);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.cti-name{font-size:12px;font-weight:700}.cti-dots{display:flex;gap:4px;align-items:center}.cti-dot{width:6px;height:6px;border-radius:50%}.cti-status{font-size:12px;color:var(--color-text-muted)}.ct-suggestions{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}.cts-label{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.cts-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.cts-tag{padding:6px 14px;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:13px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.cts-tag:hover{background:#00d4aa14;border-color:#00d4aa4d;color:var(--color-accent)}.ct-agent-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:6px var(--space-lg);background:#ffffff0a;border-bottom:1px solid var(--color-border);font-size:12px;font-weight:700}.ct-agent-indicator button{margin-left:auto;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:14px}.ct-input-area{padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border);flex-shrink:0}.ct-input-wrap{display:flex;align-items:flex-end;gap:var(--space-sm);background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-sm);transition:border-color var(--transition-fast)}.ct-input-wrap:focus-within{border-color:#00d4aa66}.ct-input{flex:1;background:none;border:none;outline:none;color:var(--color-text);font-size:14px;line-height:1.5;resize:none;max-height:120px;padding:8px 12px;font-family:inherit}.ct-input::placeholder{color:var(--color-text-muted)}.ct-input-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.ct-clear-btn{width:32px;height:32px;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:14px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;opacity:.6}.ct-clear-btn:not(:disabled):hover{opacity:1;background:#ff4d6a1a}.ct-clear-btn:disabled{opacity:.2;cursor:not-allowed}.ct-send-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#00d4aa,#00bfa5);border:none;border-radius:var(--radius-xl);color:#0b0b1a;font-size:13px;font-weight:800;cursor:pointer;transition:all var(--transition-fast);height:36px}.ct-send-btn:not(:disabled):hover{box-shadow:0 4px 16px #00d4aa66}.ct-send-btn:disabled{opacity:.4;cursor:not-allowed}.ct-input-hint{font-size:11px;color:var(--color-text-muted);margin-top:6px;opacity:.5}.project-workspace{background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.pw-tabs{display:flex;border-bottom:1px solid var(--color-border);flex-shrink:0}.pw-tab{flex:1;padding:8px 4px;background:none;border:none;border-bottom:2px solid transparent;font-size:11px;font-weight:700;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pw-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.pw-overview{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-md);background:#ffffff05;border-bottom:1px solid var(--color-border);flex-shrink:0}.pwo-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.pwo-num{font-size:20px;font-weight:900;color:var(--color-accent)}.pwo-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.pwo-divider{width:1px;height:32px;background:var(--color-border)}.pw-content{flex:1;overflow-y:auto;padding:var(--space-md)}.pw-panel{display:flex;flex-direction:column;gap:var(--space-sm)}.pw-section-title{font-size:12px;font-weight:800;color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm);margin-bottom:4px}.pw-badge{font-size:10px;font-weight:700;padding:1px 6px;background:#00d4aa1a;border-radius:var(--radius-full);color:var(--color-accent)}.pw-room-card{padding:var(--space-md);background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl)}.pwrc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.pwrc-header strong{font-size:13px;font-weight:700}.pwrc-tags{display:flex;gap:4px}.pwrc-tag{font-size:10px;padding:1px 6px;background:#ffffff0d;border-radius:var(--radius-full);color:var(--color-text-muted)}.pwrc-devices,.pwrc-autos{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.pwrc-device{font-size:11px;padding:2px 8px;background:#f0a5001a;border-radius:var(--radius-full);color:#f0a500}.pwrc-auto{font-size:10px;padding:1px 6px;background:#7b68ee1a;border-radius:var(--radius-full);color:#7b68ee}.pw-device-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:#ffffff05;border-radius:var(--radius-lg)}.pwdr-icon{font-size:18px;flex-shrink:0}.pwdr-info{flex:1;min-width:0}.pwdr-name{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pwdr-reason{font-size:10px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pwdr-meta{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.pwdr-count{font-size:10px;color:var(--color-text-muted)}.pwdr-price{font-size:12px;font-weight:800;color:#00d4aa}.pw-auto-list{display:flex;flex-wrap:wrap;gap:6px}.pw-auto-chip{padding:4px 10px;border:1px solid;border-radius:var(--radius-full);font-size:11px;font-weight:600}.pw-auto-card{padding:var(--space-sm) var(--space-md);background:#ffffff08;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);margin-bottom:6px}.pwar-header{display:flex;align-items:center;gap:var(--space-sm)}.pwar-icon{font-size:16px}.pwar-header strong{font-size:13px;font-weight:700;flex:1}.pwar-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--radius-full)}.pw-scene-card{padding:var(--space-sm) var(--space-md);background:#ffffff08;border-radius:var(--radius-lg);margin-bottom:6px}.pwsc-header{font-size:13px;font-weight:700;margin-bottom:6px}.pwsc-devices{display:flex;flex-wrap:wrap;gap:4px}.pwsc-device{font-size:11px;padding:2px 8px;background:#ff6b9d1a;border-radius:var(--radius-full);color:#ff6b9d}.pw-budget-hero{text-align:center;padding:var(--space-xl) var(--space-md);background:linear-gradient(135deg,#00d4aa0f,#ffd6000f);border-radius:var(--radius-2xl);border:1px solid rgba(0,212,170,.15);margin-bottom:var(--space-md)}.pw-bh-label{font-size:11px;color:var(--color-text-muted);display:block;margin-bottom:4px}.pw-bh-amount{font-size:32px;font-weight:900;color:#00d4aa;display:block;line-height:1}.pw-bh-sub{font-size:11px;color:var(--color-text-muted);display:block;margin-top:4px}.pw-budget-tiers{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-md)}.pw-tier-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.pw-tier-card.current{border-color:var(--tier-color);background:color-mix(in srgb,var(--tier-color) 8%,transparent)}.pw-tier-label{font-size:13px;font-weight:700}.pw-tier-range{font-size:13px;font-weight:800}.pw-budget-table{display:flex;flex-direction:column;gap:4px}.pw-bt-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--color-text-muted);padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03)}.pw-bt-total{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;padding:var(--space-sm) 0;border-top:1px solid var(--color-border);margin-top:4px}.pw-actions{padding:var(--space-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-sm);flex-shrink:0}.pw-export-btn{width:100%;padding:10px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.pw-export-btn:hover{background:#ffffff14}.pw-studio-btn{width:100%;padding:12px;border:none;border-radius:var(--radius-xl);font-size:14px;font-weight:800;cursor:pointer;transition:all var(--transition-fast)}@media (max-width: 1100px){.ab-body{grid-template-columns:200px 1fr 240px}}@media (max-width: 900px){.agent-panel,.project-workspace{display:none}.ab-body{grid-template-columns:1fr}}.spatial-graph{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column}.sg-controls{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface-2);flex-wrap:wrap}.sg-view-toggle{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.sg-view-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.sg-view-btn:hover{color:var(--color-text);background:var(--color-surface-2)}.sg-view-btn.active{background:var(--color-accent);color:#0b0b1a}.sg-view-btn:first-child{border-right:1px solid var(--color-border)}.sg-info{display:flex;align-items:center;gap:var(--space-sm);flex:1}.sg-house-name{font-size:14px;font-weight:700;color:var(--color-text)}.sg-scale{font-size:11px;color:var(--color-text-dim);font-family:var(--font-mono)}.sg-actions{display:flex;gap:var(--space-sm)}.sg-action-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;font-size:12px;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.sg-action-btn:hover{color:var(--color-text);border-color:var(--color-border-hover)}.sg-action-btn.active{color:var(--color-accent);border-color:#f0a50066;background:var(--color-accent-dim)}.sg-room-filter{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none;background:var(--color-surface)}.sg-room-filter::-webkit-scrollbar{display:none}.sg-room-chip{padding:4px 12px;font-size:12px;font-weight:500;color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.sg-room-chip:hover{color:var(--color-text);border-color:var(--color-border-hover)}.sg-room-chip.active{font-weight:700}.sg-viewport{flex:1;position:relative;min-height:380px;overflow:hidden;background:var(--color-bg)}.sg-2d-view{width:100%;height:100%;position:relative}.sg-svg{width:100%;height:100%}.sg-3d-view{width:100%;height:100%;position:relative;perspective:800px;perspective-origin:50% 60%;background:radial-gradient(ellipse at 50% 80%,rgba(240,165,0,.06) 0%,transparent 60%)}.sg-3d-scene{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(60deg) rotate(-45deg);transform-origin:50% 70%}.sg-3d-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.sg-3d-room{position:absolute;left:var(--room-x);top:var(--room-y);transform:translate(-50%,-50%);cursor:pointer;transition:filter .3s ease}.sg-3d-room.selected{filter:brightness(1.3)}.sg3-floor{position:absolute;border-radius:2px;transition:all .3s ease}.sg3-room-label{position:absolute;font-size:9px;font-weight:700;letter-spacing:.5px;pointer-events:none;white-space:nowrap;opacity:.6;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) rotateX(-60deg)}.sg3-wall{position:absolute;opacity:.8;border-radius:1px}.sg3-device{position:absolute;left:var(--dx);top:var(--dy);transform:translate(-50%,-50%);cursor:pointer;z-index:20}.sg3d-pole{width:2px;height:var(--dz);background:var(--dev-color, #F0A500);opacity:.5;margin:0 auto;transform:translateY(calc(-1 * var(--dz)))}.sg3d-head{position:relative;width:24px;height:24px;border-radius:50%;background:#0b0b1af2;border:2px solid var(--dev-color, #F0A500);display:flex;align-items:center;justify-content:center;font-size:13px;transform:translateY(calc(-1 * var(--dz) - 12px));box-shadow:0 2px 8px #00000080;transition:all .2s ease}.sg3-device:hover .sg3d-head{transform:translateY(calc(-1 * var(--dz) - 12px)) scale(1.2);box-shadow:0 4px 16px #0009}.sg3-device.active .sg3d-head{box-shadow:0 0 12px var(--dev-color, #F0A500)}.sg3d-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--dev-color, #F0A500);animation:sg3-pulse 1.5s infinite ease-out}@keyframes sg3-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}.sg-device-tooltip{position:absolute;bottom:var(--space-lg);left:var(--space-lg);background:var(--color-surface);border:1px solid var(--dev-color, var(--color-accent));border-radius:var(--radius-xl);padding:var(--space-md);min-width:220px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d;z-index:100}.sgdt-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.sgdt-icon{font-size:24px;flex-shrink:0}.sgdt-name{display:block;font-size:14px;font-weight:700}.sgdt-room{display:block;font-size:11px;color:var(--color-text-muted)}.sgdt-status{margin-left:auto;font-size:12px;font-weight:600;white-space:nowrap}.sgdt-info{display:flex;flex-direction:column;gap:3px;margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--color-surface-2);border-radius:var(--radius-md);font-size:12px;color:var(--color-text-muted)}.sgdt-actions{display:flex;gap:var(--space-sm)}.sgdt-btn{flex:1;padding:6px;border:none;border-radius:var(--radius-md);font-size:12px;font-weight:700;color:#0b0b1a;cursor:pointer;transition:all var(--transition-fast)}.sgdt-btn:hover{opacity:.85}.sgdt-btn-outline{flex:1;padding:6px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;color:var(--color-text-muted);background:none;cursor:pointer;transition:all var(--transition-fast)}.sgdt-btn-outline:hover{color:var(--color-text);border-color:var(--color-border-hover)}.sg-legend{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-surface);overflow-x:auto;scrollbar-width:none;flex-wrap:wrap}.sg-legend::-webkit-scrollbar{display:none}.sg-legend-title{font-size:11px;font-weight:700;color:var(--color-text-dim);white-space:nowrap;flex-shrink:0}.sg-legend-item{display:flex;align-items:center;gap:5px;white-space:nowrap}.sg-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sg-legend-label{font-size:11px;color:var(--color-text-muted)}@media (max-width: 768px){.sg-controls{gap:var(--space-sm)}.sg-info{flex:none}.sg-device-tooltip{min-width:180px}}.studio-hero{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg) 100%);border-bottom:1px solid var(--color-border);padding-bottom:0;margin-bottom:var(--space-xl)}.studio-hero .container{padding-bottom:var(--space-xl)}.studio-title{font-size:clamp(24px,4vw,40px);font-weight:800;margin:var(--space-sm) 0}.studio-desc{font-size:14px;color:var(--color-text-muted)}.studio-stats-bar{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-md) 0}.studio-stats{display:flex;gap:0}.studio-stat{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-right:1px solid var(--color-border);flex:1}.studio-stat:first-child{padding-left:0}.studio-stat:last-child{border-right:none}.ss-icon{font-size:24px}.ss-value{display:block;font-size:24px;font-weight:800}.ss-label{font-size:12px;color:var(--color-text-muted)}.studio-body{display:grid;grid-template-columns:1fr 320px;gap:var(--space-xl);padding-bottom:var(--space-3xl);align-items:start}.studio-main{display:flex;flex-direction:column;gap:var(--space-xl)}.studio-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.studio-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.ssh-title{font-size:15px;font-weight:700}.ssh-actions{display:flex;gap:var(--space-sm)}.studio-action-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.studio-action-btn:hover{color:var(--color-text);border-color:var(--color-border-hover)}.studio-room-filter{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none}.studio-room-filter::-webkit-scrollbar{display:none}.studio-room-chip{display:flex;align-items:center;gap:5px;padding:6px 14px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:13px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.studio-room-chip:hover{color:var(--color-text);border-color:var(--color-border-hover)}.studio-room-chip.active{background:var(--color-accent-dim);color:var(--color-accent);border-color:#f0a50066}.src-count{font-size:10px;padding:1px 5px;background:#ffffff14;border-radius:var(--radius-full)}.studio-device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md);padding:var(--space-lg)}.studio-device-card{position:relative;padding:var(--space-lg);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast)}.studio-device-card:hover{border-color:var(--color-border-hover)}.studio-device-card.active{border-color:#f0a50066;background:var(--color-accent-dim)}.studio-device-card.offline{opacity:.5}.sdc-offline-badge{position:absolute;top:8px;right:8px;padding:2px 6px;background:#ff4d6a26;color:#ff4d6a;font-size:10px;font-weight:700;border-radius:var(--radius-full)}.sdc-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.sdc-icon{font-size:32px}.sdc-status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-surface-3);flex-shrink:0}.sdc-status-dot.on{background:var(--color-accent);box-shadow:0 0 6px #f0a50080}.sdc-status-dot.normal{background:var(--color-success)}.sdc-status-dot.offline{background:var(--color-text-dim)}.sdc-name{font-size:14px;font-weight:700;margin-bottom:2px}.sdc-room{font-size:11px;color:var(--color-text-muted)}.sdc-value{font-size:13px;color:var(--color-text-muted);margin:var(--space-sm) 0}.sdc-toggle{width:44px;height:24px;border-radius:12px;background:var(--color-surface-3);border:none;cursor:pointer;position:relative;transition:all var(--transition-fast);padding:0}.sdc-toggle:disabled{opacity:.4;cursor:not-allowed}.sdc-toggle.on{background:var(--color-accent)}.sdc-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:all var(--transition-fast);box-shadow:0 1px 4px #0003}.sdc-toggle.on .sdc-toggle-knob{left:calc(100% - 21px)}.studio-rules{display:flex;flex-direction:column}.studio-rule-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}.studio-rule-card:last-child{border-bottom:none}.studio-rule-card:hover{background:var(--color-surface-2)}.src-status{flex-shrink:0}.src-status-dot{width:10px;height:10px;border-radius:50%;background:var(--color-surface-3)}.src-status-dot.on{background:var(--color-success);box-shadow:0 0 6px #00d4aa80}.src-info{flex:1}.src-info h4{font-size:14px;font-weight:700;margin-bottom:2px}.src-info p{font-size:12px;color:var(--color-text-muted)}.src-stats{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--color-text-muted);text-align:right}.src-toggle{width:36px;height:20px;border-radius:10px;border:none;background:var(--color-surface-3);cursor:pointer;position:relative;transition:all var(--transition-fast);padding:0;flex-shrink:0}.src-toggle.on{background:var(--color-success)}.src-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:all var(--transition-fast)}.src-toggle.on:after{left:calc(100% - 18px)}.studio-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;position:sticky;top:calc(var(--navbar-h) + var(--space-lg))}.studio-sidebar-tabs{display:flex;border-bottom:1px solid var(--color-border)}.sst-tab{flex:1;padding:var(--space-md);font-size:13px;font-weight:600;color:var(--color-text-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.sst-tab:hover{color:var(--color-text)}.sst-tab.active{font-weight:700;border-bottom-color:currentColor}.studio-activity{padding:var(--space-lg)}.sa-title{font-size:13px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md)}.sa-list{display:flex;flex-direction:column;gap:var(--space-md)}.sa-item{display:flex;gap:var(--space-md)}.sa-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.sa-icon-automation{background:#7b68ee26}.sa-icon-sensor{background:#00bcd426}.sa-icon-deploy{background:#00d4aa26}.sa-icon-social{background:#f0a50026}.sa-icon-security{background:#ff4d6a26}.sa-content{flex:1}.sa-text{font-size:13px;color:var(--color-text);line-height:1.5;margin-bottom:3px}.sa-time{font-size:11px;color:var(--color-text-dim)}.studio-space{padding:var(--space-lg)}.ss-rooms{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.ss-room-item{display:flex;align-items:center;gap:var(--space-md)}.ssr-name{width:48px;font-size:13px;font-weight:600;flex-shrink:0}.ssr-bar{flex:1;height:6px;background:var(--color-surface-3);border-radius:3px;overflow:hidden}.ssr-bar-fill{height:100%;background:var(--color-accent);transition:width .5s ease}.ssr-count{font-size:12px;color:var(--color-text-muted);flex-shrink:0}.ss-quick-actions h4{font-size:13px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md)}.ss-quick-btn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;cursor:pointer;margin-bottom:var(--space-sm);transition:all var(--transition-fast);color:var(--color-text)}.ss-quick-btn:hover{border-color:var(--color-accent);background:var(--color-accent-dim)}.ss-quick-btn span:first-child{font-size:18px}.studio-settings{padding:var(--space-lg)}.studio-setting-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.studio-setting-item:last-child{border-bottom:none}.ssi-label{font-size:14px}.ssi-value{font-size:13px;color:var(--color-text-muted)}.ssi-toggle{width:36px;height:20px;border-radius:10px;border:none;background:var(--color-surface-3);cursor:pointer;position:relative;transition:all var(--transition-fast);padding:0}.ssi-toggle.on{background:var(--color-success)}.ssi-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:all var(--transition-fast)}.ssi-toggle.on:after{left:calc(100% - 18px)}.ssh-badge{font-size:11px;font-weight:700;padding:3px 10px;background:#00d4aa1f;color:#00d4aa;border:1px solid rgba(0,212,170,.3);border-radius:var(--radius-full)}@media (max-width: 1024px){.studio-body{grid-template-columns:1fr}.studio-sidebar{position:static}}@media (max-width: 768px){.studio-stats{flex-wrap:wrap}.studio-stat{flex:1 0 50%;border-right:none;border-bottom:1px solid var(--color-border);padding:var(--space-sm) var(--space-md)}.studio-device-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.scene-quick-bar{background:#ffffff05;border-bottom:1px solid var(--color-border);padding:var(--space-md) 0}.sqb-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.sqb-title{font-size:13px;font-weight:700;color:var(--color-text)}.sqb-hint{font-size:12px;color:var(--color-text-muted)}.sqb-scenes{display:flex;gap:var(--space-sm);overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.sqb-scenes::-webkit-scrollbar{display:none}.sqb-scene-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-md) var(--space-lg);background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;position:relative;min-width:90px}.sqb-scene-btn:hover{border-color:var(--scene-color);background:color-mix(in srgb,var(--scene-color) 8%,transparent)}.sqb-scene-btn.running{border-color:var(--scene-color);background:color-mix(in srgb,var(--scene-color) 15%,transparent)}.sqb-icon{font-size:24px}.sqb-name{font-size:12px;font-weight:700;color:var(--color-text)}.sqb-running-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--scene-color);animation:pulse-dot .8s ease infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.sqb-toast{margin-top:var(--space-sm);padding:8px 14px;background:var(--color-accent);color:#0b0b1a;border-radius:var(--radius-lg);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.energy-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg)}.energy-bars{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.energy-bar-row{display:grid;grid-template-columns:24px 60px 1fr 50px;align-items:center;gap:var(--space-md)}.ebr-icon{font-size:16px;text-align:center}.ebr-label{font-size:13px;color:var(--color-text-muted)}.ebr-bar-wrap{height:8px;background:var(--color-surface-2);border-radius:var(--radius-full);overflow:hidden}.ebr-bar-fill{height:100%;border-radius:var(--radius-full);transition:width 1s ease}.ebr-value{font-size:13px;font-weight:700;text-align:right}.energy-total{display:flex;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.et-label{font-size:12px;color:var(--color-text-muted)}.et-value{font-size:20px;font-weight:800;color:var(--color-accent)}.et-hint{font-size:12px;color:#ff6b35;background:#ff6b351a;padding:2px 8px;border-radius:var(--radius-full)}.creator-portal{background:var(--color-bg);min-height:100vh}.cp-banner{background:linear-gradient(135deg,#0b0b1a,#1a1040,#0b1e18);border-bottom:1px solid rgba(255,255,255,.06);padding:var(--space-2xl) 0}.cpb-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);margin-bottom:var(--space-xl)}.cpb-title{font-size:36px;font-weight:900;background:linear-gradient(135deg,#f0a500,#00d4aa,#7b68ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:var(--space-sm) 0}.cpb-desc{font-size:15px;color:#ffffff80;margin-top:6px}.cpb-actions{display:flex;gap:var(--space-md);flex-shrink:0}.cpb-btn-primary{padding:10px 24px;background:linear-gradient(135deg,#f0a500,#ffb800);color:#0b0b1a;border:none;border-radius:var(--radius-xl);font-size:14px;font-weight:800;cursor:pointer;transition:all var(--transition-fast)}.cpb-btn-primary:hover{box-shadow:0 4px 20px #f0a50066;transform:translateY(-1px)}.cpb-btn-secondary{padding:10px 20px;background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.cpb-btn-secondary:hover{background:#ffffff1a;color:#fff}.cp-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-md)}.kpi-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);transition:all var(--transition-fast);position:relative}.kpi-card:hover{background:#ffffff12;border-color:var(--kpi-color, var(--color-accent))}.kpi-icon{font-size:28px;flex-shrink:0}.kpi-body{flex:1;display:flex;flex-direction:column}.kpi-label{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:22px;font-weight:900;color:var(--kpi-color, var(--color-accent));line-height:1.2;margin-top:2px}.kpi-sub{font-size:11px;color:#ffffff59;margin-top:2px}.kpi-trend{position:absolute;top:var(--space-md);right:var(--space-md);font-size:11px;font-weight:700;padding:2px 6px;border-radius:var(--radius-full)}.kpi-trend.up{background:#00d4aa26;color:#00d4aa}.kpi-trend.down{background:#ff4d6a26;color:#ff4d6a}.cp-tabs{display:flex;gap:var(--space-sm);padding:var(--space-lg) 0 var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl)}.cp-tab-btn{padding:10px 20px;background:transparent;border:1px solid transparent;border-bottom:3px solid transparent;color:var(--color-text-muted);font-size:14px;font-weight:600;cursor:pointer;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:all var(--transition-fast);margin-bottom:-1px}.cp-tab-btn:hover{color:var(--color-text);background:#ffffff08}.cp-tab-btn.active{color:var(--color-accent);border-bottom-color:var(--color-accent);background:#00d4aa0d}.cp-section{margin-bottom:var(--space-2xl)}.cps-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.cps-title{font-size:18px;font-weight:800}.cps-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-xl)}.cps-range-tabs{display:flex;gap:6px}.cps-range-btn{padding:5px 14px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.cps-range-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.cps-range-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#0b0b1a}.rev-chart{padding:var(--space-lg) 0}.rev-bars{display:flex;align-items:flex-end;gap:var(--space-md);height:160px;padding:0 var(--space-sm)}.rev-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;gap:4px}.rev-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.rev-bar-fill{width:100%;background:linear-gradient(to top,#00d4aa,#00bfa5);border-radius:var(--radius-md) var(--radius-md) 0 0;min-height:4px;opacity:.8}.rev-month{font-size:11px;color:var(--color-text-muted)}.rev-amount{font-size:11px;color:#00d4aa;font-weight:700;opacity:0;transition:opacity .3s}.rev-bar-col:hover .rev-amount{opacity:1}.cps-rules{display:flex;flex-direction:column;gap:var(--space-md)}.cps-rule{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#ffffff05;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.04)}.cps-rule-icon{font-size:24px;flex-shrink:0;margin-top:2px}.cps-rule h4{font-size:14px;font-weight:700;margin-bottom:4px}.cps-rule p{font-size:13px;color:var(--color-text-muted);line-height:1.5}.cps-table{width:100%;border-collapse:collapse;font-size:13px}.cps-table th{text-align:left;padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.cps-table td{padding:12px var(--space-md);border-bottom:1px solid rgba(255,255,255,.03);color:var(--color-text);vertical-align:middle}.cps-table tr:last-child td{border-bottom:none}.cps-table tr:hover td{background:#ffffff05}.cps-type-tag{font-size:11px;padding:2px 8px;background:#ffffff0d;border-radius:var(--radius-full);color:var(--color-text-muted)}.cps-payout-bar{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.cps-payout-label{font-size:13px;color:var(--color-text-muted)}.cps-payout-amount{font-size:24px;font-weight:900;color:#f0a500}.cps-payout-btn{margin-left:auto;padding:8px 18px;background:#f0a5001a;border:1px solid rgba(240,165,0,.3);border-radius:var(--radius-xl);color:#f0a500;font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.cps-payout-btn:hover{background:#f0a50033}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.solution-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-fast)}.solution-card:hover{border-color:#ffffff1a;box-shadow:0 8px 32px #0006;transform:translateY(-3px)}.sol-card-header{background:linear-gradient(135deg,color-mix(in srgb,var(--sol-color) 15%,#0B0B1A),color-mix(in srgb,var(--sol-color) 5%,#0B0B1A));padding:var(--space-lg);display:flex;align-items:center;justify-content:space-between}.sol-cover{font-size:48px}.sol-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.sol-price{font-size:16px;font-weight:800;color:#00d4aa}.sol-card-body{padding:var(--space-lg)}.sol-title{font-size:15px;font-weight:700;margin-bottom:4px}.sol-category{font-size:11px;color:var(--color-text-muted);display:block;margin-bottom:var(--space-md)}.sol-stats-row{display:flex;gap:var(--space-md);font-size:12px;color:var(--color-text-muted)}.sol-card-actions{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border)}.sol-action-btn{flex:1;padding:7px;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:12px;font-weight:600;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);text-align:center}.sol-action-btn:hover{background:#ffffff14}.sol-action-btn.primary{background:#00d4aa1a;border-color:#00d4aa4d;color:#00d4aa}.sol-action-btn.primary:hover{background:#00d4aa33}.sol-action-btn.danger:hover{background:#ff4d6a1a;border-color:#ff4d6a4d;color:#ff4d6a}.cps-tips{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.cps-tip{display:flex;gap:var(--space-md);padding:var(--space-md);background:#ffffff05;border-radius:var(--radius-xl)}.cps-tip-icon{font-size:24px;flex-shrink:0}.cps-tip h4{font-size:13px;font-weight:700;margin-bottom:4px}.cps-tip p{font-size:12px;color:var(--color-text-muted);line-height:1.5}.cp-search-bar{display:flex;align-items:center;gap:var(--space-sm);padding:8px 14px;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted)}.cp-search-input{background:none;border:none;outline:none;color:var(--color-text);font-size:13px;width:200px}.cp-client-cell{display:flex;align-items:center;gap:var(--space-sm)}.install-stats{display:flex;gap:var(--space-lg)}.ins-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted)}.ins-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.install-jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.install-job-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-fast);border-left:3px solid var(--job-color, var(--color-accent))}.install-job-card:hover{box-shadow:0 4px 20px #0000004d}.ij-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.ij-date{font-size:12px;color:var(--color-text-muted)}.ij-body{padding:var(--space-lg)}.ij-client{font-size:15px;font-weight:700;margin-bottom:6px}.ij-address,.ij-solution{font-size:12px;color:var(--color-text-muted);margin-bottom:4px;display:flex;align-items:center;gap:4px}.ij-footer{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border)}.ij-fee{display:flex;flex-direction:column}.ij-fee-label{font-size:10px;color:var(--color-text-muted)}.ij-fee-value{font-size:16px;font-weight:800;color:#00d4aa}.ij-rating{font-size:14px;color:#ffb800;margin-left:auto}.ij-start-btn{margin-left:auto;padding:7px 14px;background:#f0a5001a;border:1px solid rgba(240,165,0,.3);border-radius:var(--radius-xl);color:#f0a500;font-size:12px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.ij-complete-btn{margin-left:auto;padding:7px 14px;background:#00d4aa1a;border:1px solid rgba(0,212,170,.3);border-radius:var(--radius-xl);color:#00d4aa;font-size:12px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.install-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.install-price-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:#ffffff05;border-radius:var(--radius-lg);font-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.publish-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px #000c}.pm-header{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);border-bottom:1px solid var(--color-border);position:relative}.pm-title{font-size:18px;font-weight:800;flex:1}.pm-steps{display:flex;gap:var(--space-lg)}.pm-step{font-size:13px;color:var(--color-text-muted)}.pm-step.active{color:var(--color-accent);font-weight:700}.pm-step.done{color:#00d4aa}.pm-close{background:none;border:none;color:var(--color-text-muted);font-size:18px;cursor:pointer;padding:4px}.pm-body{padding:var(--space-xl)}.pm-section-label{font-size:13px;font-weight:700;color:var(--color-text-muted);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.5px}.price-presets{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.price-preset-btn{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#ffffff08;border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.price-preset-btn:hover{border-color:#00d4aa4d;background:#00d4aa08}.price-preset-btn.selected{border-color:#00d4aa;background:#00d4aa0f}.ppb-label{font-size:14px;font-weight:700;min-width:140px;color:var(--color-text)}.ppb-desc{flex:1;font-size:12px;color:var(--color-text-muted)}.ppb-earnings{font-size:11px;color:#00d4aa;font-weight:700}.custom-price-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background:#00d4aa0a;border-radius:var(--radius-xl);border:1px solid rgba(0,212,170,.15)}.cp-label{font-size:13px;font-weight:600;min-width:80px}.cp-input-wrap{display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;background:#ffffff0d}.cp-symbol{padding:6px 10px;font-weight:800;color:#00d4aa;background:#00d4aa1a}.cp-input{background:none;border:none;outline:none;color:var(--color-text);font-size:16px;font-weight:700;width:80px;padding:6px 10px}.cp-info{font-size:12px;color:var(--color-text-muted)}.pm-earnings-preview{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.ep-row{display:flex;justify-content:space-between;align-items:center;padding:10px var(--space-lg);font-size:13px;color:var(--color-text-muted)}.ep-row.total{border-top:1px solid var(--color-border);background:#00d4aa0a}.pm-form{display:flex;flex-direction:column;gap:var(--space-lg)}.pm-form-group{display:flex;flex-direction:column;gap:6px}.pm-form-group label{font-size:13px;font-weight:700}.required{color:#ff4d6a}.pm-input{background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:14px;padding:10px 14px;outline:none;transition:border-color var(--transition-fast)}.pm-input:focus{border-color:var(--color-accent)}.pm-input-hint{font-size:11px;color:var(--color-text-muted);text-align:right}.pm-textarea{background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:14px;padding:10px 14px;outline:none;resize:vertical;font-family:inherit;transition:border-color var(--transition-fast)}.pm-textarea:focus{border-color:var(--color-accent)}.pm-category-chips{display:flex;flex-wrap:wrap;gap:6px}.pm-cat-chip{padding:5px 12px;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:12px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.pm-cat-chip:hover{border-color:#fff3;color:var(--color-text)}.pm-cat-chip.active{background:#00d4aa1a;border-color:#00d4aa;color:#00d4aa;font-weight:700}.pm-success{text-align:center;padding:var(--space-xl) 0}.pms-icon{font-size:72px;margin-bottom:var(--space-lg);animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.pms-title{font-size:24px;font-weight:900;margin-bottom:var(--space-sm)}.pms-desc{font-size:14px;color:var(--color-text-muted);margin-bottom:var(--space-xl);line-height:1.6}.pms-stats{display:flex;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-xl)}.pms-stat{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;color:var(--color-text-muted)}.pms-stat strong{font-size:18px;font-weight:800;color:var(--color-text)}.pms-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.pms-primary{width:100%;padding:14px;background:linear-gradient(135deg,#00d4aa,#00bfa5);color:#0b0b1a;border:none;border-radius:var(--radius-xl);font-size:15px;font-weight:800;cursor:pointer;transition:all var(--transition-fast)}.pms-primary:hover{box-shadow:0 4px 20px #00d4aa66}.pms-secondary{width:100%;padding:10px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted);font-size:13px;cursor:pointer}.pm-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border)}.pm-footer-right{display:flex;gap:var(--space-sm);margin-left:auto}.pm-back-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted);font-size:13px;padding:8px 16px;cursor:pointer}.pm-cancel-btn{padding:10px 20px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted);font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.pm-cancel-btn:hover{color:var(--color-text)}.pm-next-btn{padding:10px 24px;background:linear-gradient(135deg,#00d4aa,#00bfa5);color:#0b0b1a;border:none;border-radius:var(--radius-xl);font-size:14px;font-weight:800;cursor:pointer;transition:all var(--transition-fast)}.pm-next-btn:hover{box-shadow:0 4px 20px #00d4aa66}.pm-next-btn:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700}@media (max-width: 1200px){.cp-kpis{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.cpb-title-row{flex-direction:column}.cpb-actions{width:100%}.cp-kpis{grid-template-columns:repeat(2,1fr)}.cps-table{font-size:12px}.solutions-grid{grid-template-columns:1fr}.install-pricing{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.cp-kpis{grid-template-columns:1fr 1fr}.install-jobs,.install-pricing{grid-template-columns:1fr}.pms-stats{flex-direction:column;gap:var(--space-md)}}.leaderboard-page{min-height:100vh}.leaderboard-hero{position:relative;padding:var(--space-xl) 0 var(--space-2xl);overflow:hidden}.leaderboard-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f0a50014,#7b68ee14,#00d4aa0f);border-bottom:1px solid var(--color-border)}.leaderboard-hero .container{position:relative;z-index:1}.lb-back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.lb-back-link:hover{color:var(--color-text)}.lb-hero-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);flex-wrap:wrap}.lb-title{font-size:clamp(24px,4vw,42px);font-weight:800;margin-bottom:var(--space-sm)}.lb-desc{font-size:15px;color:var(--color-text-muted)}.lb-hero-badges{display:flex;gap:var(--space-md);flex-shrink:0}.lb-hero-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:12px;color:var(--color-text-muted)}.lhnb-icon{font-size:14px}.lb-body{padding:var(--space-xl) 0 var(--space-3xl);display:flex;flex-direction:column;gap:var(--space-xl)}.lb-trending-section{overflow:hidden}.lb-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.lb-section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:18px;font-weight:700}.lb-section-icon{font-size:20px}.lb-section-hint{font-size:12px;color:var(--color-text-muted)}.lb-trending-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-md)}.lb-trending-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-fast);cursor:pointer}.lb-trending-card:hover{border-color:#f0a50066;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.ltc-trend-rank{padding:6px 10px;font-size:12px;font-weight:800;color:var(--color-accent);background:var(--color-accent-dim)}.ltc-cover{position:relative;height:100px;overflow:hidden}.ltc-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.lb-trending-card:hover .ltc-cover img{transform:scale(1.05)}.ltc-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#000c);display:flex;align-items:center;justify-content:space-between}.ltc-delta{font-size:11px;font-weight:800;color:#ff6b35;background:#ff6b3533;padding:2px 6px;border-radius:var(--radius-sm)}.ltc-week-views{font-size:10px;color:#ffffffb3}.ltc-info{padding:var(--space-sm)}.ltc-title{font-size:13px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ltc-meta{display:flex;align-items:center;gap:5px}.ltc-author{font-size:11px;color:var(--color-text-muted)}.ltc-category{font-size:10px;padding:1px 6px;background:var(--color-surface-2);border-radius:var(--radius-sm);color:var(--color-text-muted)}.lb-rank-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-sm)}.lb-rank-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-md) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);text-align:center}.lb-rank-tab:hover{border-color:var(--tab-color, var(--color-accent));background:var(--color-surface-2)}.lb-rank-tab.active{border-color:var(--tab-color, var(--color-accent));background:color-mix(in srgb,var(--tab-color, var(--color-accent)) 10%,transparent)}.lrt-icon{font-size:22px}.lrt-label{font-size:14px;font-weight:700;color:var(--color-text)}.lb-rank-tab.active .lrt-label{color:var(--tab-color, var(--color-accent))}.lrt-sub{font-size:10px;color:var(--color-text-muted)}.lb-category-bar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.lb-category-label{font-size:12px;font-weight:700;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.lb-category-chips{display:flex;gap:var(--space-sm);flex-wrap:wrap}.lb-category-chip{padding:5px 14px;font-size:13px;font-weight:500;color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.lb-category-chip:hover{color:var(--color-text);border-color:var(--color-border-hover)}.lb-category-chip.active{background:var(--color-accent-dim);color:var(--color-accent);border-color:#f0a50066;font-weight:700}.lb-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden}.lb-tabs{display:flex;border-bottom:1px solid var(--color-border)}.lb-tab{flex:1;padding:var(--space-md);font-size:14px;font-weight:600;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.lb-tab:hover{color:var(--color-text)}.lb-tab.active{color:var(--color-accent);border-bottom-color:currentColor}.lb-list-header{display:grid;align-items:center;grid-template-columns:60px 1fr 120px 100px 80px 80px;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.lb-solution-list{display:flex;flex-direction:column}.lb-solution-row{display:grid;align-items:center;grid-template-columns:60px 1fr 120px 100px 80px 80px;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}.lb-solution-row:last-child{border-bottom:none}.lb-solution-row:hover{background:var(--color-surface-2)}.lb-solution-row.rank-1{background:#f0a5000d}.lb-solution-row.rank-2{background:#b0bec50a}.lb-solution-row.rank-3{background:#cd7f320a}.ll-rank{display:flex;align-items:center;justify-content:center}.ll-medal{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.ll-num{font-size:16px;font-weight:800;color:var(--color-text-muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);border-radius:var(--radius-sm)}.ll-solution{display:flex;align-items:center;gap:var(--space-md);text-decoration:none;color:inherit;cursor:pointer}.ll-cover{position:relative;width:64px;height:48px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.ll-cover img{width:100%;height:100%;object-fit:cover}.ll-cover-badge{position:absolute;top:2px;left:2px;padding:1px 5px;border-radius:var(--radius-sm);font-size:9px;font-weight:800;color:#0b0b1a}.ll-sol-title{font-size:14px;font-weight:700;margin-bottom:4px;transition:color var(--transition-fast)}.ll-solution:hover .ll-sol-title{color:var(--color-accent)}.ll-sol-tags{display:flex;flex-wrap:wrap;gap:3px}.ll-tag{font-size:10px;padding:1px 6px;background:var(--color-surface-2);border-radius:var(--radius-sm);color:var(--color-text-muted)}.ll-author{display:flex;align-items:center;gap:8px}.ll-author-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#0b0b1a;flex-shrink:0}.ll-author-name{font-size:13px;font-weight:600}.ll-stat-main{display:flex;flex-direction:column;align-items:flex-end}.ll-stat{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--color-text-muted)}.ll-stat-main .ll-stat-value{font-size:15px;font-weight:700;color:var(--color-text)}.ll-stat-main .ll-stat-unit{font-size:11px;color:var(--color-text-muted)}.ll-stat-icon{font-size:12px}.ll-stat-delta{justify-content:center}.ll-delta{font-size:12px;font-weight:700;color:#ff6b35;background:#ff6b351f;padding:2px 8px;border-radius:var(--radius-full)}.lb-author-list{display:flex;flex-direction:column}.lb-author-row{display:grid;align-items:center;grid-template-columns:60px 1fr 80px 90px 90px 80px 80px;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}.lb-author-row:last-child{border-bottom:none}.lb-author-row:hover{background:var(--color-surface-2)}.lb-author-row.rank-1{background:#f0a5000d}.lb-author-row.rank-2{background:#b0bec50a}.lb-author-row.rank-3{background:#cd7f320a}.ll-author-full{display:flex;align-items:center;gap:var(--space-md)}.llaf-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#0b0b1a;flex-shrink:0}.llaf-name-row{display:flex;align-items:center;gap:5px}.llaf-name{font-size:14px;font-weight:700}.llaf-crown{font-size:16px}.llaf-title{font-size:11px;color:var(--color-text-muted)}.lb-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-3xl);color:var(--color-text-muted)}.lb-empty-icon{font-size:48px}.lb-empty p{font-size:14px}@media (max-width: 1024px){.lb-rank-tabs,.lb-trending-grid{grid-template-columns:repeat(3,1fr)}.lb-list-header,.lb-solution-row{grid-template-columns:50px 1fr 80px 80px}.llh-author,.ll-author,.llh-stat:nth-child(5),.ll-stat:nth-child(5){display:none}.lb-author-row{grid-template-columns:50px 1fr 70px 70px 70px}.llh-stat:nth-child(6),.ll-stat:nth-child(6){display:none}}@media (max-width: 768px){.lb-rank-tabs,.lb-trending-grid{grid-template-columns:repeat(2,1fr)}.lb-hero-title-row{flex-direction:column}.lb-hero-badges{flex-wrap:wrap}.lb-list-header{display:none}.lb-solution-row{grid-template-columns:40px 1fr;gap:var(--space-sm);padding:var(--space-md)}.ll-rank{justify-content:flex-start}.ll-author,.ll-stat{display:none!important}.lb-category-bar{overflow-x:auto;scrollbar-width:none}.lb-category-chips{flex-wrap:nowrap}}:root{--color-primary: #0B0B1A;--color-bg: #0B0B1A;--color-surface: #13132B;--color-surface-2: #1C1C3A;--color-surface-3: #252550;--color-accent: #F0A500;--color-accent-dim: rgba(240, 165, 0, .15);--color-accent-2: #00D4AA;--color-accent-2-dim: rgba(0, 212, 170, .15);--color-text: #EEEEF5;--color-text-muted: #8888AA;--color-text-dim: #555570;--color-border: rgba(240, 165, 0, .12);--color-border-hover: rgba(240, 165, 0, .4);--color-success: #00D4AA;--color-danger: #FF4D6A;--color-warning: #F0A500;--color-purple: #7B68EE;--color-purple-dim: rgba(123, 104, 238, .15);--color-cyan: #00BCD4;--color-cyan-dim: rgba(0, 188, 212, .15);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.4);--shadow-lg: 0 8px 40px rgba(0,0,0,.5);--shadow-accent: 0 0 30px rgba(240, 165, 0, .2);--shadow-accent-2: 0 0 30px rgba(0, 212, 170, .2);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--font-sans: "Noto Sans SC", "PingFang SC", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--navbar-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(240,165,0,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(0,212,170,.04) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-2)}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none;outline:none}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}img{display:block;max-width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}::selection{background:var(--color-accent-dim);color:var(--color-accent)}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-xl)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.glass{background:#13132bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border)}.glow-text{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-border{position:relative;background:var(--color-surface)}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tag-accent{background:var(--color-accent-dim);color:var(--color-accent);border:1px solid rgba(240,165,0,.25)}.tag-success{background:var(--color-accent-2-dim);color:var(--color-accent-2);border:1px solid rgba(0,212,170,.25)}.tag-purple{background:var(--color-purple-dim);color:var(--color-purple);border:1px solid rgba(123,104,238,.25)}.tag-cyan{background:var(--color-cyan-dim);color:var(--color-cyan);border:1px solid rgba(0,188,212,.25)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #f0a50033}50%{box-shadow:0 0 35px #f0a50080}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}