:root{--bg-darkest: #0a0a0e;--bg-dark: #111116;--bg-panel: #1a1a1f;--bg-surface: #222228;--bg-hover: #2a2a32;--bg-active: #32323c;--border: #2a2a32;--border-light: #3a3a44;--text: #e4e4e7;--text-muted: #a1a1aa;--text-dim: #71717a;--text-faint: #52525b;--accent: #10b981;--accent-hover: #059669;--accent-dim: #064e3b;--danger: #f87171;--success: #4ade80;--warning: #fbbf24;--canvas-bg: #18181e;--selection: #10b981;--handle-size: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:auto;background:var(--bg-darkest);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased}.atelier-app{display:grid;grid-template-columns:48px 240px 1fr 280px;grid-template-rows:44px 1fr 32px;grid-template-areas:"toolbar topbar topbar topbar" "toolbar layers canvas properties" "toolbar status status status";width:100vw;height:100vh;overflow:hidden}.topbar{grid-area:topbar;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--bg-dark);border-bottom:1px solid var(--border);z-index:10}.topbar-back{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--text-dim);text-decoration:none;transition:all .15s;margin-right:4px}.topbar-back:hover{background:var(--bg-hover);color:var(--accent)}.topbar-back svg{width:16px;height:16px}.topbar-logo{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:var(--accent);padding-right:12px;border-right:1px solid var(--border);margin-right:4px;cursor:default;-webkit-user-select:none;user-select:none}.topbar-logo svg{width:20px;height:20px}.topbar-separator{width:1px;height:20px;background:var(--border);margin:0 4px}.topbar-filename{font-size:13px;font-weight:500;color:var(--text);padding:4px 8px;border-radius:4px;border:1px solid transparent;background:transparent;cursor:text;min-width:80px;outline:none}.topbar-filename:hover{border-color:var(--border)}.topbar-filename:focus{border-color:var(--accent);background:var(--bg-panel)}.topbar-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.topbar-btn{display:flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 10px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.topbar-btn:hover{background:var(--bg-hover);color:var(--text)}.topbar-btn.active{background:var(--accent-dim);color:var(--accent)}.topbar-btn svg{width:16px;height:16px}.topbar-btn.icon-only{width:30px;padding:0}.topbar-btn.primary{background:var(--accent);color:#fff}.topbar-btn.primary:hover{background:var(--accent-hover)}.ai-btn{background:linear-gradient(135deg,#818cf8,#a78bfa,#c084fc);color:#fff!important;font-weight:600;padding:0 14px;gap:6px;overflow:hidden}.ai-btn:hover{filter:brightness(1.1);background:linear-gradient(135deg,#818cf8,#a78bfa,#c084fc)!important}.toolbar{grid-area:toolbar;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:2px;background:var(--bg-dark);border-right:1px solid var(--border);z-index:10}.tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s;position:relative}.tool-btn:hover{background:var(--bg-hover);color:var(--text)}.tool-btn.active{background:var(--accent-dim);color:var(--accent)}.tool-btn svg{width:18px;height:18px}.toolbar-divider{width:24px;height:1px;background:var(--border);margin:4px 0}.tool-tooltip{position:absolute;left:48px;top:50%;transform:translateY(-50%);background:var(--bg-surface);color:var(--text);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:100;border:1px solid var(--border)}.tool-btn:hover .tool-tooltip{opacity:1}.tool-shortcut{color:var(--text-dim);margin-left:8px;font-size:11px}.layers-panel{grid-area:layers;display:flex;flex-direction:column;background:var(--bg-dark);border-right:1px solid var(--border);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.panel-actions{display:flex;gap:2px}.panel-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--text-dim);cursor:pointer;transition:all .15s}.panel-action-btn:hover{background:var(--bg-hover);color:var(--text)}.panel-action-btn svg{width:14px;height:14px}.layers-list{flex:1;overflow-y:auto;padding:4px}.layers-list::-webkit-scrollbar{width:6px}.layers-list::-webkit-scrollbar-track{background:transparent}.layers-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.layer-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .1s;-webkit-user-select:none;user-select:none}.layer-item:hover{background:var(--bg-hover)}.layer-item.selected{background:var(--accent-dim)}.layer-item.hovered{outline:1px solid var(--accent);outline-offset:-1px}.layer-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.layer-icon svg{width:14px;height:14px}.layer-name{flex:1;font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-name-input{flex:1;font-size:12px;color:var(--text);background:var(--bg-surface);border:1px solid var(--accent);border-radius:3px;padding:1px 4px;outline:none}.layer-visibility{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;border-radius:3px;background:transparent;color:var(--text-dim);cursor:pointer;opacity:0;transition:all .1s}.layer-item:hover .layer-visibility,.layer-visibility.hidden{opacity:1}.layer-visibility.hidden{color:var(--text-faint)}.layer-visibility svg{width:14px;height:14px}.layers-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-dim);text-align:center;gap:8px}.layers-empty svg{width:32px;height:32px;color:var(--text-faint);margin-bottom:4px}.layers-empty-text{font-size:12px;line-height:1.5}.properties-panel{grid-area:properties;display:flex;flex-direction:column;background:var(--bg-dark);border-left:1px solid var(--border);overflow-y:auto;overflow-x:hidden}.properties-panel::-webkit-scrollbar{width:6px}.properties-panel::-webkit-scrollbar-track{background:transparent}.properties-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.props-section{padding:10px;border-bottom:1px solid var(--border)}.props-section-title{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.props-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.props-row:last-child{margin-bottom:0}.props-label{font-size:11px;color:var(--text-dim);min-width:20px;text-align:right;flex-shrink:0}.props-input{flex:1;min-width:0;height:28px;padding:0 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);color:var(--text);font-size:12px;font-family:SF Mono,Fira Code,monospace;outline:none;transition:border-color .15s}.props-input:focus{border-color:var(--accent)}.props-input:hover:not(:focus){border-color:var(--border-light)}.props-input-sm{width:60px;flex:none}.props-color-swatch{width:28px;height:28px;border-radius:6px;border:2px solid var(--border);cursor:pointer;flex-shrink:0;transition:border-color .15s}.props-color-swatch:hover{border-color:var(--text-dim)}.props-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none}.props-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-dark)}.props-slider-value{font-size:11px;color:var(--text-dim);font-family:SF Mono,Fira Code,monospace;min-width:32px;text-align:right}.props-select{flex:1;min-width:0;height:28px;padding:0 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);color:var(--text);font-size:12px;outline:none;cursor:pointer}.props-role-hint{font-size:10px;color:var(--accent);padding:4px 0 0 26px;opacity:.8}.props-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-dim);text-align:center;gap:8px}.props-empty svg{width:32px;height:32px;color:var(--text-faint)}.align-buttons{display:flex;gap:2px}.align-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);color:var(--text-dim);cursor:pointer;transition:all .15s}.align-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-light)}.align-btn svg{width:14px;height:14px}.props-btn-row{display:flex;gap:4px;margin-top:4px}.props-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);color:var(--text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;overflow:hidden}.props-btn svg{width:13px;height:13px;flex-shrink:0}.props-btn:hover{background:var(--bg-hover);color:var(--text)}.props-btn.danger:hover{background:#f8717126;color:var(--danger);border-color:#f871714d}.canvas-area{grid-area:canvas;position:relative;overflow:hidden;background:var(--canvas-bg);cursor:crosshair}.canvas-area.tool-select{cursor:default}.canvas-area.tool-hand{cursor:grab}.canvas-area.tool-hand.panning{cursor:grabbing}.canvas-area.tool-text{cursor:text}.canvas-svg{width:100%;height:100%;position:absolute;top:0;left:0}.grid-pattern{opacity:.3}.design-element{cursor:move;transition:filter .1s}.design-element:hover{filter:brightness(1.05)}.design-element.locked{cursor:not-allowed}.selection-box{fill:none;stroke:var(--selection);stroke-width:1.5;stroke-dasharray:none;pointer-events:none}.selection-handle{fill:#fff;stroke:var(--selection);stroke-width:1.5;cursor:nwse-resize}.selection-handle.top-left{cursor:nwse-resize}.selection-handle.top-right,.selection-handle.bottom-left{cursor:nesw-resize}.selection-handle.bottom-right{cursor:nwse-resize}.selection-handle.top,.selection-handle.bottom{cursor:ns-resize}.selection-handle.left,.selection-handle.right{cursor:ew-resize}.line-selection-outline{fill:none;stroke:var(--selection);stroke-width:3;pointer-events:none}.line-endpoint-handle{fill:#fff;stroke:var(--selection);stroke-width:1.5;cursor:crosshair}.line-endpoint-handle:hover{fill:var(--selection)}.hover-outline-line{fill:none;stroke:var(--accent);stroke-width:3;opacity:.5;pointer-events:none}.draw-preview-line{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:6 3}.marquee-rect{fill:#10b98114;stroke:var(--accent);stroke-width:1;stroke-dasharray:4 4}.draw-preview{fill:#10b98126;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:6 3}.hover-outline{fill:none;stroke:var(--accent);stroke-width:1;opacity:.5;pointer-events:none}.status-bar{grid-area:status;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--bg-dark);border-top:1px solid var(--border);font-size:11px;color:var(--text-dim);z-index:10}.status-left,.status-right{display:flex;align-items:center;gap:12px}.status-item{display:flex;align-items:center;gap:4px}.zoom-controls{display:flex;align-items:center;gap:2px}.zoom-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;background:transparent;color:var(--text-dim);cursor:pointer;font-size:14px;transition:all .1s}.zoom-btn:hover{background:var(--bg-hover);color:var(--text)}.zoom-value{min-width:40px;text-align:center;font-family:SF Mono,Fira Code,monospace;font-size:11px;cursor:pointer}.zoom-value:hover{color:var(--text)}.zoom-btn svg{width:14px;height:14px}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ai-modal{width:560px;background:var(--bg-dark);border:1px solid var(--border);border-radius:16px;overflow:hidden;animation:slideUp .2s ease-out;box-shadow:0 24px 80px #00000080}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ai-modal-header{display:flex;align-items:center;gap:10px;padding:20px 24px 16px}.ai-modal-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#10b981,#06b6d4);display:flex;align-items:center;justify-content:center}.ai-modal-icon svg{width:22px;height:22px;color:#fff}.ai-modal-title{font-size:18px;font-weight:600;color:var(--text)}.ai-modal-subtitle{font-size:13px;color:var(--text-dim)}.ai-modal-close{margin-left:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:var(--text-dim);cursor:pointer;transition:all .15s}.ai-modal-close:hover{background:var(--bg-hover);color:var(--text)}.ai-modal-body{padding:0 24px 20px}.ai-textarea{width:100%;height:120px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel);color:var(--text);font-size:14px;font-family:inherit;resize:none;outline:none;transition:border-color .15s;line-height:1.5}.ai-textarea:focus{border-color:var(--accent)}.ai-textarea::placeholder{color:var(--text-faint)}.ai-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.ai-suggestion{padding:6px 12px;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .15s}.ai-suggestion:hover{background:var(--bg-hover);color:var(--text);border-color:var(--accent)}.ai-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-panel)}.ai-footer-hint{font-size:12px;color:var(--text-faint)}.ai-generate-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.ai-generate-btn:hover{filter:brightness(1.1)}.ai-generate-btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.ai-generate-btn svg{width:16px;height:16px}.ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:16px}.ai-loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ai-loading-text{font-size:14px;color:var(--text-muted);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.export-modal{width:560px;background:var(--bg-dark);border:1px solid var(--border);border-radius:16px;overflow:hidden;animation:slideUp .2s ease-out;box-shadow:0 24px 80px #00000080}.export-modal-header{padding:20px 24px 16px;display:flex;align-items:center;justify-content:space-between}.export-modal-title{font-size:18px;font-weight:600;color:var(--text)}.export-tabs{display:flex;gap:2px;margin:0 24px 16px;padding:3px;background:var(--bg-panel);border-radius:8px}.export-tab{flex:1;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.export-tab:hover{color:var(--text);background:var(--bg-hover)}.export-tab.active{background:var(--accent-dim);color:var(--accent)}.export-preview-code pre{color:var(--text)!important;word-break:break-word}.export-token-bar{display:flex;align-items:center;gap:8px;margin:0 24px 12px}.export-token-toggle{height:28px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .15s}.export-token-toggle:hover{background:var(--bg-hover);color:var(--text)}.export-token-badge{font-size:11px;color:var(--success);background:#4ade801a;padding:2px 8px;border-radius:4px}.export-token-clear{height:24px;padding:0 8px;border:none;border-radius:4px;background:transparent;color:var(--text-dim);font-size:11px;cursor:pointer}.export-token-clear:hover{color:var(--danger)}.export-token-config{margin:0 24px 12px;display:flex;flex-direction:column;gap:8px}.export-token-textarea{width:100%;height:120px;padding:12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:12px;font-family:SF Mono,Fira Code,monospace;resize:vertical}.export-token-textarea::placeholder{color:var(--text-faint)}.export-token-message{font-size:12px;color:var(--success);padding:4px 0}.export-preview{margin:0 24px 20px;padding:20px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;max-height:300px;overflow:auto}.export-preview pre{font-size:11px;font-family:SF Mono,Fira Code,monospace;color:var(--text-muted);white-space:pre-wrap;word-break:break-all}.export-preview-live{padding:0;overflow:hidden}.export-preview-iframe{width:100%;height:300px;border:none;background:#f8fafc;border-radius:6px}.export-view-tabs{display:flex;gap:0;margin:0 24px 8px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.export-view-tab{flex:1;padding:6px 12px;font-size:11px;font-weight:500;background:transparent;border:none;color:var(--text-dim);cursor:pointer;transition:all .15s}.export-view-tab:hover{background:var(--bg-hover)}.export-view-tab.active{background:var(--accent);color:#fff}.export-modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border)}.export-btn{height:36px;padding:0 16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.export-btn:hover{background:var(--bg-hover)}.export-btn.primary{border:none;background:var(--accent);color:#fff}.export-btn.primary:hover{background:var(--accent-hover)}.context-menu{position:fixed;min-width:200px;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:4px;z-index:1000;box-shadow:0 8px 32px #0006;animation:fadeIn .1s ease-out}.context-menu-item{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border:none;border-radius:4px;background:transparent;color:var(--text);font-size:13px;cursor:pointer;transition:all .1s;width:100%;text-align:left}.context-menu-item:hover{background:var(--accent-dim);color:var(--accent)}.context-menu-item.danger:hover{background:#f8717126;color:var(--danger)}.context-menu-shortcut{font-size:12px;color:var(--text-faint);margin-left:24px}.context-menu-divider{height:1px;background:var(--border);margin:4px 8px}.onboarding-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.onboarding-card{background:var(--bg-dark);border:1px solid var(--border);border-radius:16px;padding:32px 40px;text-align:center;max-width:420px;pointer-events:auto;animation:slideUp .3s ease-out;box-shadow:0 16px 48px #0000004d}.onboarding-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:16px;background:linear-gradient(135deg,#10b981,#06b6d4);display:flex;align-items:center;justify-content:center}.onboarding-icon svg{width:32px;height:32px;color:#fff}.onboarding-title{font-size:22px;font-weight:700;color:var(--text);margin-bottom:8px}.onboarding-desc{font-size:14px;color:var(--text-dim);line-height:1.6;margin-bottom:24px}.onboarding-actions{display:flex;gap:10px;justify-content:center}.onboarding-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 20px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.onboarding-btn svg{width:16px;height:16px;flex-shrink:0}.onboarding-btn:hover{background:var(--bg-hover)}.onboarding-btn.primary{border:none;background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;font-weight:600}.onboarding-btn.primary:hover{filter:brightness(1.1)}.onboarding-shortcuts{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:6px;text-align:left}.shortcut-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim)}.shortcut-key{display:inline-block;padding:2px 6px;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;font-family:SF Mono,monospace;font-size:11px;color:var(--text-muted);min-width:20px;text-align:center}.color-picker-popup{position:fixed;right:292px;background:var(--bg-dark);border:1px solid var(--border);border-radius:12px;padding:16px;z-index:100;box-shadow:0 8px 32px #0006;width:240px}.color-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.color-picker-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.color-picker-native{width:100%;height:140px;border:none;border-radius:8px;cursor:pointer;padding:0;background:none}.color-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:12px}.color-swatch{width:24px;height:24px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .1s}.color-swatch:hover{border-color:var(--text);transform:scale(1.15)}.color-swatch.active{border-color:var(--accent)}.color-hex-input{width:100%;height:28px;margin-top:10px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);color:var(--text);font-size:12px;font-family:SF Mono,monospace;outline:none}.color-hex-input:focus{border-color:var(--accent)}.toast{position:fixed;bottom:48px;left:50%;transform:translate(-50%);padding:10px 20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;z-index:2000;animation:toastIn .3s ease-out;box-shadow:0 8px 24px #0006}@keyframes toastIn{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.api-key-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.api-key-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:28px;width:440px;max-width:90vw;box-shadow:0 24px 48px #0006}.api-key-header{margin-bottom:12px}.api-key-title{font-size:18px;font-weight:700;color:var(--text)}.api-key-desc{font-size:13px;color:var(--text-dim);line-height:1.5;margin:0 0 16px}.api-key-input{width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel);color:var(--text);font-size:14px;font-family:SF Mono,Fira Code,monospace;outline:none;margin-bottom:16px;box-sizing:border-box}.api-key-input:focus{border-color:var(--accent)}.api-key-actions{display:flex;gap:8px;justify-content:flex-end}.api-key-btn{height:36px;padding:0 16px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);font-size:13px;font-weight:500;cursor:pointer}.api-key-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.api-key-btn.danger{color:#f87171;border-color:#f87171;margin-right:auto}.multi-selection-info{padding:20px;text-align:center}.multi-count{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.multi-hint{font-size:12px;color:var(--text-dim)}.ai-prompt-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:min(640px,calc(100% - 32px));z-index:20;animation:slideUp .3s ease-out}.ai-prompt-bar-inner{display:flex;align-items:flex-end;gap:8px;padding:10px 12px 10px 16px;background:#1a1a36d9;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(16,185,129,.2);border-radius:16px;box-shadow:0 8px 32px #0006,0 0 0 1px #10b9810d;transition:border-color .2s}.ai-prompt-bar-inner:focus-within{border-color:#10b98166;box-shadow:0 8px 32px #0006,0 0 20px #10b98114}.ai-prompt-input{flex:1;min-height:24px;max-height:80px;padding:4px 0;border:none;background:transparent;color:var(--text);font-size:14px;font-family:inherit;resize:none;outline:none;line-height:1.5}.ai-prompt-input::placeholder{color:var(--text-faint)}.ai-prompt-bar-chips{display:flex;gap:6px;padding:0 4px 8px 16px}.ai-prompt-chip{padding:4px 12px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff0a;color:var(--text-dim);font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.ai-prompt-chip:hover{background:#10b9811a;border-color:#10b9814d;color:var(--accent)}.ai-prompt-send{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;cursor:pointer;transition:all .15s;flex-shrink:0}.ai-prompt-send:hover{filter:brightness(1.15);transform:scale(1.05)}.ai-prompt-send:disabled{opacity:.4;cursor:not-allowed;filter:none;transform:none}.ai-prompt-send svg{width:18px;height:18px}.ai-prompt-format-toggle{display:flex;align-items:center;gap:2px;padding:2px;background:#ffffff0f;border-radius:8px;flex-shrink:0}.format-toggle-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-dim);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.format-toggle-btn.active{background:#10b98133;color:var(--accent)}.format-toggle-btn svg{width:14px;height:14px}.ai-generating-overlay{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:12px;padding:12px 24px;background:#1a1a36e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(16,185,129,.3);border-radius:16px;box-shadow:0 8px 32px #0006;animation:slideUp .2s ease-out}.ai-generating-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:aiPulse 1.4s ease-in-out infinite}.ai-generating-dot:nth-child(2){animation-delay:.2s}.ai-generating-dot:nth-child(3){animation-delay:.4s}@keyframes aiPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.ai-generating-text{font-size:14px;color:var(--text-muted);font-weight:500}.projects-home{width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--bg-darkest);color:var(--text)}.projects-home::-webkit-scrollbar{width:8px}.projects-home::-webkit-scrollbar-track{background:transparent}.projects-home::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ph-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;position:sticky;top:0;z-index:100;background:#0a0a1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(42,42,74,.4)}.ph-nav-left{display:flex;align-items:center;gap:16px}.ph-nav-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--text);-webkit-user-select:none;user-select:none}.ph-nav-logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#10b981,#06b6d4);display:flex;align-items:center;justify-content:center}.ph-nav-logo-icon svg{width:20px;height:20px;color:#fff}.ph-nav-actions{display:flex;gap:8px}.ph-btn-primary{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.ph-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 20px #10b9814d}.ph-btn-primary svg{width:16px;height:16px}.ph-hero{padding:80px 40px 40px;text-align:center}.ph-hero-content{max-width:720px;margin:0 auto}.ph-hero-title{font-size:56px;font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--text);margin-bottom:16px}.ph-hero-accent{background:linear-gradient(135deg,#818cf8,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ph-hero-subtitle{font-size:18px;line-height:1.6;color:var(--text-dim);max-width:520px;margin:0 auto}.ph-content{max-width:1200px;margin:0 auto;padding:0 40px 80px}.ph-search-container{margin-bottom:40px}.ph-search{position:relative;max-width:480px}.ph-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-faint);pointer-events:none}.ph-search-icon svg{width:18px;height:18px}.ph-search-input{width:100%;height:44px;padding:0 16px 0 44px;border:1px solid var(--border);border-radius:12px;background:var(--bg-dark);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:all .2s}.ph-search-input:hover{border-color:var(--border-light)}.ph-search-input:focus{border-color:var(--accent);background:var(--bg-panel);box-shadow:0 0 0 3px #10b9811a}.ph-search-input::placeholder{color:var(--text-faint)}.ph-section{margin-bottom:48px}.ph-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ph-section-title{font-size:20px;font-weight:600;color:var(--text)}.ph-section-count{font-size:13px;color:var(--text-dim);margin-left:auto}.ph-org-settings-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;margin-left:12px}.ph-org-settings-btn:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.ph-org-settings-btn svg{width:14px;height:14px}.ph-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.ph-card{position:relative;background:var(--bg-dark);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s}.ph-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.ph-card-preview{height:160px;background:var(--bg-panel);padding:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ph-card-preview-inner{width:80%;height:80%;display:flex;flex-direction:column;gap:6px}.ph-card-preview-mock-1{height:12px;width:60%;background:var(--border);border-radius:4px}.ph-card-preview-mock-2{height:8px;width:80%;background:var(--border);border-radius:3px;opacity:.6}.ph-card-preview-mock-3{flex:1;background:var(--border);border-radius:6px;opacity:.3}.ph-card-info{padding:14px 16px}.ph-card-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.ph-card-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.ph-card-dot{width:3px;height:3px;border-radius:50%;background:var(--text-faint)}.ph-card-delete{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-dim);cursor:pointer;opacity:0;transition:all .15s}.ph-card:hover .ph-card-delete{opacity:1}.ph-card-delete:hover{background:#f871714d;color:var(--danger)}.ph-card-delete svg{width:14px;height:14px}.ph-card-new{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;border-style:dashed;border-width:2px;border-color:var(--border);background:transparent}.ph-card-new:hover{border-color:var(--accent);background:#10b9810d}.ph-card-new-icon{width:48px;height:48px;border-radius:14px;background:var(--bg-panel);display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:var(--text-dim);transition:all .2s}.ph-card-new:hover .ph-card-new-icon{background:var(--accent-dim);color:var(--accent)}.ph-card-new-icon svg{width:22px;height:22px}.ph-card-new-label{font-size:14px;font-weight:500;color:var(--text-dim)}.ph-examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.ph-example-card{position:relative;background:var(--bg-dark);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s;text-align:left}.ph-example-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 32px #10b9811a}.ph-example-preview{height:180px;background:var(--bg-panel);padding:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ph-example-landing{flex-direction:column;gap:8px;align-items:center}.ph-ex-nav{width:100%;height:8px;background:var(--border);border-radius:2px;opacity:.5}.ph-ex-hero-text{width:60%;height:14px;background:var(--accent);border-radius:3px;opacity:.6;margin-top:8px}.ph-ex-hero-sub{width:45%;height:8px;background:var(--border);border-radius:2px;opacity:.4}.ph-ex-buttons{display:flex;gap:6px;margin-top:6px}.ph-ex-btn-primary{width:48px;height:12px;background:var(--accent);border-radius:4px;opacity:.7}.ph-ex-btn-secondary{width:48px;height:12px;background:transparent;border:1px solid var(--border);border-radius:4px;opacity:.5}.ph-ex-cards-row{display:flex;gap:6px;margin-top:10px;width:80%}.ph-ex-card{flex:1;height:40px;background:var(--border);border-radius:4px;opacity:.3}.ph-example-mobile{justify-content:center}.ph-ex-phone{width:80px;height:150px;background:var(--bg-darkest);border-radius:12px;border:1px solid var(--border);padding:8px 6px;display:flex;flex-direction:column;gap:4px;align-items:center}.ph-ex-island{width:30px;height:6px;background:var(--border);border-radius:3px}.ph-ex-greeting{width:70%;height:4px;background:var(--border);border-radius:2px;opacity:.5;margin-top:4px}.ph-ex-balance-card{width:90%;height:32px;background:var(--accent);border-radius:6px;opacity:.6;margin-top:4px}.ph-ex-tx{width:90%;height:12px;background:var(--border);border-radius:3px;opacity:.3}.ph-example-dashboard{gap:0;padding:0}.ph-ex-sidebar{width:36px;height:100%;background:#111127cc;flex-shrink:0}.ph-ex-main{flex:1;padding:8px;display:flex;flex-direction:column;gap:6px}.ph-ex-stats-row{display:flex;gap:4px}.ph-ex-stat{flex:1;height:24px;background:var(--border);border-radius:4px;opacity:.3}.ph-ex-chart{flex:1;background:var(--border);border-radius:4px;opacity:.2}.ph-ex-table{height:32px;background:var(--border);border-radius:4px;opacity:.15}.ph-example-pricing{flex-direction:column;gap:6px;align-items:center}.ph-ex-pricing-title{width:60%;height:10px;background:var(--border);border-radius:3px;opacity:.3}.ph-ex-pricing-cards{display:flex;gap:4px;flex:1;width:100%}.ph-ex-pricing-card{flex:1;background:var(--border);border-radius:4px;opacity:.2}.ph-ex-pricing-featured{opacity:.4;border:1px solid var(--accent)}.ph-example-signup{gap:0;padding:0}.ph-ex-signup-left{width:50%;height:100%;background:#111127cc;flex-shrink:0}.ph-ex-signup-right{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:6px;justify-content:center}.ph-ex-signup-field{height:14px;background:var(--border);border-radius:3px;opacity:.25}.ph-ex-signup-btn{height:16px;background:var(--accent);border-radius:4px;opacity:.5;margin-top:4px}.ph-example-ecommerce{gap:6px}.ph-ex-product-img{width:50%;height:100%;background:var(--border);border-radius:4px;opacity:.2;flex-shrink:0}.ph-ex-product-details{flex:1;display:flex;flex-direction:column;gap:6px;justify-content:center}.ph-ex-product-title{width:80%;height:12px;background:var(--border);border-radius:3px;opacity:.3}.ph-ex-product-price{width:40%;height:16px;background:var(--accent);border-radius:3px;opacity:.4}.ph-ex-product-cta{width:70%;height:16px;background:var(--accent);border-radius:4px;opacity:.5}.ph-example-blog{flex-direction:column;gap:6px}.ph-ex-blog-featured{height:50%;background:var(--border);border-radius:4px;opacity:.2}.ph-ex-blog-grid{display:flex;gap:4px;flex:1}.ph-ex-blog-card{flex:1;background:var(--border);border-radius:4px;opacity:.15}.ph-example-info{display:flex;align-items:center;gap:12px;padding:14px 16px}.ph-example-icon{width:36px;height:36px;border-radius:10px;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.ph-example-icon svg{width:18px;height:18px}.ph-example-name{font-size:14px;font-weight:600;color:var(--text)}.ph-example-desc{font-size:12px;color:var(--text-dim);margin-top:2px}.panel-tabs{display:flex;gap:2px}.panel-tab{padding:4px 10px;border:none;border-radius:4px;background:transparent;color:var(--text-dim);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .15s}.panel-tab:hover{color:var(--text)}.panel-tab.active{color:var(--accent);background:var(--accent-dim)}.chat-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:12px}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chat-message{display:flex;gap:8px;max-width:100%}.chat-user{flex-direction:row-reverse}.chat-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);color:var(--text-dim)}.chat-avatar svg{width:14px;height:14px}.chat-user .chat-avatar{background:var(--accent-dim);color:var(--accent)}.chat-assistant .chat-avatar{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff}.chat-bubble{max-width:85%;padding:8px 12px;border-radius:12px;background:var(--bg-panel);border:1px solid var(--border)}.chat-user .chat-bubble{background:var(--accent-dim);border-color:#10b98133}.chat-content{font-size:12px;line-height:1.5;color:var(--text)}.chat-time{font-size:10px;color:var(--text-faint);margin-top:4px}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-dim);text-align:center;gap:8px}.chat-empty svg{width:32px;height:32px;color:var(--text-faint);margin-bottom:4px}.chat-empty-text{font-size:12px;line-height:1.5}.agent-log{position:fixed;bottom:44px;left:300px;z-index:50;animation:slideUp .2s ease-out}.agent-log-toggle{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border);border-radius:20px;background:#1a1a36e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.agent-log-toggle:hover{border-color:var(--accent);color:var(--text)}.agent-log-label{color:inherit}.agent-log-chevron{width:14px;height:14px;transition:transform .2s}.agent-log.expanded .agent-log-chevron{transform:rotate(180deg)}.agent-log-steps{margin-top:8px;background:#1a1a36eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:6px;min-width:240px;box-shadow:0 8px 32px #0000004d}.agent-step{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim)}.agent-step.complete{color:var(--text-muted)}.agent-step-icon{width:14px;height:14px;flex-shrink:0;color:var(--success)}.agent-step-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.agent-step-text{color:inherit}.cmd-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2000;animation:fadeIn .1s ease-out}.cmd-palette{position:fixed;top:20%;left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 40px));background:var(--bg-dark);border:1px solid var(--border);border-radius:16px;overflow:hidden;z-index:2001;box-shadow:0 24px 80px #0009,0 0 0 1px #10b9811a;animation:slideUp .15s ease-out}.cmd-search{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}.cmd-search-icon{width:18px;height:18px;color:var(--text-dim);flex-shrink:0}.cmd-input{flex:1;border:none;background:transparent;color:var(--text);font-size:15px;font-family:inherit;outline:none}.cmd-input::placeholder{color:var(--text-faint)}.cmd-shortcut-badge{padding:2px 8px;font-size:11px;font-family:SF Mono,monospace;color:var(--text-faint);background:var(--bg-panel);border:1px solid var(--border);border-radius:4px}.cmd-results{max-height:360px;overflow-y:auto;padding:6px}.cmd-results::-webkit-scrollbar{width:6px}.cmd-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.cmd-group{margin-bottom:4px}.cmd-group-label{padding:6px 12px 4px;font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.cmd-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--text);font-size:13px;cursor:pointer;transition:all .1s;text-align:left}.cmd-item:hover,.cmd-item.selected{background:var(--accent-dim);color:var(--accent)}.cmd-item-label{color:inherit}.cmd-item-shortcut{font-size:11px;font-family:SF Mono,monospace;color:var(--text-faint);padding:1px 6px;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px}.cmd-empty{padding:24px;text-align:center;font-size:14px;color:var(--text-dim)}.ai-prompt-model-selector{position:relative;flex-shrink:0}.model-selector-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.model-selector-btn:hover{background:#10b9811a;border-color:#10b9814d;color:var(--accent)}.model-selector-sparkle{color:var(--accent);font-size:10px}.model-selector-btn svg{width:12px;height:12px;opacity:.6}.model-dropdown{position:absolute;bottom:calc(100% + 6px);left:0;min-width:160px;background:var(--bg-dark);border:1px solid var(--border);border-radius:10px;padding:4px;z-index:100;box-shadow:0 8px 32px #0006;animation:fadeIn .1s ease-out}.model-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--text);font-size:13px;cursor:pointer;transition:all .1s;text-align:left}.model-dropdown-item:hover{background:var(--bg-hover)}.model-dropdown-item.active{background:var(--accent-dim);color:var(--accent)}.model-pro-badge{padding:1px 6px;font-size:10px;font-weight:700;color:#fbbf24;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:4px;letter-spacing:.5px}.ai-prompt-voice{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:#ffffff0f;color:#ffffff80;cursor:pointer;transition:all .2s;flex-shrink:0;position:relative}.ai-prompt-voice:hover{background:#ffffff1a;color:#fffc}.ai-prompt-voice svg{width:18px;height:18px}.ai-prompt-voice.recording{background:#10b98133;color:#a78bfa;animation:voice-pulse 1.5s ease-in-out infinite}.ai-prompt-voice.recording:before{content:"";position:absolute;inset:-4px;border-radius:14px;border:2px solid rgba(167,139,250,.4);animation:voice-ring 1.5s ease-in-out infinite;pointer-events:none}@keyframes voice-pulse{0%,to{background:#10b98133;box-shadow:0 0 #a78bfa4d}50%{background:#10b98159;box-shadow:0 0 12px 2px #a78bfa40}}@keyframes voice-ring{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:1}}.ai-prompt-bar-inner.voice-active{border-color:#a78bfa66;box-shadow:0 0 0 1px #a78bfa26,0 0 20px #a78bfa14}.ph-auth-section{display:flex;justify-content:center;padding:0 40px 40px}.ph-auth-card{width:100%;max-width:400px;background:var(--bg-dark);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center}.ph-auth-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:6px}.ph-auth-subtitle{font-size:13px;color:var(--text-dim);margin-bottom:24px;line-height:1.5}.ph-google-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;padding:0 20px;border:1px solid var(--border);border-radius:10px;background:#fff;color:#3c4043;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.ph-google-btn:hover{background:#f8f9fa;border-color:#dadce0;box-shadow:0 2px 8px #00000026}.ph-google-logo{flex-shrink:0}.ph-auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-faint);font-size:12px}.ph-auth-divider:before,.ph-auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.ph-auth-form{display:flex;flex-direction:column;gap:10px}.ph-auth-input{height:44px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-panel);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:all .2s}.ph-auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #10b9811a}.ph-auth-input::placeholder{color:var(--text-faint)}.ph-auth-error{padding:8px 12px;border-radius:8px;background:#f871711a;border:1px solid rgba(248,113,113,.2);color:var(--danger);font-size:13px;text-align:left}.ph-auth-submit{height:44px;border:none;border-radius:10px;background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.ph-auth-submit:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 16px #10b9814d}.ph-auth-toggle{margin-top:16px;border:none;background:none;color:var(--accent);font-size:13px;font-family:inherit;cursor:pointer;transition:color .15s}.ph-auth-toggle:hover{color:var(--accent-hover)}.ph-user-menu-wrapper{position:relative}.ph-user-avatar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid var(--border);border-radius:50%;background:var(--bg-surface);cursor:pointer;transition:all .15s;overflow:hidden;padding:0}.ph-user-avatar-btn:hover{border-color:var(--accent)}.ph-user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ph-user-avatar-initials{font-size:13px;font-weight:600;color:var(--accent)}.ph-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--bg-dark);border:1px solid var(--border);border-radius:12px;padding:4px;z-index:200;box-shadow:0 8px 32px #0006;animation:fadeIn .1s ease-out}.ph-user-dropdown-header{padding:12px 14px 10px}.ph-user-dropdown-name{font-size:13px;font-weight:600;color:var(--text)}.ph-user-dropdown-email{font-size:12px;color:var(--text-dim);margin-top:2px;overflow:hidden;text-overflow:ellipsis}.ph-user-dropdown-divider{height:1px;background:var(--border);margin:2px 8px}.ph-user-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);font-size:13px;font-family:inherit;cursor:pointer;transition:all .1s;text-align:left}.ph-user-dropdown-item:hover{background:var(--bg-hover);color:var(--text)}.ph-user-dropdown-item svg{width:16px;height:16px}.ph-syncing-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:13px;color:var(--text-dim)}.ph-syncing-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.topbar-user-wrapper{position:relative}.topbar-user-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid var(--border);border-radius:50%;background:var(--bg-surface);cursor:pointer;transition:all .15s;overflow:hidden;padding:0}.topbar-user-btn:hover{border-color:var(--accent)}.topbar-user-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.topbar-user-initials{font-size:11px;font-weight:600;color:var(--accent)}.topbar-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-dark);border:1px solid var(--border);border-radius:10px;padding:4px;z-index:200;box-shadow:0 8px 32px #0006;animation:fadeIn .1s ease-out}.topbar-user-dropdown-header{padding:10px 12px 8px}.topbar-user-dropdown-name{font-size:12px;font-weight:600;color:var(--text)}.topbar-user-dropdown-email{font-size:11px;color:var(--text-dim);margin-top:2px;overflow:hidden;text-overflow:ellipsis}.topbar-user-dropdown-divider{height:1px;background:var(--border);margin:2px 8px}.topbar-user-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:12px;font-family:inherit;cursor:pointer;transition:all .1s;text-align:left}.topbar-user-dropdown-item:hover{background:var(--bg-hover);color:var(--text)}.topbar-user-dropdown-item svg{width:14px;height:14px}.ws-switcher-wrapper{position:relative}.ws-switcher-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-dark);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.ws-switcher-btn:hover{border-color:var(--border-light);background:var(--bg-panel)}.ws-switcher-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ws-switcher-icon svg{width:14px;height:14px}.ws-personal-icon{background:var(--accent-dim);color:var(--accent)}.ws-org-icon{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;font-size:11px;font-weight:700}.ws-switcher-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-switcher-chevron{width:14px;height:14px;color:var(--text-dim);flex-shrink:0}.ws-switcher-chevron svg{width:14px;height:14px}.ws-backdrop{position:fixed;inset:0;z-index:149}.ws-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;background:var(--bg-dark);border:1px solid var(--border);border-radius:12px;padding:6px;z-index:150;box-shadow:0 12px 40px #00000080;animation:fadeIn .1s ease-out}.ws-dropdown-label{padding:8px 12px 6px;font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.ws-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .1s;text-align:left;font-family:inherit;position:relative}.ws-dropdown-item:hover{background:var(--bg-hover)}.ws-dropdown-item.active{background:var(--accent-dim)}.ws-item-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ws-item-icon svg{width:15px;height:15px}.ws-create-icon{background:var(--bg-surface);color:var(--text-dim)}.ws-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-active-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.ws-item-settings{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--text-faint);cursor:pointer;transition:all .1s;opacity:.6;flex-shrink:0;padding:0}.ws-dropdown-item:hover .ws-item-settings{opacity:1}.ws-item-settings:hover{background:var(--bg-surface);color:var(--text)}.ws-item-settings svg{width:13px;height:13px}.ws-dropdown-divider{height:1px;background:var(--border);margin:4px 8px}.ws-create-item{color:var(--text-muted)}.ws-create-item:hover{color:var(--accent)}.create-org-modal{width:440px;background:var(--bg-dark);border:1px solid var(--border);border-radius:16px;overflow:hidden;animation:slideUp .2s ease-out;box-shadow:0 24px 80px #00000080}.create-org-header{padding:24px 24px 16px}.create-org-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:4px}.create-org-subtitle{font-size:13px;color:var(--text-dim)}.create-org-body{padding:0 24px 24px}.create-org-input{width:100%;height:44px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-panel);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:all .2s;margin-bottom:16px}.create-org-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #10b9811a}.create-org-input::placeholder{color:var(--text-faint)}.create-org-actions{display:flex;justify-content:flex-end;gap:8px}.create-org-cancel{height:38px;padding:0 16px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.create-org-cancel:hover{background:var(--bg-hover);color:var(--text)}.create-org-submit{height:38px;padding:0 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.create-org-submit:hover{filter:brightness(1.1)}.create-org-submit:disabled{opacity:.5;cursor:not-allowed;filter:none}.ph-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:0}.ph-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-dim);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;margin-bottom:-1px}.ph-tab:hover{color:var(--text)}.ph-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.ph-tab svg{width:15px;height:15px}.ph-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent-dim);color:var(--accent);font-size:11px;font-weight:600}.ph-card-shared-by{font-size:11px;color:var(--accent);margin-top:4px}.ph-empty-shared{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-dim);text-align:center;gap:8px}.ph-empty-shared svg{width:32px;height:32px;color:var(--text-faint);margin-bottom:4px}.ph-empty-shared p{font-size:15px;font-weight:500;color:var(--text-muted)}.ph-empty-shared span{font-size:13px;color:var(--text-dim)}.org-settings-page{width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--bg-darkest);color:var(--text)}.os-nav{display:flex;align-items:center;padding:16px 40px;position:sticky;top:0;z-index:100;background:#0a0a1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(42,42,74,.4)}.os-nav-left{display:flex;align-items:center;gap:12px}.os-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-dim);cursor:pointer;transition:all .15s}.os-back-btn:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.os-back-btn svg{width:16px;height:16px}.os-nav-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--text)}.os-nav-logo-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#10b981,#06b6d4);display:flex;align-items:center;justify-content:center}.os-nav-logo-icon svg{width:16px;height:16px;color:#fff}.os-content{max-width:720px;margin:0 auto;padding:40px}.os-header{display:flex;align-items:center;gap:20px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}.os-org-avatar{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.os-header-info{flex:1}.os-org-name{font-size:24px;font-weight:700;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.os-edit-hint{font-size:12px;font-weight:400;color:var(--text-faint);opacity:0;transition:opacity .15s}.os-org-name:hover .os-edit-hint{opacity:1}.os-name-edit{display:flex;align-items:center;gap:8px}.os-name-input{height:40px;padding:0 12px;border:1px solid var(--accent);border-radius:8px;background:var(--bg-panel);color:var(--text);font-size:18px;font-weight:600;font-family:inherit;outline:none;min-width:200px}.os-name-save{height:36px;padding:0 16px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.os-name-save:hover{background:var(--accent-hover)}.os-name-cancel{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-dim);cursor:pointer;transition:all .15s}.os-name-cancel:hover{background:var(--bg-hover);color:var(--text)}.os-name-cancel svg{width:14px;height:14px}.os-org-meta{font-size:13px;color:var(--text-dim);margin-top:4px}.os-section{margin-bottom:32px}.os-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.os-section-title{font-size:16px;font-weight:600;color:var(--text)}.os-section-count{font-size:12px;color:var(--text-dim)}.os-members-list{border:1px solid var(--border);border-radius:12px;overflow:hidden}.os-member-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .1s}.os-member-row:last-child{border-bottom:none}.os-member-row:hover{background:var(--bg-panel)}.os-member-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-dim);color:var(--accent);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.os-member-info{flex:1;min-width:0}.os-member-email{font-size:13px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-member-joined{font-size:11px;color:var(--text-faint);margin-top:2px}.os-role-badge{display:inline-flex;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize;flex-shrink:0}.os-role-owner{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.os-role-editor{background:#10b98126;color:#818cf8;border:1px solid rgba(16,185,129,.3)}.os-role-viewer{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.os-member-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--text-faint);cursor:pointer;transition:all .15s;opacity:0;flex-shrink:0}.os-member-row:hover .os-member-remove{opacity:1}.os-member-remove:hover{background:#f8717126;color:var(--danger)}.os-member-remove svg{width:14px;height:14px}.os-invite-form{margin-bottom:16px}.os-invite-row{display:flex;gap:8px}.os-invite-email{flex:1;height:40px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel);color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:border-color .2s}.os-invite-email:focus{border-color:var(--accent)}.os-invite-email::placeholder{color:var(--text-faint)}.os-invite-role-select{height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel);color:var(--text);font-size:13px;font-family:inherit;outline:none;cursor:pointer;min-width:100px}.os-invite-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.os-invite-btn:hover{background:var(--accent-hover)}.os-invite-btn svg{width:15px;height:15px}.os-pending-section{margin-top:16px}.os-pending-title{font-size:13px;font-weight:600;color:var(--text-dim);margin-bottom:10px}.os-invite-row-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;margin-bottom:6px}.os-invite-email-text{flex:1;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-invite-status{font-size:11px;font-weight:600;color:var(--warning);padding:2px 8px;border-radius:10px;background:#fbbf241a}.os-invite-delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--text-faint);cursor:pointer;transition:all .15s}.os-invite-delete:hover{background:#f8717126;color:var(--danger)}.os-invite-delete svg{width:13px;height:13px}.os-danger-section{border:1px solid rgba(248,113,113,.2);border-radius:12px;padding:20px}.os-danger-title{color:var(--danger)!important}.os-delete-org-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border:1px solid rgba(248,113,113,.3);border-radius:8px;background:#f871711a;color:var(--danger);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.os-delete-org-btn:hover{background:#f8717133;border-color:#f8717180}.os-delete-org-btn svg{width:15px;height:15px}.os-delete-confirm{padding:0}.os-delete-warning{font-size:13px;color:var(--text-dim);line-height:1.6;margin-bottom:16px}.os-delete-actions{display:flex;gap:8px}.os-delete-cancel{height:36px;padding:0 16px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.os-delete-cancel:hover{background:var(--bg-hover);color:var(--text)}.os-delete-confirm-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:none;border-radius:8px;background:#dc2626;color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.os-delete-confirm-btn:hover{background:#b91c1c}.os-delete-confirm-btn svg{width:14px;height:14px}.os-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;gap:16px}.os-not-found p{font-size:16px;color:var(--text-muted)}.os-back-link{padding:8px 20px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--accent);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.os-back-link:hover{background:var(--accent-dim)}.share-modal{width:480px;background:var(--bg-dark);border:1px solid var(--border);border-radius:16px;overflow:hidden;animation:slideUp .2s ease-out;box-shadow:0 24px 80px #00000080}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.share-modal-title{font-size:18px;font-weight:600;color:var(--text)}.share-modal-body{padding:0 24px 20px}.share-invite-form{display:flex;gap:8px;margin-bottom:16px}.share-email-input{flex:1;height:40px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel);color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:border-color .2s}.share-email-input:focus{border-color:var(--accent)}.share-email-input::placeholder{color:var(--text-faint)}.share-role-select{height:40px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel);color:var(--text);font-size:12px;font-family:inherit;outline:none;cursor:pointer}.share-invite-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.share-invite-btn:hover{background:var(--accent-hover)}.share-invite-btn:disabled{opacity:.5;cursor:not-allowed}.share-invite-btn svg{width:15px;height:15px}.share-collaborators{border:1px solid var(--border);border-radius:10px;overflow:hidden}.share-collaborators-title{padding:10px 14px 8px;font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.share-collaborator-row{display:flex;align-items:center;gap:10px;padding:8px 14px;border-top:1px solid var(--border)}.share-collaborator-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-dim);color:var(--accent);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.share-collaborator-email{flex:1;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-collaborator-remove{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--text-faint);cursor:pointer;transition:all .15s}.share-collaborator-remove:hover{background:#f8717126;color:var(--danger)}.share-collaborator-remove svg{width:13px;height:13px}.share-modal-footer{display:flex;align-items:center;padding:14px 24px;border-top:1px solid var(--border);background:var(--bg-panel)}.share-copy-link{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.share-copy-link:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-light)}.share-copy-link svg{width:14px;height:14px}.topbar-presence{display:flex;align-items:center;margin-right:4px}.topbar-presence-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;border:2px solid var(--bg-dark);margin-left:-6px;cursor:default;position:relative}.topbar-presence-avatar:first-child{margin-left:0}.topbar-presence-avatar:hover{z-index:1;transform:scale(1.1);transition:transform .1s}.topbar-share-btn{background:var(--accent-dim)!important;color:var(--accent)!important;font-weight:600}.topbar-share-btn:hover{background:var(--accent)!important;color:#fff!important}.mk-hero{text-align:center;padding:80px 40px 60px;max-width:800px;margin:0 auto}.mk-hero-badge{display:inline-block;padding:6px 16px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:20px;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:24px}.mk-hero-title{font-size:56px;font-weight:800;line-height:1.1;color:var(--text);margin:0 0 24px;letter-spacing:-1px}.mk-hero-accent{background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mk-hero-subtitle{font-size:18px;color:var(--text-dim);line-height:1.6;margin:0 auto 36px;max-width:640px}.mk-hero-ctas{display:flex;gap:12px;justify-content:center;margin-bottom:48px}.mk-cta-primary{padding:14px 32px;background:var(--accent);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.mk-cta-primary:hover{background:#059669;transform:translateY(-1px);box-shadow:0 8px 24px #10b9814d}.mk-cta-secondary{padding:14px 32px;background:transparent;border:2px solid var(--border-light);border-radius:12px;color:var(--text);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.mk-cta-secondary:hover{border-color:var(--text-dim)}.mk-hero-stats{display:flex;justify-content:center;align-items:center;gap:32px}.mk-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.mk-stat-number{font-size:28px;font-weight:800;color:var(--accent)}.mk-stat-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.mk-stat-divider{width:1px;height:40px;background:var(--border)}.mk-features{padding:80px 40px;max-width:1100px;margin:0 auto}.mk-section-title{font-size:36px;font-weight:700;color:var(--text);text-align:center;margin:0 0 16px;line-height:1.2}.mk-section-subtitle{font-size:16px;color:var(--text-dim);text-align:center;margin:0 0 48px}.mk-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mk-feature-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:28px;transition:all .2s}.mk-feature-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.mk-feature-highlight{border-color:#10b9814d;background:#10b9810d}.mk-feature-icon{width:44px;height:44px;border-radius:10px;background:#10b98126;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;margin-bottom:16px}.mk-feature-title{font-size:17px;font-weight:600;color:var(--text);margin:0 0 8px}.mk-feature-desc{font-size:14px;color:var(--text-dim);line-height:1.5;margin:0}.mk-pricing{padding:80px 40px;max-width:1000px;margin:0 auto}.mk-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.mk-price-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:32px;display:flex;flex-direction:column;position:relative}.mk-price-featured{border-color:var(--accent);background:#10b9810d;box-shadow:0 0 40px #10b9811a}.mk-price-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;background:var(--accent);border-radius:12px;font-size:12px;font-weight:600;color:#fff}.mk-price-tier{font-size:18px;font-weight:600;color:var(--text);margin-bottom:12px}.mk-price-amount{margin-bottom:24px}.mk-price-dollar{font-size:42px;font-weight:800;color:var(--text)}.mk-price-period{font-size:16px;color:var(--text-dim);margin-left:4px}.mk-price-features{list-style:none;padding:0;margin:0 0 32px;flex:1}.mk-price-features li{padding:8px 0;font-size:14px;color:var(--text-muted);border-bottom:1px solid var(--border)}.mk-price-features li:last-child{border-bottom:none}.mk-price-cta{width:100%;padding:12px;border:2px solid var(--border);border-radius:10px;background:transparent;color:var(--text);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.mk-price-cta:hover{border-color:var(--text-dim)}.mk-price-cta-primary{background:var(--accent);border-color:var(--accent);color:#fff}.mk-price-cta-primary:hover{background:#059669;border-color:#059669}