:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-app:#000;--bg-sidebar:#09090b;--bg-canvas:#040405;--bg-surface:#121215;--bg-surface-hover:#1c1c21;--bg-surface-active:#27272f;--border-subtle:#ffffff1a;--border-medium:#fff3;--border-highlight:#ffffff80;--text-main:#fff;--text-muted:#a1a1aa;--text-dim:#71717a;--primary:#fff;--primary-hover:#e4e4e7;--primary-glow:#ffffff40;--primary-text:#000;--accent-emerald:#10b981;--accent-cyan:#38bdf8;--accent-red:#ef4444;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 14px -2px #000000b3;--shadow-lg:0 12px 30px -5px #000000e6;--shadow-glow:0 0 25px #ffffff26;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{flex-direction:column;width:100%;min-height:100%;display:flex}*{scrollbar-width:thin;scrollbar-color:#ffffff40 #0000004d}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff6}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.flex-1{flex:1}.w-full{width:100%}.h-full{height:100%}.studio-layout{background:var(--bg-app);flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.topbar{background:var(--bg-sidebar);border-bottom:1px solid var(--border-subtle);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:48px;min-height:48px;max-height:48px;padding:0 14px;display:flex}.brand-badge{color:var(--text-main);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;text-decoration:none;display:flex}.brand-logo-icon{color:#000;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 0 12px #fff3}.non-profit-tag{text-transform:uppercase;letter-spacing:.06em;color:#a1a1aa;border-radius:var(--radius-full);background:#ffffff14;border:1px solid #ffffff26;padding:2px 8px;font-size:.68rem;font-weight:700}.domain-pill{border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-mono);transition:all var(--transition-fast);cursor:pointer;background:#ffffff0f;align-items:center;gap:6px;padding:5px 12px;font-size:.85rem;display:flex}.domain-pill:hover{border-color:var(--border-medium);background:#ffffff1f}.domain-subname{color:#fff;font-weight:700}.domain-suffix{color:var(--text-dim)}.domain-status-dot{background:var(--accent-emerald);width:7px;height:7px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}.device-segmented{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff0d;gap:2px;padding:3px;display:flex}.device-btn{color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 12px;display:flex}.device-btn:hover{color:var(--text-main);background:#ffffff14}.device-btn.active{color:#000;box-shadow:var(--shadow-sm);background:#fff;font-weight:700}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#000;background:#fff;font-weight:700;box-shadow:0 2px 8px #ffffff26}.btn-primary:hover{background:#e4e4e7;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff40}.btn-secondary{color:var(--text-main);border-color:var(--border-subtle);background:#ffffff0f}.btn-secondary:hover{border-color:var(--border-medium);background:#ffffff1f}.btn-icon-only{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;padding:8px}.btn-icon-only:hover{color:var(--text-main);background:#ffffff14}.studio-body{flex:1;height:calc(100vh - 48px);min-height:0;display:flex;position:relative;overflow:hidden}.studio-canvas-area{flex:1;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.floating-panel{z-index:40;animation:.2s cubic-bezier(.16,1,.3,1) floatPanelIn;position:absolute;top:0;bottom:0;box-shadow:4px 0 24px #0009}.floating-panel.floating-left{left:0}.floating-panel.floating-right{right:0}@keyframes floatPanelIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.floating-panel.floating-right{animation-name:floatPanelInRight}@keyframes floatPanelInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.left-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:30;flex-direction:column;flex-shrink:0;width:310px;min-width:310px;max-width:310px;height:100%;min-height:0;display:flex;overflow:hidden}.sidebar-tabs-nav{border-bottom:1px solid var(--border-subtle);background:#050507;flex-shrink:0;display:flex}.sidebar-tab-btn{color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:5px;padding:12px 6px;font-size:.73rem;font-weight:600;display:flex}.sidebar-tab-btn:hover{color:var(--text-muted);background:#ffffff08}.sidebar-tab-btn.active{color:#fff;background:#ffffff0f;border-bottom-color:#fff}.sidebar-content-area{flex:1;min-height:0;padding:16px;overflow:hidden auto}.component-category{margin-bottom:22px}.component-category-title{text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);margin-bottom:10px;font-size:.72rem;font-weight:700}.component-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.component-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:grab;transition:all var(--transition-fast);text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;display:flex}.component-card:hover{background:var(--bg-surface-hover);border-color:var(--border-medium);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.component-card:active{cursor:grabbing}.component-card-icon{color:#fff;background:#ffffff14;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.component-card-title{color:var(--text-main);font-size:.78rem;font-weight:600}.component-card-desc{color:var(--text-dim);font-size:.68rem;line-height:1.2}.canvas-viewport{background:var(--bg-canvas);-webkit-overflow-scrolling:touch;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:24px 24px;flex:1;height:100%;min-height:0;padding:40px 24px 140px;position:relative;overflow:hidden scroll}.site-device-frame{color:inherit;border-radius:var(--radius-md);background:0 0;flex-direction:column;height:auto;min-height:auto;margin:0 auto;transition:width .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 20px 50px #000c,0 0 0 1px #ffffff1f}.site-device-frame.desktop{width:100%;max-width:1160px}.site-device-frame.tablet{border-radius:var(--radius-lg);outline:8px solid #18181b;width:768px;max-width:768px}.site-device-frame.mobile{border-radius:36px;outline:10px solid #18181b;width:375px;max-width:375px;overflow:visible}.mobile-notch{z-index:100;background:#18181b;border-radius:0 0 12px 12px;width:120px;height:18px;margin:0 auto;position:sticky;top:0}.drop-zone-indicator{background:#fff;border-radius:2px;height:4px;margin:4px 0;box-shadow:0 0 10px #fffc}.add-block-separator{z-index:20;opacity:0;height:24px;transition:opacity var(--transition-fast);justify-content:center;align-items:center;margin:-12px 0;display:flex;position:relative}.add-block-separator:hover,.add-block-separator.is-hovered{opacity:1}.add-block-line{background:#fff6;height:1px;position:absolute;top:50%;left:0;right:0}.add-block-btn{z-index:2;color:#000;border-radius:var(--radius-full);cursor:pointer;background:#fff;border:none;align-items:center;gap:4px;padding:4px 12px;font-size:.72rem;font-weight:700;display:flex;position:relative;box-shadow:0 2px 8px #0006}.add-block-btn:hover{background:#e4e4e7;transform:scale(1.05)}.canvas-section{min-height:48px;transition:outline .15s;position:relative}.canvas-section:hover{outline-offset:-2px;outline:2px dashed #fff6}.canvas-section.selected{outline-offset:-2px;outline:2px solid #000}.element-action-toolbar{box-shadow:var(--shadow-lg);z-index:40;background:#09090b;border:1px solid #fff3;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;display:flex;position:absolute;top:-38px;right:12px}.element-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:.75rem;display:flex}.element-action-btn:hover{color:#fff;background:#ffffff1f}.element-action-btn.delete:hover{color:#f87171;background:#ef444433}.right-inspector{background:var(--bg-sidebar);border-left:1px solid var(--border-subtle);z-index:30;flex-direction:column;flex-shrink:0;width:320px;min-width:320px;max-width:320px;height:100%;min-height:0;display:flex;overflow:hidden auto}.inspector-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.inspector-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.82rem;font-weight:700}.inspector-section{border-bottom:1px solid var(--border-subtle);padding:16px}.inspector-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:12px;font-size:.72rem;font-weight:700}.control-group{margin-bottom:12px}.control-label{color:var(--text-muted);margin-bottom:6px;font-size:.75rem;font-weight:500;display:block}.control-input,.control-select,.control-textarea{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:border-color var(--transition-fast);outline:none;padding:8px 10px;font-family:inherit;font-size:.82rem}.control-input:focus,.control-select:focus,.control-textarea:focus{border-color:#fff;box-shadow:0 0 0 2px #ffffff26}.control-textarea{resize:vertical;min-height:70px}.color-picker-pair{align-items:center;gap:8px;display:flex}.color-swatch-input{border:1px solid var(--border-medium);cursor:pointer;background:0 0;border-radius:6px;width:34px;height:34px;padding:0}.color-hex-label{font-family:var(--font-mono);flex:1;font-size:.8rem}.code-editor-textarea{font-family:var(--font-mono);color:#38bdf8;background:#050507;border:1px solid #ffffff26;border-radius:6px;outline:none;width:100%;min-height:120px;padding:10px;font-size:.8rem;line-height:1.4}.code-editor-textarea:focus{border-color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}@keyframes zoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes marqueeAnim{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #ffffff1a}50%{box-shadow:0 0 25px #ffffff4d}}.anim-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.anim-slide-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp}.anim-slide-down{animation:.8s cubic-bezier(.16,1,.3,1) forwards slideDown}.anim-zoom-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards zoomIn}.anim-bounce{animation:3s ease-in-out infinite bounceSlow}.anim-pulse-glow{animation:2.5s ease-in-out infinite pulseGlow}.code-editor-textarea{color:#f4f4f5;border-radius:var(--radius-sm);width:100%;font-family:var(--font-mono);resize:vertical;transition:all var(--transition-fast);background:#000;border:1px solid #fff3;padding:10px 12px;font-size:.78rem;line-height:1.5}.code-editor-textarea:focus{border-color:#fff;outline:none;box-shadow:0 0 10px #ffffff40}.hover-lift{transition:transform .25s,box-shadow .25s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000040}.hover-glow{transition:all .25s}.hover-glow:hover{box-shadow:0 0 20px #ffffff4d}.hover-scale{transition:transform .25s}.hover-scale:hover{transform:scale(1.03)}.marquee-container{white-space:nowrap;width:100%;position:relative;overflow:hidden}.marquee-track{gap:32px;animation:20s linear infinite marqueeAnim;display:inline-flex}.marquee-track:hover{animation-play-state:paused}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg), var(--shadow-glow);flex-direction:column;display:flex;overflow:hidden}.live-preview-window{z-index:200;background:#000;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.browser-header-mockup{z-index:10;background:#09090b;border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:16px;height:52px;min-height:52px;padding:0 16px;display:flex}.browser-traffic-lights{gap:6px;display:flex}.traffic-dot{border-radius:50%;width:11px;height:11px}.traffic-red{background:#ef4444}.traffic-yellow{background:#f59e0b}.traffic-green{background:#10b981}.browser-address-bar{border-radius:var(--radius-full);max-width:680px;font-family:var(--font-mono);background:#ffffff0d;border:1px solid #ffffff1f;flex:1;align-items:center;gap:8px;margin:0 auto;padding:6px 14px;font-size:.85rem;display:flex}.browser-padlock{color:#10b981}.browser-url-text{color:#fff;font-weight:600}.browser-content-frame{-webkit-overflow-scrolling:touch;background:#000;flex:1;height:calc(100vh - 52px);min-height:0;padding:0;overflow:hidden scroll}.ai-topbar-btn{color:#fff;letter-spacing:-.01em;transition:all var(--transition-fast);background:linear-gradient(135deg,#ffffff26 0%,#ffffff0d 100%);border:1px solid #ffffff40;font-weight:700;position:relative;overflow:hidden}.ai-topbar-btn:hover{background:linear-gradient(135deg,#ffffff40 0%,#ffffff1a 100%);border-color:#fff;transform:translateY(-1px);box-shadow:0 0 16px #ffffff40}.ai-sparkle-anim{color:#fff;animation:2s ease-in-out infinite pulseGlow}.ai-drawer-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:150;background:#000000a6;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.ai-drawer-panel{background:#09090b;border-left:1px solid #ffffff26;flex-direction:column;width:100%;max-width:480px;height:100vh;animation:.25s cubic-bezier(.16,1,.3,1) slideLeft;display:flex;box-shadow:-8px 0 32px #000c}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.aip-integrated{z-index:30;background:#09090b;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:420px;min-width:380px;max-width:420px;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) aipSlideIn;display:flex}@keyframes aipSlideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.aip-header{background:#050508;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.aip-brand{align-items:center;gap:8px;display:flex}.aip-logo{color:#000;background:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;box-shadow:0 0 10px #fff3}.aip-title{color:#fff;letter-spacing:-.02em;font-size:.88rem;font-weight:900}.aip-model-select{color:#a1a1aa;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:5px;align-items:center;gap:4px;padding:2px 6px;display:flex}.aip-model-select select{color:#d4d4d8;cursor:pointer;background:0 0;border:none;outline:none;max-width:100px;font-size:.7rem;font-weight:600}.aip-model-select select option{color:#fff;background:#121215}.aip-actions{align-items:center;gap:4px;display:flex}.aip-btn{color:#71717a;cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);background:0 0;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative}.aip-btn:hover{color:#fff;background:#ffffff14;border-color:#fff3}.aip-btn.active{color:#fff;background:#ffffff1f;border-color:#ffffff4d}.aip-badge{color:#000;text-align:center;background:#fff;border-radius:8px;min-width:14px;padding:0 4px;font-size:.58rem;font-weight:900;line-height:1.3;position:absolute;top:-4px;right:-4px}.aip-btn-sm{color:#a1a1aa;cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;font-weight:600;display:flex}.aip-btn-sm:hover{color:#fff;background:#ffffff1f}.aip-btn-ghost{color:#52525b;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:3px;display:flex}.aip-btn-ghost:hover{color:#ef4444}.aip-history{background:#0a0a0e;border-bottom:1px solid #ffffff1a;flex-shrink:0;max-height:200px;padding:10px 14px;animation:.15s ease-out slideDown;overflow-y:auto}.aip-history-title{color:#71717a;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.7rem;font-weight:800;display:flex}.aip-history-list{flex-direction:column;gap:4px;display:flex}.aip-history-item{cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.aip-history-item:hover{background:#ffffff12}.aip-history-item.active{background:#ffffff1a;border-color:#ffffff40}.aip-history-item-info{color:#a1a1aa;align-items:center;gap:6px;display:flex;overflow:hidden}.aip-history-item-title{color:#e4e4e7;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:600;overflow:hidden}.aip-history-item.active .aip-history-item-title{color:#fff;font-weight:800}.aip-history-item-meta{color:#52525b;flex-shrink:0;align-items:center;gap:6px;font-size:.65rem;display:flex}.aip-tag{color:#000;background:#fff;border-radius:3px;padding:1px 5px;font-size:.56rem;font-weight:800}.aip-messages{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px;display:flex;overflow-y:auto}.aip-msg{flex-direction:column;max-width:100%;display:flex}.aip-msg.user{align-items:flex-end}.aip-msg.assistant{align-items:flex-start}.aip-msg-sender{color:#52525b;align-items:center;gap:4px;margin-bottom:3px;font-size:.68rem;font-weight:700;display:flex}.aip-msg.assistant .aip-msg-sender{color:#a1a1aa}.aip-msg.assistant .aip-msg-sender svg{color:#fff}.aip-msg-bubble{word-break:break-word;border-radius:12px;max-width:94%;padding:10px 13px;font-size:.82rem;line-height:1.55}.aip-msg-bubble.user{color:#fff;background:#18181b;border:1px solid #ffffff29;border-radius:12px 12px 2px;box-shadow:0 2px 8px #0000004d}.aip-msg-bubble.assistant{color:#e4e4e7;background:#0f0f13;border:1px solid #ffffff14;border-radius:12px 12px 12px 2px}.aip-typing{align-items:center;gap:4px;padding:4px 0;display:flex}.aip-typing span{background:#fff;border-radius:50%;width:6px;height:6px;animation:1s infinite pulseGlow}.aip-typing span:nth-child(2){opacity:.7;animation-delay:.2s}.aip-typing span:nth-child(3){opacity:.5;animation-delay:.4s}.aip-tools{border-top:1px solid #ffffff14;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;display:flex}.aip-tool-badge{background:#ffffff0a;border:1px solid #ffffff14;border-radius:5px;align-items:center;gap:5px;padding:4px 8px;font-size:.7rem;display:flex}.aip-tool-icon{color:#34d399;flex-shrink:0}.aip-tool-name{font-family:var(--font-mono);color:#fff;font-weight:700}.aip-tool-result{color:#71717a}.aip-suggestions{background:#060609;border-top:1px solid #ffffff0f;flex-wrap:wrap;flex-shrink:0;gap:6px;padding:8px 14px;display:flex}.aip-suggestion-chip{color:#a1a1aa;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:500}.aip-suggestion-chip:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.aip-input-area{background:#050508;border-top:1px solid #ffffff1a;flex-shrink:0;padding:10px 14px}.aip-input-box{transition:border-color var(--transition-fast);background:#121216;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex;box-shadow:0 2px 12px #0006}.aip-input-box:focus-within{border-color:#ffffff4d;box-shadow:0 2px 16px #00000080,0 0 0 1px #ffffff1a}.aip-input-box textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;max-height:80px;padding:2px 0;font-family:inherit;font-size:.84rem;line-height:1.4}.aip-send-btn{color:#52525b;cursor:not-allowed;width:30px;height:30px;transition:all var(--transition-fast);background:#ffffff14;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.aip-send-btn.active{color:#000;cursor:pointer;background:#fff;box-shadow:0 0 8px #fff3}.aip-send-btn.active:hover{background:#e4e4e7}.aip-input-hint{color:#3f3f46;justify-content:center;margin-top:5px;font-size:.64rem;display:flex}.aip-input-hint strong{color:#52525b}.topbar-toggle-btn{color:#71717a;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:.74rem;font-weight:600;display:flex}.topbar-toggle-btn:hover{color:#a1a1aa;background:#ffffff0d;border-color:#ffffff26}.topbar-toggle-btn.active{color:#fff;background:#ffffff1a;border-color:#ffffff40}.topbar-toggle-btn.active.primary{color:#000;background:#fff;border-color:#fff;font-weight:800;box-shadow:0 0 12px #fff3}.ai-formatted-markdown{word-break:break-word;font-size:.83rem;line-height:1.6}.ai-formatted-markdown p{margin:0 0 8px}.ai-formatted-markdown p:last-child{margin-bottom:0}.ai-formatted-markdown strong,.ai-formatted-markdown b{color:#fff;letter-spacing:-.01em;font-weight:700}.user-markdown strong,.user-markdown b{color:#000;font-weight:800}.ai-formatted-markdown u,.ai-formatted-markdown ins{text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.assistant-markdown u,.assistant-markdown ins{color:#fff;text-decoration-color:#fff}.user-markdown u,.user-markdown ins{color:#000;text-decoration-color:#000}.ai-formatted-markdown em,.ai-formatted-markdown i{color:#e4e4e7;font-style:italic}.user-markdown em,.user-markdown i{color:#27272a}.ai-formatted-markdown del,.ai-formatted-markdown s{opacity:.65;text-decoration:line-through}.assistant-markdown code{font-family:var(--font-mono);color:#f4f4f5;background:#ffffff1f;border:1px solid #ffffff26;border-radius:4px;padding:1.5px 6px;font-size:.8em}.user-markdown code{font-family:var(--font-mono);color:#09090b;background:#0000001a;border:1px solid #0003;border-radius:4px;padding:1px 5px;font-size:.8em}.assistant-markdown pre{font-family:var(--font-mono);background:#000;border:1px solid #ffffff2e;border-radius:8px;margin:10px 0;padding:12px 14px;font-size:.78rem;line-height:1.5;overflow-x:auto;box-shadow:0 4px 12px #00000080}.assistant-markdown pre code{color:#f4f4f5;font-size:inherit;background:0 0;border:none;padding:0;display:block}.ai-formatted-markdown ul{margin:6px 0 8px 20px;padding:0;list-style-type:disc}.ai-formatted-markdown ol{margin:6px 0 8px 20px;padding:0;list-style-type:decimal}.ai-formatted-markdown li{margin-bottom:4px;line-height:1.5}.assistant-markdown li{color:#d4d4d8}.user-markdown li{color:#18181b}.ai-formatted-markdown h1,.ai-formatted-markdown h2,.ai-formatted-markdown h3,.ai-formatted-markdown h4{margin:10px 0 4px;font-weight:800;line-height:1.3}.assistant-markdown h1,.assistant-markdown h2,.assistant-markdown h3,.assistant-markdown h4{color:#fff}.user-markdown h1,.user-markdown h2,.user-markdown h3,.user-markdown h4{color:#000}.ai-formatted-markdown h1{font-size:1.15rem}.ai-formatted-markdown h2{font-size:1.05rem}.ai-formatted-markdown h3{font-size:.95rem}.ai-formatted-markdown h4{font-size:.88rem}.assistant-markdown blockquote{color:#a1a1aa;background:#ffffff0a;border-left:3px solid #fff;border-radius:0 6px 6px 0;margin:8px 0;padding:6px 12px;font-style:italic}.user-markdown blockquote{color:#3f3f46;background:#0000000d;border-left:3px solid #000;border-radius:0 6px 6px 0;margin:8px 0;padding:6px 12px;font-style:italic}.assistant-markdown a{color:#60a5fa;text-underline-offset:2px;transition:color var(--transition-fast);font-weight:600;text-decoration:underline}.assistant-markdown a:hover{color:#93c5fd}.user-markdown a{color:#2563eb;font-weight:700;text-decoration:underline}.ai-formatted-markdown hr{border:none;border-top:1px solid #ffffff26;margin:12px 0}.assistant-markdown table{border-collapse:collapse;width:100%;margin:8px 0;font-size:.76rem}.assistant-markdown th,.assistant-markdown td{text-align:left;border:1px solid #ffffff26;padding:5px 8px}.assistant-markdown th{color:#fff;background:#ffffff14;font-weight:700}.ai-stream-cursor{color:#fff;margin-left:2px;font-size:.95em;font-weight:900;line-height:1;animation:.75s ease-in-out infinite streamBlink;display:inline-block}@keyframes streamBlink{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:0;transform:scaleY(.7)}}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.35}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal-visible{opacity:1;transform:translateY(0)}.landing{background:var(--bg-app);min-height:100vh;color:var(--text-main);font-family:var(--font-sans);overflow-x:hidden}.landing *{box-sizing:border-box}.landing-container{width:min(1180px,92vw);margin:0 auto}.znav{z-index:100;-webkit-backdrop-filter:blur(14px);transition:border-color var(--transition-normal), background var(--transition-normal);background:#0000008c;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.znav.scrolled{border-bottom-color:var(--border-subtle);background:#000000c7}.znav-inner{justify-content:space-between;align-items:center;gap:16px;width:min(1180px,92vw);height:64px;margin:0 auto;display:flex}.znav-logo{font-family:var(--font-heading);letter-spacing:.08em;color:var(--text-main);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.znav-logo .zmark{background:#fff;border-radius:3px;width:10px;height:10px;animation:3s ease-in-out infinite zmark-pulse;display:inline-block;transform:rotate(45deg);box-shadow:0 0 12px #ffffffb3}@keyframes zmark-pulse{0%,to{box-shadow:0 0 8px #fff6}50%{box-shadow:0 0 20px #ffffffe6}}.znav-links{align-items:center;gap:26px;display:flex}.znav-link{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);font-size:.88rem;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;padding:6px 2px;position:relative}.znav-link:after{content:"";background:#fff;width:0;height:1.5px;transition:width .25s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0}.znav-link:hover{color:#fff}.znav-link:hover:after{width:100%}.znav-right{align-items:center;gap:14px;display:flex}.lang-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:#ffffff0a;display:inline-flex;overflow:hidden}.lang-toggle button{color:var(--text-dim);letter-spacing:.06em;cursor:pointer;transition:all var(--transition-fast);font-size:.72rem;font-weight:800;font-family:var(--font-sans);background:0 0;border:none;padding:6px 11px}.lang-toggle button.active{color:#000;background:#fff}.zbtn{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;font-weight:800;text-decoration:none;display:inline-flex}.zbtn-primary{color:#000;letter-spacing:.04em;background:#fff;padding:12px 26px;font-size:.95rem;box-shadow:0 0 #fff0}.zbtn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffffff40}.zbtn-primary:active{transform:translateY(0)}.zbtn-ghost{color:#fff;border:1px solid var(--border-medium);background:#ffffff0d;padding:12px 24px;font-size:.92rem}.zbtn-ghost:hover{border-color:var(--border-highlight);background:#ffffff1f;transform:translateY(-2px)}.zbtn-sm{padding:9px 18px;font-size:.82rem}.zbtn-xl{letter-spacing:.07em;padding:17px 38px;font-size:1.06rem}.hero{isolation:isolate;padding:158px 0 90px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:52px 52px;animation:26s linear infinite grid-drift;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(70% 60% at 50% 38%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 38%,#000 30%,#0000 75%)}@keyframes grid-drift{0%{transform:translate(0)}to{transform:translate(52px,52px)}}.hero-orb{filter:blur(90px);opacity:.5;border-radius:50%;animation:14s ease-in-out infinite orb-float;position:absolute}.hero-orb.a{background:radial-gradient(circle,#ffffff38,#0000 65%);width:420px;height:420px;top:-140px;left:auto;right:4%}.hero-orb.b{background:radial-gradient(circle,#a855f724,#0000 65%);width:360px;height:360px;animation-delay:-7s;bottom:-60px;right:4%}@keyframes orb-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-24px)scale(1.06)}}.hero-inner{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}.hero-title{font-family:var(--font-heading);letter-spacing:-.035em;margin-bottom:24px;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:800;line-height:1.02;animation:.8s cubic-bezier(.22,1,.36,1) .1s both fadeUp}.hero-title .muted{background:linear-gradient(135deg,#e4e4e7 0%,#8b8b93 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-muted);max-width:520px;margin-bottom:34px;font-size:1.1rem;line-height:1.65;animation:.8s cubic-bezier(.22,1,.36,1) .2s both fadeUp}.hero-ctas{flex-wrap:wrap;align-items:center;gap:14px;animation:.8s cubic-bezier(.22,1,.36,1) .3s both fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.mock-window{border:1px solid var(--border-medium);border-radius:var(--radius-xl);background:linear-gradient(#101013 0%,#0a0a0c 100%);animation:1s cubic-bezier(.22,1,.36,1) .25s both mock-in,7s ease-in-out 1.4s infinite mock-float;position:relative;overflow:hidden;box-shadow:0 40px 90px -20px #000000e6,0 0 60px #ffffff0d}@keyframes mock-in{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mock-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mock-titlebar{border-bottom:1px solid var(--border-subtle);background:#ffffff08;align-items:center;gap:10px;padding:12px 16px;display:flex}.mock-dots{gap:6px;display:flex}.mock-dots span{background:#ffffff2e;border-radius:50%;width:10px;height:10px}.mock-url{text-align:center;font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:#ffffff0d;flex:1;max-width:240px;margin:0 auto;padding:5px 14px;font-size:.7rem}.mock-canvas{flex-direction:column;gap:12px;min-height:300px;padding:22px;display:flex}.mock-block{border:1px solid var(--border-subtle);border-radius:var(--radius-md);opacity:0;background:#ffffff0a;animation:.7s cubic-bezier(.22,1,.36,1) both block-drop,9s ease-in-out infinite block-ghost}.mock-block.b1{width:62%;height:44px;animation-delay:.9s}.mock-block.b2{width:100%;height:74px;animation-delay:1.25s}.mock-block.b3{width:46%;height:40px;animation-delay:1.6s}.mock-block.b4{width:78%;height:56px;animation-delay:1.95s}.mock-block.b5{width:34%;height:36px;animation-delay:2.3s}.mock-block .line{background:#ffffff24;border-radius:4px;flex:none;align-self:center;height:8px;margin:0 14px}.mock-block.b2 .line:first-child{background:#ffffff4d;width:45%}@keyframes block-drop{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes block-ghost{0%,55%{opacity:1}62%{opacity:0;transform:translateY(10px)scale(.98)}72%{opacity:0}88%{opacity:1;transform:translateY(0)scale(1)}to{opacity:1}}.mock-cursor{pointer-events:none;filter:drop-shadow(0 0 6px #fff9);width:18px;height:18px;animation:7s cubic-bezier(.45,0,.55,1) 1.6s infinite cursor-path;position:absolute;top:40%;right:18%}.mock-cursor:before{content:"";clip-path:polygon(0 0,100% 38%,42% 46%,38% 100%);background:#fff;position:absolute;inset:0}@keyframes cursor-path{0%{opacity:0;transform:translate(0)}8%{opacity:1}30%{transform:translate(-70px,44px)}55%{transform:translate(30px,-20px)}80%{transform:translate(-40px,60px)}92%{opacity:1}to{opacity:0;transform:translate(0)}}.marquee-zone{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#ffffff04;padding:26px 0 10px;overflow:hidden}.marquee{-webkit-user-select:none;user-select:none;gap:0;display:flex;overflow:hidden}.marquee+.marquee{margin-top:14px}.marquee-track{flex-shrink:0;align-items:center;gap:44px;padding-right:44px;animation:30s linear infinite marquee-scroll;display:flex}.marquee.reverse .marquee-track{animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.marquee-item{font-family:var(--font-heading);letter-spacing:.14em;color:#ffffff8c;white-space:nowrap;align-items:center;gap:44px;font-size:1.15rem;font-weight:800;display:inline-flex}.marquee-item:after{content:"◆";color:#ffffff40;font-size:.6rem}.zsection{padding:110px 0;position:relative}.zsection-head{max-width:640px;margin-bottom:56px}.zeyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:10px;margin-bottom:14px;font-size:.74rem;font-weight:800;display:flex}.zeyebrow:before{content:"";background:#fff6;width:22px;height:1px}.zsection-title{font-family:var(--font-heading);letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:800;line-height:1.1}.zsection-sub{color:var(--text-muted);font-size:1.02rem;line-height:1.6}.features-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);background:linear-gradient(#ffffff0b 0%,#ffffff04 100%);padding:28px 24px;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;height:1px;transition:opacity var(--transition-normal);background:linear-gradient(90deg,#0000,#ffffff73,#0000);position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--border-medium);transform:translateY(-5px);box-shadow:0 20px 50px -18px #000000e6}.feature-card:hover:before{opacity:1}.feature-icon{border-radius:var(--radius-md);border:1px solid var(--border-medium);color:#fff;width:42px;height:42px;transition:box-shadow var(--transition-normal), transform var(--transition-normal);background:#ffffff0f;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.feature-card:hover .feature-icon{transform:scale(1.05);box-shadow:0 0 22px #ffffff2e}.feature-title{font-family:var(--font-heading);margin-bottom:8px;font-size:1.12rem;font-weight:700}.feature-text{color:var(--text-muted);font-size:.92rem;line-height:1.6}.tpl-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tpl-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-sidebar);cursor:pointer;transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);text-align:left;color:inherit;padding:0;font-family:inherit;overflow:hidden}.tpl-card:hover{border-color:var(--border-highlight);transform:translateY(-5px);box-shadow:0 24px 60px -20px #000000f2}.tpl-preview{align-items:flex-end;height:168px;padding:16px;display:flex;position:relative;overflow:hidden}.tpl-preview:after{content:"";background:linear-gradient(#0000 40%,#000000a6);position:absolute;inset:0}.tpl-chip{z-index:1;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border-subtle);color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;padding:5px 11px;font-size:.68rem;font-weight:800;position:relative}.tpl-skel{z-index:0;flex-direction:column;gap:8px;transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:16px 16px 44px}.tpl-card:hover .tpl-skel{transform:translateY(-6px)scale(1.02)}.tpl-skel span{background:#ffffff47;border-radius:6px;display:block}.tpl-skel .w60{background:#ffffff8c;width:60%;height:12px}.tpl-skel .w90{width:90%;height:8px}.tpl-skel .w40{width:40%;height:8px}.tpl-meta{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.tpl-name{font-weight:700;font-family:var(--font-heading);font-size:1rem}.tpl-use{color:var(--text-muted);transition:color var(--transition-fast), transform var(--transition-fast);font-size:.78rem;font-weight:600;display:inline-block}.tpl-card:hover .tpl-use{color:#fff;transform:translate(4px)}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-normal), transform var(--transition-normal);background:#ffffff05;padding:30px 26px;position:relative;overflow:hidden}.step-card:hover{border-color:var(--border-medium);transform:translateY(-4px)}.step-num{font-family:var(--font-heading);color:#0000;-webkit-text-stroke:1.5px #ffffff38;margin-bottom:18px;font-size:4.6rem;font-weight:800;line-height:1;display:block}.step-title{font-family:var(--font-heading);margin-bottom:8px;font-size:1.15rem;font-weight:700}.step-text{color:var(--text-muted);font-size:.92rem;line-height:1.6}.step-card .step-line{background:linear-gradient(90deg,#fff,#0000);width:0;height:2px;transition:width .6s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0}.step-card:hover .step-line{width:100%}.faq-list{max-width:760px}.faq-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);background:#ffffff05;margin-bottom:12px;overflow:hidden}.faq-item[open]{border-color:var(--border-medium)}.faq-item summary{cursor:pointer;font-weight:700;font-family:var(--font-heading);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:1rem;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .chev{border:1px solid var(--border-medium);width:22px;height:22px;color:var(--text-muted);transition:transform .3s cubic-bezier(.22, 1, .36, 1), background var(--transition-fast), color var(--transition-fast);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.75rem;display:flex}.faq-item[open] summary .chev{color:#000;background:#fff;border-color:#fff;transform:rotate(45deg)}.faq-answer{color:var(--text-muted);padding:0 22px 20px;font-size:.94rem;line-height:1.7;animation:.35s cubic-bezier(.22,1,.36,1) faq-open}@keyframes faq-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.zcta{text-align:center;border-top:1px solid var(--border-subtle);padding:120px 0;position:relative;overflow:hidden}.zcta-bg{background:radial-gradient(55% 60% at 50% 110%,#ffffff1f,#0000 70%),radial-gradient(40% 40% at 50% -10%,#ffffff0d,#0000 70%);position:absolute;inset:0}.zcta-inner{z-index:1;position:relative}.zcta-title{font-family:var(--font-heading);letter-spacing:-.035em;margin-bottom:16px;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800}.zcta-sub{color:var(--text-muted);margin-bottom:36px;font-size:1.08rem}.zfooter{border-top:1px solid var(--border-subtle);background:#050506;padding:44px 0 36px}.zfooter-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.zfooter-brand{max-width:300px}.zfooter-tagline{color:var(--text-dim);margin-top:10px;font-size:.88rem;line-height:1.6}.zfooter-links{flex-wrap:wrap;gap:22px;display:flex}.zfooter-link{color:var(--text-muted);cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-sans);transition:color var(--transition-fast);background:0 0;border:none;padding:0}.zfooter-link:hover{color:#fff}.zfooter-bottom{color:var(--text-dim);border-top:1px solid #ffffff0d;margin-top:34px;padding-top:20px;font-size:.78rem}@media (width<=960px){.hero-inner{grid-template-columns:1fr;gap:44px}.hero{padding-top:130px}.features-grid,.tpl-grid,.steps{grid-template-columns:repeat(2,1fr)}.znav-links{display:none}}@media (width<=620px){.features-grid,.tpl-grid,.steps{grid-template-columns:1fr}.hero-ctas .zbtn{width:100%}.znav-right .zbtn{display:none}.zsection{padding:80px 0}.legal-toc{display:none}}@media (prefers-reduced-motion:reduce){.landing *,.legal-page *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.legal-page{background:var(--bg-app);min-height:100vh;color:var(--text-main);font-family:var(--font-sans)}.legal-shell{max-width:1080px;margin:0 auto;padding:0 24px 96px}.legal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:20px 0 28px;display:flex}.legal-back{color:var(--text-muted);transition:color var(--transition-fast);font-size:.85rem;text-decoration:none}.legal-back:hover{color:var(--text-main)}.legal-lang-toggle{border:1px solid var(--border-medium);border-radius:var(--radius-full);display:inline-flex;overflow:hidden}.legal-lang-toggle button{letter-spacing:.06em;color:var(--text-dim);cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-mono);transition:all var(--transition-fast);background:0 0;border:none;padding:6px 14px}.legal-lang-toggle button+button{border-left:1px solid var(--border-subtle)}.legal-lang-toggle button.active{background:var(--primary);color:var(--primary-text)}.legal-lang-toggle button:not(.active):hover{color:var(--text-main)}.legal-layout{align-items:flex-start;gap:56px;padding-top:48px;display:flex}.legal-main{flex:1;min-width:0;max-width:68ch}.legal-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px;font-size:.7rem}.legal-title{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;line-height:1.15}.legal-updated{color:var(--text-dim);margin-bottom:36px;font-size:.85rem}.legal-intro{color:var(--text-muted);margin-bottom:40px;font-size:1rem;line-height:1.75}.legal-section{border-top:1px solid var(--border-subtle);margin-top:32px;padding-top:32px;scroll-margin-top:32px}.legal-section h2{font-family:var(--font-heading);letter-spacing:-.01em;margin-bottom:16px;font-size:1.2rem;font-weight:600}.legal-section h2 .sec-num{font-family:var(--font-mono);color:var(--text-dim);margin-right:10px;font-size:.75rem;font-weight:400}.legal-section p{color:var(--text-muted);margin-bottom:14px;font-size:.95rem;line-height:1.8}.legal-section p:last-child{margin-bottom:0}.legal-section strong{color:var(--text-main);font-weight:600}.legal-section a{color:var(--text-main);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-medium);text-decoration-color:var(--border-medium)}.legal-section a:hover{-webkit-text-decoration-color:var(--border-highlight);text-decoration-color:var(--border-highlight)}.legal-code{font-family:var(--font-mono);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-main);white-space:nowrap;padding:1px 6px;font-size:.82em}.legal-toc{flex-shrink:0;width:220px;display:none;position:sticky;top:40px}.legal-toc-title{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px;font-size:.65rem}.legal-toc a{color:var(--text-dim);border-left:1px solid var(--border-subtle);transition:all var(--transition-fast);padding:5px 0 5px 14px;font-size:.8rem;line-height:1.4;text-decoration:none;display:block}.legal-toc a:hover,.legal-toc a.active{color:var(--text-main);border-left-color:var(--border-highlight)}.legal-footer{border-top:1px solid var(--border-subtle);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:64px;padding-top:24px;font-size:.8rem;display:flex}@media (width>=960px){.legal-toc{display:block}}@media (width<=640px){.legal-shell{padding:0 18px 72px}.legal-layout{padding-top:32px}.legal-section p{font-size:.92rem}}