@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--brand-50:#eef2ff;--brand-100:#e0e7ff;--brand-200:#c7d2fe;--brand-400:#818cf8;--brand-500:#6366f1;--brand-600:#4f46e5;--brand-700:#4338ca;--color-bg:#0f0f13;--color-surface:#18181f;--color-surface-2:#1f1f2a;--color-border:#ffffff14;--color-border-2:#ffffff1f;--color-text:#e8e9f0;--color-text-muted:#8b8fa8;--color-accent:#6366f1;--color-accent-2:#818cf8;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0006;--shadow-md:0 4px 12px #0006;--shadow-lg:0 16px 40px #00000080;--shadow-xl:0 24px 64px #0009;--shadow-brand:0 0 40px #6366f140;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-io:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur-base:.22s;--dur-slow:.4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.editor-shell{background:var(--color-bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.editor-body{flex:1;gap:0;display:flex;overflow:hidden}.toolbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:52px;padding:0 16px;display:flex}.toolbar-left,.toolbar-right{flex:1;align-items:center;gap:8px;display:flex}.toolbar-right{justify-content:flex-end}.toolbar-center{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toolbar-logo{flex-shrink:0;align-items:center;gap:6px;display:flex}.toolbar-logo-mark{color:var(--brand-500);font-size:20px;line-height:1}.toolbar-logo-text{color:var(--color-text);letter-spacing:-.02em;font-size:14px;font-weight:700}.toolbar-divider{background:var(--color-border);flex-shrink:0;width:1px;height:20px}.toolbar-project-name{color:var(--color-text);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-io);background:0 0;border:none;align-items:center;gap:6px;padding:4px 8px;font-size:14px;font-weight:500;display:flex}.toolbar-project-name:hover{background:var(--color-surface-2)}.toolbar-project-name-icon{color:var(--color-text-muted);opacity:0;transition:opacity var(--dur-fast)}.toolbar-project-name:hover .toolbar-project-name-icon{opacity:1}.toolbar-project-name-input{background:var(--color-surface-2);border:1px solid var(--brand-500);border-radius:var(--radius-sm);color:var(--color-text);outline:none;padding:4px 8px;font-size:14px;font-weight:500}.toolbar-unsaved-dot{background:var(--brand-500);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.toolbar-breakpoint-group{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.toolbar-bp-btn{width:32px;height:28px;color:var(--color-text-muted);transition:all var(--dur-fast) var(--ease-io);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.toolbar-bp-btn:hover{color:var(--color-text);background:#ffffff0f}.toolbar-bp-active{box-shadow:0 0 0 1px #6366f166;background:var(--brand-500)!important;color:#fff!important}.toolbar-icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);transition:all var(--dur-fast) var(--ease-io);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.toolbar-icon-btn:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-2)}.toolbar-icon-btn:disabled{opacity:.3;cursor:not-allowed}.toolbar-icon-btn-active{color:var(--brand-400)!important}.toolbar-btn{border-radius:var(--radius-md);transition:all var(--dur-fast) var(--ease-io);border:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.toolbar-btn-secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.toolbar-btn-secondary:hover{background:#ffffff1a}.toolbar-btn-primary{background:var(--brand-500);color:#fff}.toolbar-btn-primary:hover{background:var(--brand-600)}.component-panel{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:240px;height:100%;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:14px 16px 10px}.panel-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.panel-search-wrapper{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:10px 12px;position:relative}.panel-search-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);transition:border-color var(--dur-fast);outline:none;padding:6px 28px;font-size:12px}.panel-search-input:focus{border-color:var(--brand-500)}.panel-search-input::placeholder{color:var(--color-text-muted)}.panel-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.panel-search-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.panel-components-list{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex:1;padding:12px 0;overflow-y:auto}.panel-empty{color:var(--color-text-muted);text-align:center;padding:16px;font-size:13px}.panel-category{margin-bottom:8px}.panel-category-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:6px 16px 4px;font-size:10px;font-weight:700}.panel-category-grid{grid-template-columns:1fr 1fr;gap:4px;padding:0 10px;display:grid}.panel-component-item{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:grab;transition:all var(--dur-fast) var(--ease-io);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 4px 8px;display:flex}.panel-component-item:hover{border-color:var(--brand-500);box-shadow:var(--shadow-sm);background:#6366f11a;transform:translateY(-1px)}.panel-component-item:active{cursor:grabbing;transform:scale(.97)}.panel-item-dragging{opacity:.5;border-color:var(--brand-500)!important}.panel-item-icon{color:var(--color-text-muted);align-items:center;display:flex}.panel-component-item:hover .panel-item-icon{color:var(--brand-400)}.panel-item-label{color:var(--color-text-muted);text-align:center;font-size:10px;font-weight:500;line-height:1.2}.editor-canvas-area{background:#1a1a24;flex-direction:column;flex:1;display:flex;overflow:hidden}.canvas-scroll-area{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;background:repeating-linear-gradient(0deg,#0000,#0000 31px,#ffffff05 31px 32px),repeating-linear-gradient(90deg,#0000,#0000 31px,#ffffff05 31px 32px);flex:1;justify-content:center;align-items:flex-start;padding:32px 24px;display:flex;overflow:auto}.canvas-frame{background:var(--theme-bg,#fff);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl), 0 0 0 1px #ffffff0f;min-height:calc(100vh - 64px);position:relative;overflow:hidden}.node-wrapper{transition:outline var(--dur-fast);outline-offset:1px;outline:2px solid #0000;position:relative}.node-insertion-indicator{background:var(--brand-500);z-index:100;pointer-events:none;border-radius:2px;height:4px;position:absolute;bottom:-4px;left:0;right:0;box-shadow:0 0 8px #6366f199}.node-drop-over{outline-color:#6366f1cc!important}.node-wrapper:hover:not(.node-selected){outline-color:#6366f166}.node-selected{outline-offset:2px;outline-color:var(--brand-500)!important}.node-label{background:var(--brand-500);color:#fff;z-index:100;white-space:nowrap;font-size:10px;font-weight:600;font-family:var(--font-sans);border-radius:4px 4px 0 0;padding:2px 8px;position:absolute;top:-22px;left:0}.node-dragging{cursor:grabbing}.droppable-container{position:relative}.drop-empty{border:2px dashed var(--color-border);border-radius:var(--radius-md);min-height:280px;transition:all var(--dur-fast)}.drop-active{border-color:var(--brand-500)!important;background:#6366f10f!important}.format-suggestions{pointer-events:all;flex-direction:column;align-items:center;gap:16px;padding:24px 20px 20px;display:flex}.format-suggestions-header{align-items:center;gap:8px;display:flex}.format-suggestions-spark{color:var(--brand-400);font-size:14px;animation:4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.format-suggestions-title{color:var(--color-text-muted);letter-spacing:.01em;font-size:13px;font-weight:600}.format-suggestions-grid{flex-wrap:wrap;justify-content:center;gap:8px;max-width:520px;display:flex}.format-recipe-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;min-width:90px;transition:all var(--dur-fast) var(--ease-io);flex-direction:column;align-items:center;gap:6px;padding:12px 14px;font-family:inherit;display:flex}.format-recipe-card:hover,.format-recipe-card-hover{border-color:var(--brand-400);background:#6366f11a;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.format-recipe-icon{font-size:22px;line-height:1}.format-recipe-label{color:var(--color-text-muted);white-space:nowrap;text-align:center;font-size:11px;font-weight:600}.format-recipe-card:hover .format-recipe-label,.format-recipe-card-hover .format-recipe-label{color:var(--brand-300)}.format-suggestions-hint{color:var(--color-text-muted);opacity:.7;text-align:center;margin:0;font-size:11px}.format-suggestions-hint strong{color:var(--brand-400);font-weight:600}.drop-indicator{border:2px solid var(--brand-500);border-radius:var(--radius-md);pointer-events:none;animation:drop-pulse .8s var(--ease-io) infinite alternate;background:#6366f10a;position:absolute;inset:0}@keyframes drop-pulse{0%{opacity:.6}to{opacity:1}}.drag-overlay-ghost{background:var(--brand-500);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg), var(--shadow-brand);opacity:.95;padding:8px 16px;font-size:13px;font-weight:600;transform:rotate(2deg)}.inspector-panel{background:var(--color-surface);border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:256px;height:100%;display:flex;overflow:hidden}.inspector-empty{justify-content:center;align-items:center}.inspector-no-selection{color:var(--color-text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex}.inspector-no-selection-icon{color:var(--color-text-muted)}.inspector-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.inspector-type-badge{color:var(--brand-400);background:#6366f11f;border-radius:100px;padding:3px 10px;font-size:12px;font-weight:700}.inspector-actions{gap:4px;display:flex}.inspector-action-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);transition:all var(--dur-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.inspector-action-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.inspector-action-danger:hover{color:#ef4444;background:#ef444426}.inspector-tabs{border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.inspector-tab{color:var(--color-text-muted);transition:all var(--dur-fast);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-size:12px;font-weight:600}.inspector-tab:hover{color:var(--color-text)}.inspector-tab-active{color:var(--brand-400);border-bottom-color:var(--brand-500)}.inspector-content{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex:1;overflow-y:auto}.inspector-section{flex-direction:column;gap:12px;padding:14px;display:flex}.inspector-group-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-top:4px;font-size:10px;font-weight:700}.inspector-empty-msg{color:var(--color-text-muted);font-size:13px}.inspector-field{flex-direction:column;gap:5px;display:flex}.inspector-field-row{flex-direction:row;justify-content:space-between;align-items:center}.inspector-label{color:var(--color-text-muted);font-size:11px;font-weight:500}.inspector-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);width:100%;transition:border-color var(--dur-fast);outline:none;padding:6px 10px;font-size:12px}.inspector-input:focus{border-color:var(--brand-500)}.inspector-input-number{width:80px}.inspector-select{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;outline:none;width:100%;padding:6px 10px;font-size:12px}.inspector-select:focus{border-color:var(--brand-500)}.inspector-textarea{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);resize:vertical;width:100%;font-size:12px;font-family:var(--font-mono);outline:none;padding:8px 10px}.inspector-textarea:focus{border-color:var(--brand-500)}.inspector-color-wrapper{align-items:center;gap:6px;display:flex}.inspector-color-swatch{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:2px}.inspector-color-text{width:90px}.inspector-toggle{background:var(--color-surface-2);border:1px solid var(--color-border);width:36px;height:20px;transition:all var(--dur-fast);cursor:pointer;border-radius:100px;flex-shrink:0;position:relative}.inspector-toggle-on{background:var(--brand-500);border-color:var(--brand-600)}.inspector-toggle-thumb{width:14px;height:14px;transition:transform var(--dur-fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.inspector-toggle-on .inspector-toggle-thumb{transform:translate(16px)}.inspector-range{width:100%;accent-color:var(--brand-500)}.inspector-spacing-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.inspector-spacing-field{flex-direction:column;gap:2px;display:flex}.inspector-spacing-label{color:var(--color-text-muted);text-transform:uppercase;text-align:center;font-size:9px;font-weight:700}.inspector-spacing-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);text-align:center;outline:none;width:100%;padding:4px;font-size:11px}.inspector-spacing-input:focus{border-color:var(--brand-500)}.dashboard-page{height:100vh;display:flex;overflow:hidden}.dashboard-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:220px;padding:20px 0;display:flex}.dashboard-logo{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;margin-bottom:16px;padding:0 20px 20px;display:flex}.dashboard-logo-mark{color:var(--brand-500);font-size:22px}.dashboard-logo-text{color:var(--color-text);letter-spacing:-.03em;font-size:16px;font-weight:800}.dashboard-nav{flex-direction:column;gap:2px;padding:0 12px;display:flex}.dashboard-nav-item{color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--dur-fast);align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.dashboard-nav-item:hover{background:var(--color-surface-2);color:var(--color-text)}.dashboard-nav-active{color:var(--brand-400)!important;background:#6366f126!important}.dashboard-sidebar-footer{border-top:1px solid var(--color-border);margin-top:auto;padding:16px 20px 0}.dashboard-plan-badge{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:100px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.dashboard-main{flex:1;padding:32px 40px;overflow-y:auto}.dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.dashboard-title{color:var(--color-text);letter-spacing:-.03em;font-size:28px;font-weight:800}.dashboard-subtitle{color:var(--color-text-muted);margin-top:4px;font-size:14px}.dashboard-create-btn{background:var(--brand-500);color:#fff;border-radius:var(--radius-md);transition:all var(--dur-fast) var(--ease-io);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.dashboard-create-btn:hover{background:var(--brand-600);box-shadow:var(--shadow-brand);transform:translateY(-1px)}.dashboard-project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.dashboard-project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--dur-base) var(--ease-out);overflow:hidden}.dashboard-project-card:hover{border-color:var(--color-border-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-new-card{border-style:dashed;justify-content:center;align-items:center;min-height:200px;display:flex}.dashboard-new-card:hover{border-color:var(--brand-500);background:#6366f10a}.dashboard-new-card-inner{flex-direction:column;align-items:center;gap:10px;display:flex}.dashboard-new-icon{background:var(--color-surface-2);width:48px;height:48px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.dashboard-new-label{color:var(--color-text-muted);font-size:14px;font-weight:600}.dashboard-card-preview{height:140px;position:relative;overflow:hidden}.dashboard-card-preview-inner{flex-direction:column;gap:8px;padding:16px;display:flex}.dashboard-card-preview-bar{background:#ffffff4d;border-radius:4px;width:60%;height:10px}.dashboard-card-preview-block{background:#ffffff26;border-radius:6px;height:40px}.dashboard-card-preview-block-sm{width:40%;height:24px}.dashboard-card-body{justify-content:space-between;align-items:flex-end;gap:12px;padding:16px;display:flex}.dashboard-card-info{flex:1}.dashboard-card-name{color:var(--color-text);margin-bottom:6px;font-size:15px;font-weight:700}.dashboard-card-meta{align-items:center;gap:8px;margin-bottom:4px;display:flex}.dashboard-card-time{color:var(--color-text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.dashboard-card-pages{color:var(--color-text-muted);font-size:12px}.dashboard-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:700}.dashboard-status-published{color:#10b981;background:#10b98126}.dashboard-status-draft{color:var(--color-text-muted);background:#6b728026}.dashboard-edit-btn{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);white-space:nowrap;transition:all var(--dur-fast);flex-shrink:0;align-items:center;gap:4px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.dashboard-edit-btn:hover{border-color:var(--brand-500);color:var(--brand-400)}.dash-search-wrapper{max-width:480px;margin-bottom:16px;position:relative}.dash-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dash-search-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:border-color var(--dur-fast);outline:none;padding:10px 16px 10px 36px;font-size:14px}.dash-search-input:focus{border-color:var(--brand-500)}.dash-category-scroll{scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex;overflow-x:auto}.dash-category-scroll::-webkit-scrollbar{display:none}.dash-category-pill{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--dur-fast);white-space:nowrap;border-radius:100px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600}.dash-category-pill:hover{border-color:var(--brand-500);color:var(--brand-400)}.dash-category-pill-active{border-color:var(--brand-500);color:var(--brand-400);background:#6366f126}.landing-page{background:var(--color-bg);min-height:100vh}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#0f0f13cc;position:fixed;top:0;left:0;right:0}.landing-nav-inner{justify-content:space-between;align-items:center;gap:32px;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.landing-nav-logo{align-items:center;gap:8px;display:flex}.landing-logo-mark{color:var(--brand-500);font-size:22px}.landing-logo-text{color:var(--color-text);letter-spacing:-.03em;font-size:16px;font-weight:800}.landing-nav-links{flex:1;justify-content:center;align-items:center;gap:32px;display:flex}.landing-nav-link{color:var(--color-text-muted);transition:color var(--dur-fast);font-size:14px;font-weight:500}.landing-nav-link:hover{color:var(--color-text)}.landing-nav-cta{align-items:center;gap:12px;display:flex}.landing-btn-primary{background:var(--brand-500);color:#fff;border-radius:var(--radius-md);transition:all var(--dur-fast) var(--ease-io);align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:700;display:inline-flex}.landing-btn-primary:hover{background:var(--brand-600);transform:translateY(-1px);box-shadow:0 8px 24px #6366f166}.landing-btn-xl{border-radius:var(--radius-lg);padding:16px 32px;font-size:17px}.landing-btn-arrow{transition:transform var(--dur-fast)}.landing-btn-primary:hover .landing-btn-arrow{transform:translate(4px)}.landing-btn-outline{color:var(--color-text);border:1px solid var(--color-border-2);border-radius:var(--radius-md);transition:all var(--dur-fast);background:0 0;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;display:inline-flex}.landing-btn-outline:hover{border-color:var(--brand-500);color:var(--brand-400);background:#6366f10f}.landing-btn-ghost{color:var(--color-text-muted);transition:color var(--dur-fast);align-items:center;font-size:16px;font-weight:600;display:inline-flex}.landing-btn-ghost:hover{color:var(--color-text)}.landing-hero{flex-direction:column;align-items:center;gap:64px;padding-top:120px;padding-bottom:80px;display:flex;position:relative;overflow:hidden}.landing-hero-glow{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.landing-glow-1{background:radial-gradient(circle,#6366f133 0%,#0000 70%);width:600px;height:600px;top:-200px;left:50%;transform:translate(-50%)}.landing-glow-2{background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:400px;height:400px;bottom:0;right:-100px}.landing-hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:760px;padding:0 24px;display:flex;position:relative}.landing-hero-badge{color:var(--brand-400);background:#6366f11a;border:1px solid #6366f14d;border-radius:100px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.landing-badge-dot{background:var(--brand-400);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}.landing-hero-title{letter-spacing:-.04em;color:var(--color-text);font-size:64px;font-weight:900;line-height:1.05}.landing-gradient-text{background:linear-gradient(135deg, var(--brand-400) 0%, #a78bfa 50%, #c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero-description{color:var(--color-text-muted);max-width:560px;font-size:20px;line-height:1.6}.landing-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.landing-hero-social-proof{color:var(--color-text-muted);font-size:13px}.landing-hero-social-proof strong{color:var(--color-text)}.landing-editor-mockup{background:var(--color-surface);border:1px solid var(--color-border-2);border-radius:var(--radius-2xl);width:100%;max-width:960px;box-shadow:var(--shadow-xl), 0 0 0 1px #ffffff0a, var(--shadow-brand);z-index:1;margin:0 24px;position:relative;overflow:hidden}.landing-mockup-chrome{background:var(--color-surface-2);border-bottom:1px solid var(--color-border);align-items:center;gap:12px;height:36px;padding:0 16px;display:flex}.landing-mockup-dots{gap:6px;display:flex}.landing-mockup-dots span{background:var(--gray-700);border-radius:50%;width:10px;height:10px}.landing-mockup-dots span:first-child{background:#ff5f57}.landing-mockup-dots span:nth-child(2){background:#febc2e}.landing-mockup-dots span:nth-child(3){background:#28c840}.landing-mockup-url{background:var(--color-surface);border:1px solid var(--color-border);height:22px;color:var(--color-text-muted);border-radius:6px;flex:1;align-items:center;max-width:300px;margin:0 auto;padding:0 10px;font-size:10px;display:flex}.landing-mockup-body{height:360px;display:flex}.landing-mockup-panel{background:var(--color-surface-2);border-right:1px solid var(--color-border);flex-direction:column;gap:6px;width:56px;padding:12px 8px;display:flex}.landing-mockup-panel-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;height:36px}.landing-mockup-panel-active{border-color:var(--brand-500);background:#6366f126}.landing-mockup-canvas{background:#f8f9fa;flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.landing-mockup-node{background:#e5e7eb;border-radius:6px}.landing-mockup-node-hero{background:linear-gradient(135deg,#e0e7ff,#f0e6ff);height:80px}.landing-mockup-node-selected{outline:2px solid var(--brand-500);outline-offset:2px;background:#fff;height:40px}.landing-mockup-node-row{gap:8px;display:flex}.landing-mockup-node-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;height:80px}.landing-mockup-inspector{background:var(--color-surface-2);border-left:1px solid var(--color-border);flex-direction:column;gap:8px;width:72px;padding:12px 8px;display:flex}.landing-mockup-inspector-field{background:var(--color-surface);border-radius:4px;height:16px}.landing-mockup-inspector-field-sm{width:60%}.landing-mockup-inspector-color{background:var(--brand-500);border-radius:50%;width:20px;height:20px}.landing-features,.landing-pricing{padding:96px 24px}.landing-section-inner{max-width:1120px;margin:0 auto}.landing-section-header{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-bottom:64px;display:flex}.landing-section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--brand-400);font-size:12px;font-weight:700}.landing-section-title{letter-spacing:-.03em;color:var(--color-text);font-size:42px;font-weight:900}.landing-section-description{color:var(--color-text-muted);max-width:540px;font-size:18px}.landing-features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.landing-feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--dur-base) var(--ease-out);flex-direction:column;gap:12px;padding:32px;display:flex}.landing-feature-card:hover{border-color:var(--color-border-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-feature-icon{font-size:32px}.landing-feature-title{color:var(--color-text);font-size:18px;font-weight:700}.landing-feature-desc{color:var(--color-text-muted);font-size:15px;line-height:1.6}.landing-pricing{background:var(--color-surface)}.landing-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:24px;display:grid}.landing-pricing-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--dur-base);flex-direction:column;gap:16px;padding:32px;display:flex;position:relative}.landing-pricing-highlighted{border-color:var(--brand-500);box-shadow:0 0 0 1px #6366f133, var(--shadow-brand);background:linear-gradient(135deg,#6366f114 0%,#8b5cf60d 100%)}.landing-pricing-badge{background:var(--brand-500);color:#fff;white-space:nowrap;border-radius:100px;padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.landing-pricing-tier{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:700}.landing-pricing-price{color:var(--color-text);letter-spacing:-.04em;font-size:48px;font-weight:900}.landing-pricing-period{color:var(--color-text-muted);font-size:16px;font-weight:400}.landing-pricing-desc{color:var(--color-text-muted);font-size:14px}.landing-pricing-features{flex-direction:column;gap:10px;list-style:none;display:flex}.landing-pricing-feature{color:var(--color-text);align-items:center;gap:10px;font-size:14px;display:flex}.landing-pricing-check{color:var(--brand-400);font-weight:700}.landing-pricing-cta{text-align:center;border-radius:var(--radius-md);margin-top:8px;padding:12px;font-weight:700}.landing-cta{text-align:center;padding:96px 24px;position:relative;overflow:hidden}.landing-cta-glow{pointer-events:none;background:radial-gradient(#6366f126 0%,#0000 70%);position:absolute;inset:0}.landing-cta-inner{flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.landing-cta-title{letter-spacing:-.04em;font-size:48px;font-weight:900}.landing-cta-desc{color:var(--color-text-muted);font-size:18px}.landing-footer{border-top:1px solid var(--color-border);padding:32px 24px}.landing-footer-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.landing-footer-copy{color:var(--color-text-muted);font-size:13px}.richtext-content p{margin:0 0 1em}.richtext-content h1,.richtext-content h2,.richtext-content h3{margin:0 0 .5em;font-weight:700}.richtext-content a{color:var(--brand-400);text-decoration:underline}.richtext-content ul,.richtext-content ol{margin:0 0 1em;padding-left:1.5em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.animate-spin{animation:1s linear infinite spin}@keyframes aurora-drift{0%{transform:translate(-50%,-50%)scale(1)rotate(0)}50%{transform:translate(-50%,-50%)scale(1.15)rotate(15deg)}to{transform:translate(-50%,-50%)scale(.9)rotate(-10deg)}}@keyframes cyber-glitch{0%,to{opacity:1;transform:none}7%{opacity:.75;transform:skew(-.5deg,-.9deg)}10%{opacity:1;transform:none}27%{opacity:1;transform:none}30%{opacity:.75;transform:skew(.8deg,-.1deg)}35%{opacity:1;transform:none}52%{opacity:1;transform:none}55%{opacity:.75;transform:skew(-1deg,.2deg)}60%{opacity:1;transform:none}72%{opacity:1;transform:none}75%{opacity:.75;transform:skew(.4deg,1deg)}80%{opacity:1;transform:none}97%{opacity:1;transform:none}}@keyframes cyber-glitch-low{0%,to{transform:none}7%{transform:skew(-.3deg,-.4deg)}10%{transform:none}}@keyframes cyber-glitch-high{0%,to{transform:none}5%{opacity:.5;transform:skew(-2deg,-1deg)}8%{opacity:1;transform:none}20%{opacity:.6;transform:skew(1.5deg,.5deg)}22%{transform:none}}@keyframes memphis-float{0%{transform:translateY(0px) rotate(var(--rotate,0deg))}to{transform:translateY(-8px) rotate(calc(var(--rotate,0deg) + 5deg))}}@keyframes mesh-drift{0%{transform:translate(0)scale(1)}to{transform:translate(20px,-15px)scale(1.05)}}@keyframes scroll-fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.slot-placeholder{color:#96969699;border:2px dashed #96969659;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;padding:28px;transition:border-color .2s,background .2s;display:flex;position:relative}.slot-placeholder:hover{background:#6366f108;border-color:#6366f166}.slot-placeholder__icon{opacity:.7;font-size:28px}.slot-placeholder__label{letter-spacing:.05em;font-size:13px;font-weight:600}.slot-placeholder__hint{opacity:.55;text-align:center;max-width:220px;font-size:11px;line-height:1.5}.slot-placeholder--bg-hint:before{content:"";border-radius:inherit;opacity:.12;pointer-events:none;position:absolute;inset:0}.featured-row::-webkit-scrollbar{height:4px}.featured-row::-webkit-scrollbar-track{background:0 0}.featured-row::-webkit-scrollbar-thumb{background:#6366f159;border-radius:100px}.toolbar-icon-btn-ai{animation:2s ease-in-out infinite ai-pulse;box-shadow:0 0 0 1px #8b5cf666;color:#a78bfa!important;background:#8b5cf62e!important}@keyframes ai-pulse{0%,to{box-shadow:0 0 0 1px #8b5cf666}50%{box-shadow:0 0 0 1px #8b5cf6b3,0 0 12px #8b5cf633}}.ai-panel-overlay{z-index:200;width:340px;animation:ai-slide-in .22s var(--ease-out) both;position:absolute;top:0;bottom:0;right:0}@keyframes ai-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.ai-panel{background:var(--color-surface-2,#1f1f2a);border-left:1px solid var(--color-border-2,#ffffff1f);flex-direction:column;gap:0;height:100%;display:flex;overflow-y:auto}.ai-panel-header{border-bottom:1px solid var(--color-border,#ffffff14);background:#8b5cf60f;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ai-panel-title{color:var(--color-text,#e8e9f0);letter-spacing:.02em;align-items:center;gap:8px;font-size:.8125rem;font-weight:700;display:flex}.ai-panel-icon{color:#a78bfa}.ai-panel-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:100px;padding:2px 7px;font-size:.625rem;font-weight:700}.ai-panel-close{color:var(--color-text-muted,#8b8fa8);background:0 0;border:none;border-radius:4px;padding:4px;transition:color .15s,background .15s;display:flex}.ai-panel-close:hover{color:var(--color-text);background:var(--color-border)}.ai-context-chips{border-bottom:1px solid var(--color-border,#ffffff14);flex-wrap:wrap;flex-shrink:0;gap:6px;padding:12px 14px 8px;display:flex}.ai-chip{border:1px solid var(--color-border-2,#ffffff1f);color:var(--color-text-muted,#8b8fa8);cursor:pointer;white-space:nowrap;background:0 0;border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:.6875rem;font-weight:600;transition:all .15s;display:flex}.ai-chip:hover:not(:disabled){color:#c4b5fd;background:#8b5cf61a;border-color:#8b5cf680}.ai-chip-active{color:#a78bfa!important;background:#8b5cf62e!important;border-color:#8b5cf6b3!important}.ai-chip:disabled{opacity:.35;cursor:not-allowed}.ai-selected-context{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:6px 14px}.ai-selected-badge{color:#86efac;font-size:.6875rem;font-weight:600;font-family:var(--font-mono,monospace);background:#22c55e1a;border:1px solid #22c55e4d;border-radius:4px;padding:2px 8px;display:inline-block}.ai-quick-prompts{border-bottom:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:4px;padding:10px 14px;display:flex}.ai-quick-btn{text-align:left;color:var(--color-text-muted,#8b8fa8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:.6875rem;transition:all .12s}.ai-quick-btn:hover{background:var(--color-border,#ffffff14);color:var(--color-text,#e8e9f0)}.ai-quick-btn:before{content:"→ ";opacity:.5}.ai-input-area{border-bottom:1px solid var(--color-border);flex-shrink:0;gap:8px;padding:12px 14px;display:flex}.ai-textarea{background:var(--color-surface,#18181f);border:1px solid var(--color-border-2,#ffffff1f);color:var(--color-text,#e8e9f0);resize:none;font-size:.8125rem;line-height:1.5;font-family:var(--font-sans);border-radius:8px;outline:none;flex:1;padding:10px 12px;transition:border-color .15s}.ai-textarea:focus{border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf61f}.ai-textarea:disabled{opacity:.5}.ai-textarea::placeholder{color:var(--color-text-muted,#8b8fa8)}.ai-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:38px;height:38px;transition:opacity .15s,transform .12s;display:flex}.ai-send-btn:disabled{opacity:.35;cursor:not-allowed}.ai-send-btn:not(:disabled):hover{transform:scale(1.06)}.ai-send-btn-loading{opacity:.7!important}.ai-hint{color:var(--color-text-muted);opacity:.6;flex-shrink:0;padding:0 14px 8px;font-size:.625rem}.ai-spin{animation:.8s linear infinite spin}.ai-result{border:1px solid;border-radius:8px;flex-shrink:0;margin:10px 14px;padding:12px;animation:.18s both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ai-result-success{background:#22c55e0f;border-color:#22c55e40}.ai-result-error{background:#ef444412;border-color:#ef44444d}.ai-result-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.ai-result-icon-success{color:#4ade80;flex-shrink:0}.ai-result-icon-error{color:#f87171;flex-shrink:0}.ai-result-action{font-size:.6875rem;font-weight:700;font-family:var(--font-mono,monospace);color:var(--color-text);flex:1}.ai-result-toggle{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.ai-result-explanation{color:var(--color-text-muted);margin-bottom:10px;font-size:.75rem;line-height:1.5}.ai-result-raw{font-size:.625rem;font-family:var(--font-mono,monospace);color:var(--color-text-muted);white-space:pre-wrap;word-break:break-all;background:#0000004d;border-radius:4px;margin-bottom:10px;padding:8px;overflow-x:auto}.ai-result-actions{gap:8px;display:flex}.ai-apply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 14px;font-size:.75rem;font-weight:700;transition:transform .12s,opacity .15s;display:flex}.ai-apply-btn:hover{transform:scale(1.03)}.ai-dismiss-btn{border:1px solid var(--color-border-2);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px;font-size:.75rem;transition:all .12s}.ai-dismiss-btn:hover{background:var(--color-border);color:var(--color-text)}.ai-chat-message{color:var(--color-text);margin-top:4px;font-size:.8125rem;line-height:1.6}.ai-patches{background:#eab30812;border:1px solid #eab30840;border-radius:8px;flex-shrink:0;margin:8px 14px 14px;padding:10px 12px}.ai-patches-title{color:#fcd34d;margin-bottom:6px;font-size:.75rem;font-weight:700}.ai-patch-item{padding:2px 0}.ai-patch-item code{font-size:.6875rem;font-family:var(--font-mono,monospace);color:#fef08a;background:#0000004d;border-radius:3px;padding:1px 5px}.ai-patches-hint{color:var(--color-text-muted);margin-top:6px;font-size:.6875rem}