@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title:"Outfit", sans-serif;--font-mono:"Fira Code", monospace;--blue-primary:#2563eb;--blue-hover:#1d4ed8;--pink-primary:#db2777;--pink-hover:#be185d;--purple-figma:#7c3aed;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--vscode-bg-dark:#18181c;--vscode-bg-editor:#1e1e24;--vscode-sidebar:#25252b;--vscode-activity-bar:#33333f;--vscode-status-bar:#1e3a8a;--vscode-text:#e2e8f0;--vscode-text-muted:#64748b;--vscode-border:#2d2d34;--vscode-accent:#3b82f6;--tauri-bg-window:#f1f5f9;--tauri-titlebar:#e2e8f0;--tauri-sidebar:#fff;--tauri-canvas-bg:#f8fafc;--tauri-editor-bg:#0f172a;--tauri-editor-text:#e2e8f0;--tauri-text-dark:#0f172a;--tauri-border:#e2e8f0;--figma-bg-canvas:#2c2c2c;--figma-bg-sidebar:#1e1e1e;--figma-bg-plugin:#fff;--figma-text:#fff;--figma-text-dark:#111827;--figma-border:#444;--figma-plugin-border:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:#f8fafc;-webkit-font-smoothing:antialiased;background-color:#0b0f19;width:100vw;min-height:100vh;overflow-x:hidden}html{min-height:100%}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64748b33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b66}.app-container{flex-direction:column;width:100vw;min-height:100vh;display:flex}.app-container:not(.app-landing){height:100vh;overflow:hidden}.global-header{-webkit-user-select:none;user-select:none;z-index:100;background:#0f172a;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.logo-section{font-family:var(--font-title);color:#fff;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.logo-icon{background:linear-gradient(135deg, var(--blue-primary), var(--pink-primary));border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 0 12px #2563eb66}.logo-dot{background:#fff;border-radius:50%;width:8px;height:8px}.phase-selector{background:#1e293b;border-radius:8px;gap:4px;padding:4px;display:flex}.phase-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:center;padding:6px 14px;font-size:.8rem;font-weight:500;line-height:1.2;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.phase-tab span{opacity:.6;font-size:.65rem}.phase-badge-v1{letter-spacing:.04em;background:#2563eb59;border-radius:3px;margin-left:4px;padding:1px 5px;opacity:1!important;color:#93c5fd!important;font-size:.55rem!important;font-weight:800!important}.phase-badge-vision{text-transform:uppercase;margin-left:4px;opacity:.7!important;color:#64748b!important;font-size:.5rem!important;font-weight:700!important}.receipts-subtitle{opacity:.55;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:.55rem;font-weight:500;display:block}.team-policy-panel{background:#0f172a80;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:12px;padding:12px}.team-policy-header{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.7rem;font-weight:700;display:flex}.team-policy-badge{color:var(--success-color);background:#10b98126;border-radius:4px;padding:2px 6px;font-size:.6rem}.team-policy-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.team-policy-grid label{color:#64748b;flex-direction:column;gap:4px;font-size:.65rem;display:flex}.team-policy-grid select,.team-policy-grid input{color:#e2e8f0;background:#0000004d;border:1px solid #ffffff14;border-radius:4px;padding:4px 6px;font-size:.7rem}.team-policy-note{color:#64748b;margin-top:8px;font-size:.6rem;line-height:1.4}.learning-loop-strip{color:#c4b5fd;background:#7c3aed1f;border:1px solid #7c3aed40;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 10px;font-size:.65rem;font-weight:600;display:flex}.rule-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.rule-dismiss-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:4px;padding:4px 10px;font-size:.65rem;font-weight:600}.rule-dismiss-btn:hover{color:#fff;border-color:#ffffff40}.rule-card.error-rule{border-color:#ef444440}.spec-section-body{color:#94a3b8;margin-bottom:8px;font-size:.85rem;line-height:1.5}.spec-modal{max-width:680px}.receipts-light .team-policy-panel{border-color:var(--tauri-border);background:#f8fafc}.receipts-light .team-policy-grid select,.receipts-light .team-policy-grid input{border-color:var(--tauri-border);color:var(--tauri-text-dark);background:#fff}.receipts-light .learning-loop-strip{color:#6d28d9;background:#7c3aed14}.phase-tab:hover{color:#fff}.phase-tab.active{background:var(--blue-primary);color:#fff;box-shadow:0 2px 4px #0000001a}.phase-tab.active-figma{background:var(--purple-figma);color:#fff;box-shadow:0 2px 4px #0000001a}.header-right{color:#94a3b8;align-items:center;gap:16px;font-size:.85rem;display:flex}.header-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.85rem;transition:color .2s;display:flex}.header-btn:hover{color:#fff}.shell-viewport{background:#090d16;flex:1;position:relative;overflow:hidden}.canvas-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:auto}.canvas-grid-light{background-image:linear-gradient(90deg,#e2e8f0cc 1px,#0000 1px),linear-gradient(#e2e8f0cc 1px,#0000 1px);background-size:20px 20px;background-color:var(--tauri-canvas-bg)}.canvas-grid-dark{background-color:#0f172a;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:20px 20px}.canvas-figma-dots{background-image:radial-gradient(circle,#ffffff1a 1.5px,#0000 1.5px);background-size:24px 24px;background-color:var(--figma-bg-canvas)}.pricing-card-preview{color:#1e293b;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;width:320px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pricing-card-header{text-transform:uppercase;letter-spacing:.1em;color:#64748b;outline:none;margin-bottom:8px;font-size:.75rem;font-weight:700}.pricing-card-price{color:#0f172a;font-size:2.25rem;font-weight:800;font-family:var(--font-title);align-items:baseline;margin-bottom:16px;display:flex}.pricing-card-period{color:#64748b;margin-left:4px;font-size:.875rem;font-weight:500}.pricing-card-features{flex-direction:column;gap:10px;margin-bottom:24px;list-style:none;display:flex}.pricing-card-features li{color:#475569;align-items:center;gap:8px;font-size:.875rem;display:flex}.pricing-card-features li:before{content:"•";color:var(--blue-primary);font-size:1.2rem;font-weight:700}.pricing-card-btn{text-align:center;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.pricing-card-btn:hover{filter:brightness(.9)}.layout-component-wrapper{border:2px dashed #0000;transition:border .2s;position:relative}.layout-component-wrapper:hover{border-color:#3b82f666}.layout-component-wrapper.selected{border-color:var(--blue-primary);box-shadow:0 0 0 1px var(--blue-primary)}.layout-component-wrapper.selected-figma{border-color:var(--purple-figma);box-shadow:0 0 0 1px var(--purple-figma)}.layout-badge{background:var(--blue-primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;pointer-events:none;border-radius:4px 4px 0 0;padding:3px 8px;font-size:.65rem;font-weight:600;position:absolute;top:-24px;left:-2px}.layout-badge-figma{background:var(--purple-figma);color:#fff;text-transform:uppercase;letter-spacing:.05em;pointer-events:none;border-radius:4px 4px 0 0;padding:3px 8px;font-size:.65rem;font-weight:600;position:absolute;top:-24px;left:-2px}.sliders-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#0f172ad9;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;gap:12px;width:280px;padding:16px 24px;transition:all .3s;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 25px -5px #0000004d}.slider-group{flex-direction:column;gap:4px;display:flex}.slider-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;justify-content:space-between;font-size:.7rem;font-weight:600;display:flex}.slider-label span.value{color:#f1f5f9;font-family:var(--font-mono)}.range-input{-webkit-appearance:none;background:#334155;border-radius:3px;outline:none;width:100%;height:6px}.range-input::-webkit-slider-thumb{appearance:none;cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s}.range-input.padding-slider::-webkit-slider-thumb{background:var(--blue-primary);box-shadow:0 0 8px #2563eb99}.range-input.radius-slider::-webkit-slider-thumb{background:var(--pink-primary);box-shadow:0 0 8px #db277799}.range-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.library-pane{border-right:1px solid var(--tauri-border);background:var(--tauri-sidebar);width:240px;height:100%;color:var(--tauri-text-dark);flex-direction:column;display:flex}.library-header{border-bottom:1px solid var(--tauri-border);justify-content:space-between;align-items:center;padding:16px;display:flex}.library-title{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.75rem;font-weight:700}.library-list{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid;overflow-y:auto}.library-item{cursor:grab;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:80px;padding:12px;transition:all .2s;display:flex}.library-item:hover{border-color:var(--blue-primary);background:#eff6ff;transform:translateY(-2px)}.library-item-icon{background:#fff;border:1.5px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:32px;height:24px;display:flex;position:relative;overflow:hidden}.library-item-icon:after{content:"";background:#cbd5e1;display:block}.library-item-icon.pricing:after{border-radius:2px;width:16px;height:12px}.library-item-icon.button:after{background:var(--blue-primary);border-radius:1px;width:18px;height:6px}.library-item-icon.hero:after{width:22px;height:4px;box-shadow:0 5px #cbd5e1,0 -5px #cbd5e1}.library-item-icon.nav:after{width:24px;height:3px;position:absolute;top:4px}.library-item-name{color:#475569;font-size:.75rem;font-weight:500}.library-item-badge{color:#1e40af;background:#dbeafe;border-radius:3px;margin-left:auto;padding:1px 4px;font-size:.6rem;font-weight:600}.recent-files{border-top:1px solid var(--tauri-border);margin-top:auto;padding:16px}.recent-title{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:8px;font-size:.7rem;font-weight:700}.file-link{color:#475569;cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:.75rem;transition:all .2s;display:flex}.file-link:hover{color:#0f172a;background:#f1f5f9}.file-link.active{color:var(--blue-primary);background:#eff6ff;font-weight:600}.editor-pane{border-right:1px solid #ffffff14;flex-direction:column;min-width:0;height:100%;display:flex;position:relative}.editor-header{color:#94a3b8;height:36px;font-size:.75rem;font-family:var(--font-mono);background:#0003;border-bottom:1px solid #ffffff14;align-items:center;padding:0 16px;display:flex}.editor-wrapper{flex:1;position:relative;overflow:hidden}.editor-textarea{color:#0000;caret-color:#fff;resize:none;width:100%;height:100%;font-family:var(--font-mono);white-space:pre;z-index:2;tab-size:2;background:0 0;border:none;outline:none;padding:16px;font-size:.825rem;line-height:1.5;position:absolute;top:0;left:0;overflow:auto}.editor-highlight{width:100%;height:100%;font-family:var(--font-mono);white-space:pre;pointer-events:none;color:#94a3b8;z-index:1;tab-size:2;padding:16px;font-size:.825rem;line-height:1.5;position:absolute;top:0;left:0;overflow:hidden}.code-keyword{color:#f43f5e;font-weight:500}.code-function{color:#3b82f6}.code-tag{color:#38bdf8}.code-attr{color:#fbbf24}.code-string{color:#10b981}.code-comment{color:#64748b;font-style:italic}.code-number{color:#f59e0b}.receipts-pane{background:#111827;border-left:1px solid #ffffff14;flex-direction:column;width:320px;height:100%;display:flex}.receipts-light{color:#0f172a;background:#fff;border-left:1px solid #e2e8f0}.receipts-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px;display:flex}.receipts-light .receipts-header{border-bottom:1px solid #e2e8f0}.receipts-title{font-family:var(--font-title);letter-spacing:.05em;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.score-badge{font-family:var(--font-mono);color:var(--success-color);background:#10b98126;border:1px solid #10b9814d;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.score-badge.warning{color:var(--warning-color);background:#f59e0b26;border-color:#f59e0b4d}.receipts-scroll{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.score-metrics{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:10px;padding-bottom:16px;display:flex}.receipts-light .score-metrics{border-bottom:1px solid #f1f5f9}.metric-row{flex-direction:column;gap:4px;display:flex}.metric-info{text-transform:uppercase;color:#94a3b8;justify-content:space-between;font-size:.7rem;font-weight:600;display:flex}.metric-bar-bg{background:#ffffff0d;border-radius:2px;height:4px;overflow:hidden}.receipts-light .metric-bar-bg{background:#f1f5f9}.metric-bar-fill{border-radius:2px;height:100%;transition:width .5s ease-out}.rules-list{flex-direction:column;gap:12px;display:flex}.rule-card{border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;font-size:.8rem;line-height:1.4;transition:all .3s;display:flex}.rule-card.success{color:#a7f3d0;background:#10b9810d;border-color:#10b9811a}.receipts-light .rule-card.success{color:#065f46;background:#ecfdf5;border-color:#d1fae5}.rule-card.warning{color:#fde68a;background:#f59e0b0d;border-color:#f59e0b1a;box-shadow:0 4px 6px -1px #0000001a}.receipts-light .rule-card.warning{color:#92400e;background:#fffbeb;border-color:#fef3c7}.rule-icon{margin-top:2px;font-size:1rem}.rule-content{flex:1}.rule-title{margin-bottom:2px;font-weight:600}.rule-desc{opacity:.8;margin-bottom:8px;font-size:.725rem}.rule-tag{text-transform:uppercase;letter-spacing:.05em;opacity:.5;font-size:.6rem;font-weight:700;display:inline-block}.rule-action-btn{background:var(--blue-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:.7rem;font-weight:600;transition:background .2s}.rule-action-btn:hover{background:var(--blue-hover)}.receipts-footer{text-transform:uppercase;color:#64748b;letter-spacing:.08em;border-top:1px solid #ffffff0d;justify-content:space-between;padding:12px 16px;font-size:.65rem;font-weight:600;display:flex}.receipts-light .receipts-footer{border-top:1px solid #f1f5f9}.vscode-workspace{background:var(--vscode-bg-dark);height:calc(100vh - 56px);color:var(--vscode-text);font-size:.85rem;display:flex}.vscode-activitybar{background:var(--vscode-activity-bar);border-right:1px solid var(--vscode-border);flex-direction:column;align-items:center;gap:16px;width:48px;padding-top:10px;display:flex}.activity-icon{color:#64748b;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .2s,background-color .2s;display:flex}.activity-icon:hover{color:#fff}.activity-icon.active{color:#fff;border-left:2px solid var(--vscode-accent);background-color:#ffffff0d}.vscode-sidebar{background:var(--vscode-sidebar);border-right:1px solid var(--vscode-border);flex-direction:column;width:220px;display:flex}.vscode-sidebar-title{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;border-bottom:1px solid var(--vscode-border);padding:10px 16px;font-size:.7rem;font-weight:700}.vscode-tree{flex-direction:column;gap:4px;padding:10px;display:flex}.vscode-tree-node{cursor:pointer;color:#94a3b8;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;display:flex}.vscode-tree-node:hover{color:#fff;background:#ffffff08}.vscode-tree-node.active{color:#3b82f6;background:#3b82f61a;font-weight:500}.vscode-tree-node.file:before{content:"📄";font-size:.7rem}.vscode-tree-node.folder:before{content:"📁";font-size:.7rem}.vscode-editor-area{flex:1;grid-template-columns:1.1fr 1fr 280px;height:100%;display:grid}.vscode-statusbar{background:var(--vscode-status-bar);color:#fff;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:22px;padding:0 10px;font-size:.7rem;display:flex}.tauri-window{background:var(--tauri-bg-window);height:calc(100vh - 56px);font-family:var(--font-sans);flex-direction:column;display:flex}.tauri-titlebar{background:var(--tauri-titlebar);border-bottom:1px solid var(--tauri-border);justify-content:space-between;align-items:center;height:38px;padding:0 16px;display:flex}.tauri-window-controls{gap:8px;display:flex}.window-dot{border-radius:50%;width:12px;height:12px}.window-dot.close{background:#ef4444}.window-dot.minimize{background:#f59e0b}.window-dot.maximize{background:#10b981}.tauri-title{color:#475569;font-size:.75rem;font-weight:600}.tauri-menubar{border-bottom:1px solid var(--tauri-border);color:#475569;-webkit-user-select:none;user-select:none;background:#fff;align-items:center;gap:16px;height:32px;padding:0 16px;font-size:.75rem;font-weight:500;display:flex}.tauri-menu-item{cursor:pointer}.tauri-menu-item:hover{color:#0f172a}.tauri-main-layout{flex:1;display:flex;overflow:hidden}.tauri-content{flex:1;grid-template-columns:1fr 1fr;height:100%;display:grid}.tauri-bottom-bar{border-top:1px solid var(--tauri-border);background:#fff;justify-content:space-between;align-items:center;height:32px;padding:0 16px;display:flex}.tauri-bottom-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.tauri-bottom-btn:hover{color:#0f172a;background:#e2e8f0}.figma-editor{background:var(--figma-bg-canvas);height:calc(100vh - 56px);color:var(--figma-text);font-family:var(--font-sans);display:flex;position:relative;overflow:hidden}.figma-toolbar{z-index:10;background:#2c2c2c;border-bottom:1px solid #1e1e1e;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 16px;display:flex;position:absolute;top:0;left:0}.figma-toolbar-left{align-items:center;gap:16px;display:flex}.figma-tool-icon{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.figma-tool-icon:hover{background:#ffffff14}.figma-canvas-area{flex:1;height:calc(100% - 48px);margin-top:48px;position:relative}.figma-plugin-window{background:var(--figma-bg-plugin);border:1px solid var(--figma-plugin-border);width:420px;height:calc(100% - 96px);color:var(--figma-text-dark);z-index:20;border-radius:12px;flex-direction:column;display:flex;position:absolute;top:72px;right:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.figma-plugin-header{border-bottom:1px solid var(--figma-plugin-border);align-items:center;gap:10px;padding:12px 16px;display:flex}.figma-plugin-logo{background:var(--purple-figma);border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.figma-plugin-title{font-family:var(--font-title);color:#111827;flex:1;font-size:.8rem;font-weight:700}.figma-plugin-tag{color:#4b5563;text-transform:uppercase;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:600}.figma-banner{background:#fdf2f8;border-bottom:1px solid #fbcfe8;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.figma-banner-title{color:#db2777;align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.figma-banner-text{color:#831843;font-size:.7rem}.figma-banner-btn{color:#fff;cursor:pointer;background:#db2777;border:none;border-radius:6px;align-self:flex-start;padding:6px 12px;font-size:.725rem;font-weight:600;transition:background .2s}.figma-banner-btn:hover{background:#be185d}.figma-tabs{border-bottom:1px solid var(--figma-plugin-border);background:#f9fafb;display:flex}.figma-tab-btn{text-align:center;color:#6b7280;cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:.75rem;font-weight:600;position:relative}.figma-tab-btn.active{color:var(--purple-figma)}.figma-tab-btn.active:after{content:"";background:var(--purple-figma);width:100%;height:2px;position:absolute;bottom:0;left:0}.figma-plugin-content{flex:1;position:relative;overflow:hidden}.figma-plugin-footer{border-top:1px solid var(--figma-plugin-border);background:#f9fafb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.figma-toggle-group{color:#4b5563;align-items:center;gap:8px;font-size:.7rem;font-weight:600;display:flex}.switch{width:28px;height:16px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider-round{cursor:pointer;background-color:#d1d5db;border-radius:16px;transition:all .4s;position:absolute;inset:0}.slider-round:before{content:"";background-color:#fff;border-radius:50%;width:10px;height:10px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider-round{background-color:var(--purple-figma)}input:checked+.slider-round:before{transform:translate(12px)}.selection-bounds{border:1.5px solid var(--purple-figma);pointer-events:none;border-radius:14px;position:absolute}.selection-handle{border:1.5px solid var(--purple-figma);background:#fff;border-radius:1px;width:6px;height:6px;position:absolute}.selection-badge{background:var(--purple-figma);color:#fff;border-radius:3px;padding:1px 4px;font-size:.6rem;font-weight:700;position:absolute;top:-20px;left:0}@keyframes pulseGlow{0%{box-shadow:0 0 #3b82f666}to{box-shadow:0 0 0 8px #3b82f600}}.glow-active{animation:1.5s infinite pulseGlow}.apply-fix-flash{animation:.8s ease-out flashSuccess}@keyframes flashSuccess{0%,to{background-color:#0000}50%{background-color:#10b98126}}.panel-collapse-footer{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000040;border-top:1px solid #ffffff0d;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:100%;height:36px;font-size:.725rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.panel-collapse-footer:hover{color:#fff;background:#ffffff0f}.tauri-light-collapse-footer{border-top:1px solid var(--tauri-border);color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f1f5f9;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:100%;height:36px;font-size:.725rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.tauri-light-collapse-footer:hover{color:var(--blue-primary);background:#e2e8f0}.collapsed-vertical-bar{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:16px 0;transition:background-color .2s;display:flex}.collapsed-vertical-bar:hover{background-color:#ffffff0a!important}.collapsed-vertical-bar.light-bar:hover{background-color:#f1f5f9!important}.vertical-label{writing-mode:vertical-lr;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:700;display:inline-block;transform:rotate(180deg)}.app-landing .shell-viewport{flex:1;min-height:100vh;overflow:visible}.landing-page{flex-direction:column;min-height:100vh;padding:0 32px;display:flex;position:relative;overflow:hidden}.landing-glow{filter:blur(120px);pointer-events:none;opacity:.35;border-radius:50%;position:absolute}.landing-glow-a{background:var(--blue-primary);width:480px;height:480px;top:-120px;right:10%}.landing-glow-b{background:var(--pink-primary);width:360px;height:360px;bottom:10%;left:-80px}.landing-header{z-index:1;justify-content:space-between;align-items:center;width:100%;max-width:1080px;margin:0 auto;padding:28px 0;display:flex;position:relative}.landing-logo{font-family:var(--font-title);color:#fff;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.landing-logo-light{opacity:.75;font-weight:400}.landing-cta-sm{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .15s}.landing-cta-sm:hover{background:#ffffff1a;border-color:#fff3}.landing-hero{z-index:1;flex-direction:column;flex:1;justify-content:center;width:100%;max-width:680px;margin:0 auto;padding:48px 0 64px;display:flex;position:relative}.landing-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#60a5fa;margin-bottom:20px;font-size:.8rem;font-weight:600}.landing-hero h1{font-family:var(--font-title);letter-spacing:-.03em;color:#fff;margin-bottom:20px;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1.08}.landing-lead{color:#94a3b8;max-width:540px;margin-bottom:36px;font-size:1.125rem;line-height:1.65}.landing-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.landing-cta-primary{background:linear-gradient(135deg, var(--blue-primary), #1d4ed8);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:14px 28px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 24px #2563eb59}.landing-cta-primary:hover{transform:translateY(-1px);box-shadow:0 12px 32px #2563eb73}.landing-cta-secondary{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:10px;padding:14px 24px;font-size:.95rem;font-weight:500;transition:all .15s}.landing-cta-secondary:hover{color:#fff;border-color:#ffffff4d}.landing-features{z-index:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;width:100%;max-width:1080px;margin:0 auto;padding-bottom:64px;display:grid;position:relative}.landing-feature-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:24px;transition:border-color .2s}.landing-feature-card:hover{border-color:#ffffff26}.landing-feature-card h3{font-family:var(--font-title);color:#fff;margin-bottom:8px;font-size:1rem;font-weight:700}.landing-feature-card p{color:#64748b;font-size:.875rem;line-height:1.55}.landing-footer{z-index:1;color:#475569;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1080px;margin:0 auto;padding:24px 0 40px;font-size:.8rem;display:flex;position:relative}.landing-footer-link{color:#94a3b8;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-size:.8rem;font-weight:500;text-decoration:underline}.landing-footer-link:hover{color:#fff}.landing-page-v2{padding:0 24px;overflow:hidden auto}.landing-header-sticky{-webkit-backdrop-filter:blur(12px);background:#090d16d9;border-bottom:1px solid #ffffff0d;margin:0 -24px;padding-left:24px;padding-right:24px;position:sticky;top:0}.landing-header-bar{z-index:10;-webkit-backdrop-filter:blur(12px);background:#090d16d9;border-bottom:1px solid #ffffff0d;width:100vw;margin-left:calc(50% - 50vw);position:sticky;top:0}.landing-page-v2 .landing-header{max-width:1120px;margin:0 auto;padding:20px 24px}.landing-nav{flex:1;justify-content:center;gap:4px;display:flex}.landing-nav button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:.8rem;font-weight:500;transition:color .15s,background .15s}.landing-nav button:hover{color:#fff;background:#ffffff0f}.landing-header-actions{align-items:center;gap:8px;display:flex}.landing-cta-sm-primary{color:#93c5fd;background:#2563eb40;border-color:#2563eb73}.landing-cta-sm-primary:hover{background:#2563eb66}.landing-hero-v2{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:48px;width:100%;max-width:1120px;margin:0 auto;padding:64px 0 80px;display:grid;position:relative}.landing-hero-copy{max-width:560px}.landing-gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-hero-stats{border-top:1px solid #ffffff14;gap:28px;margin-top:36px;padding-top:28px;display:flex}.landing-hero-stats div{flex-direction:column;gap:2px;display:flex}.landing-hero-stats strong{font-family:var(--font-title);color:#f1f5f9;font-size:1.25rem}.landing-hero-stats span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.landing-mock{background:#0c1222;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;box-shadow:0 24px 64px #00000073,0 0 0 1px #ffffff0a}.landing-mock-titlebar{background:#00000059;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:10px 14px;display:flex}.landing-mock-dot{background:#ffffff26;border-radius:50%;width:8px;height:8px}.landing-mock-file{font-family:var(--font-mono);color:#64748b;margin-left:8px;font-size:.65rem}.landing-mock-body{grid-template-columns:1.2fr 1fr;min-height:220px;display:grid}.landing-mock-pane{min-height:220px}.landing-mock-design{background:radial-gradient(circle,#2563eb0f 0%,#0000 70%);border-right:1px solid #ffffff0f;display:flex}.landing-mock-sidebar{background:#0003;border-right:1px solid #ffffff0a;width:28px}.landing-mock-canvas{flex:1;padding:20px;position:relative}.landing-mock-card{border:1px solid #ffffff1a;border-radius:8px}.landing-mock-card-a{background:#2563eb33;width:70%;height:48px;margin-bottom:10px}.landing-mock-card-b{background:#7c3aed26;width:55%;height:72px}.landing-mock-receipt{color:#34d399;white-space:nowrap;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;padding:4px 10px;font-size:.55rem;font-weight:600;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.landing-mock-code{background:#070b12;padding:14px;overflow:hidden}.landing-mock-code pre{font-family:var(--font-mono);color:#64748b;white-space:pre-wrap;margin:0;font-size:.58rem;line-height:1.55}.landing-section{z-index:1;width:100%;max-width:1120px;margin:0 auto;padding:72px 0;position:relative}.landing-section-alt{background:#ffffff05;border-radius:20px;margin-bottom:24px;padding-left:32px;padding-right:32px}.landing-section-head{text-align:center;max-width:560px;margin:0 auto 40px}.landing-section-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#60a5fa;margin-bottom:12px;font-size:.75rem;font-weight:600}.landing-section-head h2{font-family:var(--font-title);color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800}.landing-section-head p{color:#64748b;font-size:.95rem;line-height:1.6}.landing-bento{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing-bento-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:22px;transition:border-color .2s,transform .2s}.landing-bento-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.landing-bento-card-highlight{background:linear-gradient(135deg,#2563eb1a,#7c3aed14);border-color:#2563eb40}.landing-bento-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.landing-bento-icon{color:#93c5fd;font-size:1.1rem}.landing-bento-tag{text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#ffffff0d;border-radius:999px;padding:3px 8px;font-size:.6rem;font-weight:700}.landing-bento-card h3{font-family:var(--font-title);color:#f1f5f9;margin-bottom:8px;font-size:.95rem;font-weight:700}.landing-bento-card p{color:#64748b;margin:0;font-size:.8rem;line-height:1.55}.landing-workflow{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-workflow-step{border-left:2px solid #2563eb66;padding:24px}.landing-workflow-num{font-family:var(--font-mono);color:#60a5fa;margin-bottom:12px;font-size:.7rem;font-weight:700;display:block}.landing-workflow-step h3{font-family:var(--font-title);color:#fff;margin-bottom:8px;font-size:1rem;font-weight:700}.landing-workflow-step p{color:#64748b;margin:0;font-size:.85rem;line-height:1.55}.landing-integrations{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.landing-integration-pill{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:120px;padding:16px 24px;display:flex}.landing-integration-name{font-family:var(--font-title);color:#f1f5f9;font-size:.9rem;font-weight:700}.landing-integration-desc{color:#64748b;font-size:.7rem}.landing-compare-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.landing-compare-col{background:#10b9810f;border:1px solid #10b98133;border-radius:14px;padding:28px}.landing-compare-col-muted{background:#ffffff08;border-color:#ffffff14}.landing-compare-col h3{font-family:var(--font-title);color:#fff;margin-bottom:16px;font-size:1rem;font-weight:700}.landing-compare-col ul{color:#94a3b8;margin:0;padding-left:18px;font-size:.85rem;line-height:1.7}.landing-compare-col em{color:#cbd5e1;font-style:normal;font-weight:600}.landing-cta-banner{z-index:1;text-align:center;max-width:640px;margin:0 auto;padding:64px 24px 80px;position:relative}.landing-cta-banner h2{font-family:var(--font-title);color:#fff;margin-bottom:12px;font-size:1.75rem;font-weight:800}.landing-cta-banner p{color:#64748b;margin-bottom:28px;line-height:1.6}.landing-actions-center{justify-content:center}.landing-footer-v2{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-bottom:48px}.landing-footer-brand{font-family:var(--font-title);color:#cbd5e1;align-items:center;gap:8px;font-weight:700;display:flex}.landing-footer-note{color:#475569}.landing-footer-links{gap:20px;display:flex}@media (width<=960px){.landing-nav{display:none}.landing-hero-v2{grid-template-columns:1fr;padding-top:40px}.landing-mock{order:-1}.landing-bento{grid-template-columns:1fr 1fr}.landing-workflow,.landing-compare-grid{grid-template-columns:1fr}.facilitator-section{padding:32px 0}.facilitator-inner{flex-direction:column;align-items:flex-start}}@media (width<=600px){.landing-bento{grid-template-columns:1fr}.landing-hero-stats{flex-wrap:wrap;gap:16px}.landing-header-actions .landing-cta-sm:first-child{display:none}}.workspace-header{-webkit-user-select:none;user-select:none;z-index:100;background:#0c1222;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 16px 0 12px;display:flex}.workspace-header-left{align-items:center;gap:20px;min-width:0;display:flex}.workspace-logo{font-family:var(--font-title);color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:.95rem;font-weight:700;display:flex}.workspace-logo:hover{opacity:.85}.workspace-logo-light{opacity:.7;font-weight:400}.workspace-file-tabs{border-left:1px solid #ffffff0f;gap:0;margin-left:4px;padding-left:4px;display:flex}.workspace-file-tab{color:#64748b;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:12px 14px;font-size:.72rem;font-weight:500;transition:color .15s,border-color .15s}.workspace-file-tab:hover{color:#cbd5e1}.workspace-file-tab.active{color:#f1f5f9;border-bottom-color:var(--blue-primary);background:0 0}.workspace-file-tab-page.active{border-bottom-color:#a78bfa}.canvas-page-view{background-color:#0a0e17}.canvas-status-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #0000004d}.canvas-status-label{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:700}.canvas-status-value{color:#cbd5e1;font-size:.75rem;font-weight:600}.canvas-toolbar{z-index:100;max-width:min(96vw,920px);position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.canvas-toolbar-scroll{-webkit-backdrop-filter:blur(16px);scrollbar-width:none;background:#0f172aeb;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:2px;padding:6px 8px;display:flex;overflow-x:auto;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006}.canvas-toolbar-scroll::-webkit-scrollbar{display:none}.canvas-toolbar-group{flex-shrink:0;align-items:center;gap:2px;display:flex}.canvas-toolbar-divider{background:#ffffff1f;flex-shrink:0;width:1px;height:24px;margin:0 4px}.canvas-tool-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.canvas-tool-btn:hover{color:#fff;background:#ffffff14}.canvas-tool-shape-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.canvas-tool-shape-wrap .canvas-tool-btn{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:2px}.canvas-tool-caret{opacity:.7;margin-left:-2px;font-size:.45rem}.canvas-tool-shape-menu-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-top-right-radius:10px;border-bottom-right-radius:10px;width:14px;height:36px;margin-left:-2px;font-size:.5rem}.canvas-tool-shape-menu-btn:hover{color:#fff;background:#ffffff14}.canvas-toolbar-hint{color:#fff;white-space:nowrap;pointer-events:none;border-radius:6px;padding:4px 10px;font-size:.65rem;font-weight:600;position:absolute;top:-36px;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #0003}.canvas-tool-flyout{z-index:120;background:#0f172afa;border:1px solid #ffffff1f;border-radius:10px;min-width:180px;padding:4px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 24px #00000073}.canvas-tool-flyout-item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:.75rem;display:flex}.canvas-tool-flyout-item:hover{background:#ffffff14}.canvas-tool-flyout-item kbd{color:#64748b;font-size:.6rem;font-family:var(--font-mono);margin-left:auto}.canvas-comment-pin{width:100%;height:100%;position:relative}.canvas-comment-dot{background:#fbbf24;border:2px solid #fff;border-radius:50%;width:24px;height:24px;display:block;box-shadow:0 2px 8px #00000040}.canvas-comment-bubble{color:#1e293b;white-space:pre-wrap;background:#fff;border-radius:8px;min-width:120px;max-width:200px;padding:8px 10px;font-size:.7rem;position:absolute;top:-4px;left:32px;box-shadow:0 4px 12px #0003}.canvas-slice{position:relative}.workspace-header-right{align-items:center;gap:16px;display:flex}.sync-indicator{color:#64748b;align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:flex}.sync-dot{background:var(--success-color);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b98199}.workspace-feedback-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:all .15s}.workspace-feedback-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff2e}.facilitator-menu-wrap{position:relative}.facilitator-menu-trigger{color:#64748b;letter-spacing:.05em;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1rem;font-weight:700;line-height:1;transition:all .15s;display:flex}.facilitator-menu-trigger:hover{color:#94a3b8;background:#ffffff0f;border-color:#ffffff2e}.facilitator-menu{z-index:200;background:#1e293b;border:1px solid #334155;border-radius:10px;min-width:180px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #00000073}.facilitator-menu-section{flex-direction:column;gap:2px;display:flex}.facilitator-menu-label{text-transform:uppercase;letter-spacing:.08em;color:#475569;padding:6px 10px 4px;font-size:.6rem;font-weight:700}.facilitator-menu button{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:.8rem;font-weight:500;transition:background .12s}.facilitator-menu button:hover:not(:disabled){color:#fff;background:#ffffff0f}.facilitator-menu button:disabled{opacity:.5;cursor:wait}.facilitator-menu-divider{background:#334155;height:1px;margin:6px 0}.receipts-header-actions{align-items:center;gap:8px;display:flex}.receipts-settings-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;padding:3px 8px;font-size:.65rem;font-weight:600;transition:all .15s}.receipts-settings-btn:hover{color:#fff;border-color:#fff3}.inspector-footer{color:#64748b;border-top:1px solid #444;padding:12px;font-size:.65rem;line-height:1.3}.inspector-instance-card{background:#7c3aed14;border:1px solid #7c3aed40;border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.inspector-instance-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:.6rem;font-weight:700}.inspector-instance-file{font-family:var(--font-mono);color:#c4b5fd;font-size:.85rem;font-weight:600}.inspector-instance-desc{color:#94a3b8;margin:0;font-size:.75rem;line-height:1.45}.inspector-instance-open{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-self:flex-start;margin-top:4px;padding:8px 12px;font-size:.75rem;font-weight:600}.inspector-instance-open:hover{background:#1d4ed8}.component-instance-wrap,.component-instance-preview{position:relative}.component-instance-missing{color:#fca5a5;text-align:center;background:#ef44441a;border:1px dashed #ef444466;border-radius:8px;padding:24px;font-size:.8rem}.demo-badge{text-transform:uppercase;letter-spacing:.06em;color:#60a5fa;background:#2563eb33;border-radius:4px;margin-left:8px;padding:3px 8px;font-size:.65rem;font-weight:700}.component-switcher{background:#1e293b;border-radius:6px;gap:4px;padding:2px;display:flex}.component-switch-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:.7rem;font-weight:600;transition:all .15s}.component-switch-btn:hover{color:#fff}.component-switch-btn.active{background:var(--blue-primary);color:#fff}.demo-controls{align-items:center;gap:6px;display:flex}.demo-controls-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:.65rem;font-weight:700}.demo-controls-divider{opacity:.3;font-size:.75rem}.demo-control-btn{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#1e293b;border:1px solid #334155;border-radius:5px;padding:4px 10px;font-size:.7rem;font-weight:600;transition:all .15s}.demo-control-btn:hover{color:#fff;background:#334155}.demo-control-warn:hover{border-color:var(--warning-color);color:var(--warning-color)}.demo-control-fix:hover{border-color:var(--success-color);color:var(--success-color)}.demo-control-feedback{color:#f472b6;background:#db277726;border-color:#db27774d}.demo-control-feedback:hover{color:#fff;background:#db277740}.demo-control-ghost{background:0 0;border-color:#0000}.demo-tour-overlay{z-index:10000;pointer-events:none;position:fixed;inset:0}.demo-tour-backdrop{pointer-events:auto;background:#000000a6;position:absolute;inset:0}.demo-tour-spotlight{pointer-events:none;z-index:10001;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;box-shadow:0 0 0 9999px #000000a6}.demo-tour-tooltip{z-index:10002;pointer-events:auto;background:#1e293b;border:1px solid #334155;border-radius:12px;width:340px;padding:24px;position:fixed;box-shadow:0 25px 50px #00000080}.demo-tour-tooltip-center{top:50%;left:50%;transform:translate(-50%,-50%)}.demo-tour-progress{color:var(--blue-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:.7rem;font-weight:600}.demo-tour-tooltip h3{font-family:var(--font-title);color:#fff;margin-bottom:8px;font-size:1.15rem;font-weight:700}.demo-tour-tooltip p{color:#94a3b8;margin-bottom:20px;font-size:.85rem;line-height:1.5}.demo-tour-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-tour-skip{color:#64748b;cursor:pointer;background:0 0;border:none;padding:8px;font-size:.8rem}.demo-tour-skip:hover{color:#fff}.demo-tour-next{background:linear-gradient(135deg, var(--blue-primary), var(--pink-primary));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.85rem;font-weight:700}.demo-tour-next:hover{opacity:.9}.feedback-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10003;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.feedback-modal{background:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:440px;padding:32px;box-shadow:0 25px 50px #00000080}.feedback-modal h2{font-family:var(--font-title);color:#fff;margin-bottom:8px;font-size:1.35rem;font-weight:800}.feedback-subtitle{color:#94a3b8;margin-bottom:24px;font-size:.85rem;line-height:1.5}.feedback-modal-icon{width:48px;height:48px;color:var(--success-color);background:#10b98126;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.5rem;font-weight:700;display:flex}.feedback-fieldset{border:none;margin-bottom:20px;padding:0}.feedback-fieldset legend{color:#cbd5e1;margin-bottom:10px;font-size:.8rem;font-weight:600}.feedback-options{flex-direction:column;gap:8px;display:flex}.feedback-option{color:#cbd5e1;cursor:pointer;background:#0f172a80;border:1px solid #334155;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;transition:all .15s;display:flex}.feedback-option:hover{border-color:#475569}.feedback-option.selected{border-color:var(--blue-primary);color:#fff;background:#2563eb1a}.feedback-option input{accent-color:var(--blue-primary)}.feedback-label{color:#cbd5e1;flex-direction:column;gap:6px;margin-bottom:16px;font-size:.8rem;font-weight:600;display:flex}.feedback-label select,.feedback-label textarea{color:#fff;font-size:.85rem;font-family:var(--font-sans);background:#0f172a99;border:1px solid #334155;border-radius:8px;outline:none;padding:10px 12px}.feedback-label select:focus,.feedback-label textarea:focus{border-color:var(--blue-primary)}.feedback-modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.feedback-cancel-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:8px;padding:10px 16px;font-size:.85rem;font-weight:600}.feedback-submit-btn{background:var(--blue-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.85rem;font-weight:700}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-submit-btn:not(:disabled):hover{background:var(--blue-hover)}.presenter-toast{z-index:10004;color:#fff;background:linear-gradient(135deg,#1e3a8a,#581c87);border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:10px;max-width:min(520px,90vw);padding:12px 20px;font-size:.85rem;font-weight:600;animation:.3s ease-out presenterSlideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000073}.presenter-toast-icon{opacity:.9;font-size:.75rem}@keyframes presenterSlideUp{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.demo-control-present{color:#c4b5fd;background:#7c3aed33;border-color:#7c3aed66}.demo-control-present:hover:not(:disabled){color:#fff;background:#7c3aed59}.demo-control-present:disabled{opacity:.6;cursor:wait}.demo-control-export{color:#6ee7b7;background:#10b9811f;border-color:#10b9814d}.demo-control-export:hover{color:#fff;background:#10b98138}.demo-script-overlay{align-items:flex-start;padding-top:40px}.demo-script-modal{background:#1e293b;border:1px solid #334155;border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:calc(100vh - 80px);display:flex;box-shadow:0 25px 50px #00000080}.demo-script-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 0;display:flex}.demo-script-header h2{font-family:var(--font-title);color:#fff;margin-bottom:4px;font-size:1.25rem;font-weight:800}.demo-script-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.1rem;line-height:1}.demo-script-close:hover{color:#fff}.demo-script-body{flex:1;padding:20px 28px;overflow-y:auto}.demo-script-section{margin-bottom:20px}.demo-script-section h3{color:#60a5fa;margin-bottom:8px;font-size:.9rem;font-weight:700}.demo-script-section ul{flex-direction:column;gap:8px;list-style:none;display:flex}.demo-script-section li{color:#cbd5e1;padding-left:16px;font-size:.85rem;line-height:1.5;position:relative}.demo-script-section li:before{content:"→";color:#64748b;font-size:.75rem;position:absolute;left:0}.demo-script-notes{background:#0f172a80;border:1px solid #334155;border-radius:10px;padding:16px}.demo-script-actions{border-top:1px solid #334155;padding:16px 28px 24px}.facilitator-section{max-width:1100px;margin:0 auto;padding:48px 64px 64px}.facilitator-inner{background:linear-gradient(135deg,#7c3aed14,#2563eb14);border:1px solid #7c3aed33;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:32px;display:flex}.facilitator-label{text-transform:uppercase;letter-spacing:.08em;color:#a78bfa;font-size:.7rem;font-weight:700}.facilitator-title{font-family:var(--font-title);color:#fff;margin:6px 0 8px;font-size:1.35rem;font-weight:800}.facilitator-desc{color:#94a3b8;max-width:480px;font-size:.85rem;line-height:1.5}.facilitator-actions{flex-wrap:wrap;gap:10px;display:flex}.facilitator-btn{color:#e2e8f0;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;padding:10px 16px;font-size:.8rem;font-weight:600;transition:all .15s}.facilitator-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.facilitator-btn:disabled{opacity:.6;cursor:wait}.facilitator-btn-primary{background:linear-gradient(135deg, var(--purple-figma), var(--blue-primary));color:#fff;border:none}.facilitator-btn-primary:hover:not(:disabled){opacity:.92}@media print{.demo-script-overlay{background:#fff;padding:0;position:static}.demo-script-modal{max-height:none;box-shadow:none;color:#000;background:#fff;border:none}.demo-script-header h2,.demo-script-section h3,.demo-script-section li{color:#000}.demo-script-close,.demo-script-actions{display:none}}.studio-shell{background:#090d16;flex:1;min-height:0;display:flex;overflow:hidden}.studio-main{flex:1;min-width:0;min-height:0;display:flex}.studio-canvas-pane{flex-direction:column;flex:1;min-width:0;min-height:0;transition:flex .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.studio-canvas-body{flex:1;min-width:0;min-height:0;display:flex;position:relative}.studio-canvas-body .canvas-container{flex:1}.studio-code-pane{border-left:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:42%;min-width:280px;max-width:560px;min-height:0;transition:flex .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1);display:flex}.studio-layout-design .studio-canvas-pane:not(.is-collapsed){flex:1}.studio-layout-design .studio-code-pane.is-collapsed{flex:0 0 44px;width:44px;min-width:44px;max-width:44px}.studio-layout-code .studio-code-pane:not(.is-collapsed){flex:1;width:auto;min-width:0;max-width:none}.studio-layout-code .studio-canvas-pane.is-collapsed{flex:0 0 44px;width:44px;min-width:44px;max-width:44px}.studio-pane-bar{z-index:20;background:#090d16f2;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.studio-pane-bar-title{align-items:center;gap:8px;min-width:0;display:flex}.studio-pane-bar-kind{letter-spacing:.06em;text-transform:uppercase;color:#64748b;flex-shrink:0;font-size:.65rem;font-weight:700}.studio-pane-bar-file{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;overflow:hidden}.studio-pane-bar-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;line-height:1;transition:color .15s,background-color .15s,border-color .15s;display:flex}.studio-pane-bar-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff24}.studio-pane-bar-btn.active{color:#93c5fd;background:#2563eb2e;border-color:#2563eb59}.studio-pane-collapsed{cursor:pointer;-webkit-user-select:none;user-select:none;color:#64748b;background:#0c1019;border:none;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:16px 0;transition:background-color .2s,color .2s;display:flex}.studio-pane-collapsed:hover{color:#cbd5e1;background:#ffffff0a}.studio-pane-collapsed-code{border-left:1px solid #ffffff0f}.studio-pane-collapsed .expand-arrow{color:#64748b;font-size:.85rem}.studio-code-pane:not(.is-collapsed) .editor-pane{flex-direction:column;flex:1;min-height:0;display:flex}.studio-rail{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae6;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:6px;padding:6px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.studio-rail-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex;position:relative}.studio-rail-btn:hover{color:#cbd5e1;background:#ffffff0f}.studio-rail-btn.active{color:#93c5fd;background:#2563eb33}.studio-rail-badge{background:var(--warning-color);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.drawer-backdrop{z-index:200;cursor:default;background:#00000059;border:none;position:fixed;inset:0}.detail-drawer,.about-panel{z-index:201;background:#111827;border-left:1px solid #ffffff14;flex-direction:column;width:min(380px,92vw);animation:.22s cubic-bezier(.4,0,.2,1) drawer-slide-in;display:flex;position:fixed;top:44px;bottom:0;right:0;box-shadow:-12px 0 40px #0006}@keyframes drawer-slide-in{0%{opacity:.8;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.detail-drawer-header,.about-panel-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 12px 12px 16px;display:flex}.about-panel-header h2{font-family:var(--font-title);color:#f1f5f9;font-size:1rem;font-weight:700}.detail-drawer-tabs{gap:4px;display:flex}.detail-drawer-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .12s}.detail-drawer-tab:hover{color:#cbd5e1}.detail-drawer-tab.active{color:#fff;background:#ffffff0f}.detail-drawer-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.25rem;line-height:1}.detail-drawer-close:hover{color:#fff;background:#ffffff0f}.detail-drawer-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.detail-drawer-body .receipts-pane-embedded,.detail-drawer-body .receipts-pane{border:none;border-radius:0;height:100%}.receipt-message-bar{z-index:45;flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(640px,90%);display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.receipt-message{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fde68a;cursor:pointer;background:#0f172aeb;border:1px solid #f59e0b59;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.78rem;font-weight:500;transition:all .15s;display:flex;box-shadow:0 8px 24px #00000059}.receipt-message:hover{background:#1e293bf2;border-color:#f59e0b99;transform:translateY(-1px)}.receipt-message-error{color:#fecaca;border-color:#ef444466}.receipt-message-icon{background:#f59e0b33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:800;display:flex}.receipt-message-error .receipt-message-icon{background:#ef444440}.receipt-message-text{white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}.rule-card-highlight{outline:2px solid var(--blue-primary);outline-offset:2px}.workspace-header-minimal{height:44px;padding:0 12px}.workspace-brand{border-right:1px solid #ffffff0f;align-items:center;gap:8px;margin-right:4px;padding-right:12px;display:flex}.workspace-brand-btn{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:0;display:flex}.workspace-brand-btn:hover .workspace-brand-name{color:#93c5fd}.workspace-brand-name{font-family:var(--font-title);color:#fff;font-size:.9rem;font-weight:700}.workspace-file-picker{position:relative}.workspace-file-picker-btn{color:#cbd5e1;font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:500;transition:background .12s;display:flex}.workspace-file-picker-btn:hover{background:#ffffff0d}.workspace-file-picker-caret{color:#64748b;font-size:.65rem}.workspace-dropdown{z-index:300;background:#1e293b;border:1px solid #334155;border-radius:10px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 40px #00000073}.workspace-menu-wrap{position:relative}.workspace-menu-dropdown{left:auto;right:0}.workspace-dropdown-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:.8rem;font-weight:500;transition:background .12s;display:flex}.workspace-dropdown-item:hover:not(:disabled){color:#fff;background:#ffffff0f}.workspace-dropdown-item.active{color:#93c5fd;background:#2563eb26}.workspace-dropdown-item:disabled{opacity:.5;cursor:wait}.workspace-dropdown-tag{text-transform:uppercase;color:#a78bfa;background:#a78bfa26;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:600}.workspace-dropdown-divider{background:#334155;height:1px;margin:6px 0}.workspace-dropdown-heading{text-transform:uppercase;letter-spacing:.06em;color:#475569;padding:6px 10px 4px;font-size:.6rem;font-weight:700;display:block}.workspace-menu-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1rem;font-weight:700;line-height:1;display:flex}.workspace-menu-btn:hover{color:#94a3b8;background:#ffffff0d}.sync-indicator-minimal{gap:0}.about-panel-body{padding:24px;overflow-y:auto}.about-lead{color:#94a3b8;margin-bottom:20px;font-size:.95rem;line-height:1.6}.about-list{flex-direction:column;gap:14px;margin-bottom:24px;list-style:none;display:flex}.about-list li{color:#64748b;font-size:.85rem;line-height:1.5}.about-list strong{color:#e2e8f0;font-weight:600}.about-feedback-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-size:.85rem;font-weight:600}.about-feedback-btn:hover{background:#1d4ed8}.welcome-overlay{z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.welcome-modal{background:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:440px;padding:32px;box-shadow:0 25px 60px #00000080}.welcome-logo{font-family:var(--font-title);color:#94a3b8;align-items:center;gap:10px;margin-bottom:16px;font-size:.95rem;font-weight:700;display:flex}.welcome-modal h1{font-family:var(--font-title);color:#fff;margin-bottom:12px;font-size:1.5rem;font-weight:800;line-height:1.25}.welcome-lead{color:#94a3b8;margin-bottom:20px;font-size:.9rem;line-height:1.55}.welcome-steps{flex-direction:column;gap:10px;margin:0 0 24px 20px;display:flex}.welcome-steps li{color:#cbd5e1;font-size:.85rem;line-height:1.45}.welcome-steps strong{color:#fff}.welcome-actions{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.welcome-primary{background:linear-gradient(135deg, var(--blue-primary), #1d4ed8);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-size:.95rem;font-weight:600}.welcome-primary:hover{opacity:.92}.welcome-secondary{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:10px;padding:10px 20px;font-size:.85rem;font-weight:500}.welcome-secondary:hover{color:#fff;border-color:#ffffff4d}.welcome-footnote{color:#64748b;margin:0;font-size:.75rem;line-height:1.45}.workspace-prototype-badge{text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#ffffff0d;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:.6rem;font-weight:700}.app-toast{z-index:400;color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:12px;max-width:90vw;padding:10px 16px;font-size:.85rem;animation:.2s toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0006}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.app-toast-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.1rem;line-height:1}.app-toast-close:hover{color:#fff}.component-library{height:100%;padding:16px;overflow-y:auto}.component-library-lead{color:#64748b;margin-bottom:16px;font-size:.8rem;line-height:1.5}.component-library-list{flex-direction:column;gap:12px;display:flex}.component-library-item{cursor:grab;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:14px;transition:border-color .15s}.component-library-item:hover:not(.component-library-item-disabled){border-color:#a78bfa66}.component-library-item-disabled{opacity:.55;cursor:not-allowed}.component-library-item-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.component-library-item-icon{color:#a78bfa;font-size:.85rem}.component-library-item-name{color:#f1f5f9;font-size:.9rem;font-weight:700}.component-library-item-file{font-family:var(--font-mono);color:#64748b;font-size:.68rem}.component-library-item-desc{color:#94a3b8;margin-bottom:12px;font-size:.75rem;line-height:1.4}.component-library-item-actions{gap:8px;display:flex}.component-library-insert{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:6px 12px;font-size:.72rem;font-weight:600}.component-library-insert:disabled{opacity:.4;cursor:not-allowed}.component-library-edit{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:6px;padding:6px 12px;font-size:.72rem;font-weight:500}.component-library-edit:hover{color:#fff;border-color:#fff3}.validation-script-intro{color:#94a3b8;margin-bottom:20px;font-size:.85rem;line-height:1.5}.validation-script-modal{max-width:520px}.validation-scorecard-modal{max-width:560px}.validation-scorecard-rec{border:1px solid #ffffff14;border-radius:10px;margin-bottom:16px;padding:12px 14px}.validation-scorecard-rec-label{letter-spacing:.08em;margin-bottom:6px;font-size:.7rem;font-weight:800;display:inline-block}.validation-scorecard-rec p{color:#cbd5e1;margin:0;font-size:.8rem;line-height:1.45}.scorecard-rec-go{background:#10b9811f;border-color:#10b98159}.scorecard-rec-go .validation-scorecard-rec-label{color:#34d399}.scorecard-rec-continue{background:#2563eb1a;border-color:#2563eb4d}.scorecard-rec-continue .validation-scorecard-rec-label{color:#93c5fd}.scorecard-rec-nogo{background:#f43f5e1a;border-color:#f43f5e4d}.scorecard-rec-nogo .validation-scorecard-rec-label{color:#fb7185}.validation-scorecard-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.validation-scorecard-stat{text-align:center;background:#ffffff0a;border-radius:8px;padding:10px 8px}.validation-scorecard-stat-value{color:#f1f5f9;font-size:1.25rem;font-weight:700;display:block}.validation-scorecard-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.6rem}.validation-scorecard-heading{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin:0 0 10px;font-size:.75rem}.validation-scorecard-checks{margin:0 0 16px;padding:0;list-style:none}.validation-scorecard-checks li{color:#94a3b8;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:8px 0;font-size:.8rem;display:flex}.validation-scorecard-checks li.done{color:#cbd5e1}.validation-scorecard-check-icon{color:#64748b;flex-shrink:0;width:18px}.validation-scorecard-checks li.done .validation-scorecard-check-icon{color:#34d399}.validation-scorecard-check-detail{color:#64748b;font-size:.7rem;font-family:var(--font-mono);margin-left:auto}@media (width<=900px){.studio-main{flex-direction:column}.studio-layout-design .studio-code-pane.is-collapsed,.studio-layout-code .studio-canvas-pane.is-collapsed{flex-direction:row;flex:0 0 40px;width:100%;min-width:0;max-width:none;height:40px}.studio-pane-collapsed{flex-direction:row;gap:8px;padding:0 16px}.studio-pane-collapsed .vertical-label{writing-mode:horizontal-tb;transform:none}.studio-code-pane:not(.is-collapsed){border-top:1px solid #ffffff0f;border-left:none;flex:1;width:100%;min-width:0;max-width:none;height:auto}.studio-layout-code .studio-code-pane:not(.is-collapsed),.studio-layout-design .studio-canvas-pane:not(.is-collapsed){min-height:55vh}.detail-drawer,.about-panel{width:100%;max-width:none}.workspace-header-left{min-width:0}.workspace-file-picker-label{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.receipt-message-bar{max-width:95%;bottom:72px}.receipt-message-text{max-width:160px}.studio-rail{flex-direction:row;top:auto;bottom:16px;right:50%;transform:translate(50%)}.detail-drawer-tabs{flex-wrap:wrap}.detail-drawer-tab{padding:5px 8px;font-size:.68rem}.workspace-export-btn,.workspace-marketing-btn,.workspace-ai-btn{display:none}}.workspace-export-btn{color:#93c5fd;cursor:pointer;white-space:nowrap;background:#2563eb26;border:1px solid #3b82f659;border-radius:6px;padding:6px 12px;font-size:.72rem;font-weight:600;transition:all .15s}.workspace-export-btn:hover{color:#fff;background:#2563eb47;border-color:#3b82f68c}.workspace-dropdown-item-highlight{color:#93c5fd;font-weight:600}.workspace-dropdown-item-highlight:hover{color:#bfdbfe;background:#2563eb1f}.export-modal-overlay{z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.export-modal{background:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 25px 60px #00000080}.export-modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.export-modal-header h2{font-family:var(--font-title);color:#fff;margin:0;font-size:1.15rem;font-weight:800}.export-modal-body{padding:16px 24px 24px}.export-modal-lead{color:#94a3b8;margin-bottom:16px;font-size:.88rem;line-height:1.55}.export-label{color:#64748b;flex-direction:column;gap:6px;margin-bottom:16px;font-size:.75rem;font-weight:600;display:flex}.export-label input{color:#f1f5f9;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:10px 12px;font-size:.88rem}.export-label input:focus{border-color:#3b82f6;outline:none}.export-preview{background:#0f172a;border:1px solid #334155;border-radius:10px;margin-bottom:20px;padding:12px 14px}.export-preview-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:8px;font-size:.68rem;font-weight:700;display:block}.export-preview ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.export-preview li{color:#94a3b8;font-size:.78rem}.export-preview code{color:#cbd5e1;font-size:.75rem}.export-download-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;padding:12px 18px;font-size:.88rem;font-weight:600;transition:background .15s}.export-download-btn:hover:not(:disabled){background:#1d4ed8}.export-download-btn:disabled{opacity:.6;cursor:wait}.export-success-icon{color:#34d399;background:#10b98126;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:1.5rem;font-weight:700;display:flex}.export-modal-body h3{font-family:var(--font-title);color:#fff;margin:0 0 8px;font-size:1.05rem;font-weight:700}.export-commands{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:10px;margin-bottom:12px;padding:14px 16px;font-size:.78rem;line-height:1.6;overflow-x:auto}.export-modal-note{color:#64748b;margin-bottom:20px;font-size:.82rem;line-height:1.5}.export-modal-note a{color:#60a5fa}.workspace-marketing-btn{color:#c4b5fd;cursor:pointer;white-space:nowrap;background:#7c3aed26;border:1px solid #a78bfa59;border-radius:6px;padding:6px 12px;font-size:.72rem;font-weight:600;transition:all .15s}.workspace-marketing-btn:hover{color:#fff;background:#7c3aed47;border-color:#a78bfa8c}.mk-modal{flex-direction:column;max-width:560px;max-height:90vh;display:flex}.mk-subtitle{color:#64748b;margin:4px 0 0;font-size:.78rem;font-weight:400}.mk-tabs{border-bottom:1px solid #334155;gap:4px;padding:0 24px;display:flex}.mk-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 12px;font-size:.78rem;font-weight:600;transition:color .15s}.mk-tab:hover{color:#94a3b8}.mk-tab.active{color:#c4b5fd;border-bottom-color:#7c3aed}.mk-body{flex:1;max-height:calc(90vh - 140px);overflow-y:auto}.mk-source-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.mk-source-card{background:#0f172a;border:1px solid #334155;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.mk-source-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:.65rem;font-weight:700}.mk-source-card strong{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1.3;overflow:hidden}.mk-source-from{color:#475569;font-size:.65rem}.mk-kit-includes{background:#0f172a;border:1px solid #334155;border-radius:10px;margin-bottom:16px;padding:12px 14px}.mk-kit-includes ul{flex-direction:column;gap:4px;margin:8px 0 0;padding:0 0 0 16px;display:flex}.mk-kit-includes li{color:#94a3b8;font-size:.78rem}.mk-og-preview{border:1px solid #334155;border-radius:10px;margin-bottom:16px;overflow:hidden}.mk-og-preview img{width:100%;display:block}.mk-copy-block{background:#0f172a;border:1px solid #334155;border-radius:10px;margin-bottom:10px;overflow:hidden}.mk-copy-block-header{color:#94a3b8;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.72rem;font-weight:600;display:flex}.mk-copy-block pre{color:#cbd5e1;white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;font-size:.75rem;line-height:1.5}.mk-copy-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:4px 10px;font-size:.68rem;font-weight:600}.mk-copy-btn:hover{color:#fff;background:#ffffff1a}.mk-landing-preview{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.mk-landing-mock{text-align:center;color:#fff;border-radius:12px;padding:32px 24px}.mk-landing-brand{opacity:.7;margin-bottom:12px;font-size:.75rem;font-weight:700;display:block}.mk-landing-mock h3{margin:0 0 8px;font-size:1.1rem;font-weight:800;line-height:1.25}.mk-landing-mock p{color:#94a3b8;margin:0 0 16px;font-size:.82rem;line-height:1.5}.mk-landing-mock button{color:#fff;cursor:default;border:none;border-radius:8px;padding:10px 20px;font-size:.82rem;font-weight:600}.mk-landing-pricing{text-align:center;color:#0f172a;background:#fff;border-radius:12px;padding:24px}.mk-landing-plan{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.7rem;font-weight:700}.mk-landing-price{margin:8px 0 12px;font-size:2rem;font-weight:800}.mk-landing-price span{color:#64748b;font-size:.9rem;font-weight:500}.mk-landing-pricing ul{text-align:left;color:#475569;margin:0;padding:0;font-size:.82rem;list-style:none}.mk-landing-pricing li{border-bottom:1px solid #f1f5f9;padding:6px 0}.mk-landing-pricing li:before{content:"✓ ";color:#2563eb;font-weight:700}.mk-images-grid{flex-direction:column;gap:16px;display:flex}.mk-image-card{background:#0f172a;border:1px solid #334155;border-radius:10px;overflow:hidden}.mk-image-card img{width:100%;display:block}.mk-image-placeholder{color:#64748b;justify-content:center;align-items:center;height:120px;font-size:.82rem;display:flex}.mk-image-meta{color:#94a3b8;justify-content:space-between;padding:10px 12px;font-size:.78rem;display:flex}.mk-image-dims{color:#64748b;font-size:.72rem}.mk-image-card .mk-copy-btn{text-align:center;width:calc(100% - 24px);margin:0 12px 12px;padding:8px;display:block}@media (width<=520px){.mk-source-grid{grid-template-columns:1fr}}.marketing-kit-open .studio-shell{margin-right:min(400px,92vw)}.mk-panel-backdrop{z-index:550;cursor:pointer;background:#00000040;border:none;position:fixed;inset:0}.mk-panel{z-index:560;background:#1e293b;border-left:1px solid #334155;flex-direction:column;width:min(400px,92vw);display:flex;position:fixed;top:48px;bottom:0;right:0;box-shadow:-12px 0 40px #0006}.mk-panel-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:16px 20px 0;display:flex}.mk-panel-body{flex:1;padding:12px 20px 24px;overflow-y:auto}.mk-open-page-btn{color:#c4b5fd;cursor:pointer;text-align:left;background:#7c3aed1f;border:1px solid #a78bfa59;border-radius:8px;width:100%;margin-bottom:16px;padding:10px 14px;font-size:.78rem;font-weight:600}.mk-open-page-btn:hover{color:#fff;background:#7c3aed38}.mk-tone-row select{color:#f1f5f9;background:#0f172a;border:1px solid #334155;border-radius:8px;width:100%;margin-bottom:12px;padding:10px 12px;font-size:.82rem}.mk-screenshot-row{border-bottom:1px solid #334155;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}.mk-checkbox{color:#94a3b8;cursor:pointer;align-items:center;gap:8px;font-size:.78rem;display:flex}.mk-field-group{margin-bottom:20px}.mk-field-row{background:#0f172a;border:1px solid #334155;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:4px 8px;margin-bottom:8px;padding:10px;transition:border-color .15s;display:grid}.mk-field-row.active{border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed40}.mk-field-select{text-align:left;cursor:pointer;background:0 0;border:none;grid-column:1;padding:0}.mk-field-label{color:#e2e8f0;font-size:.75rem;font-weight:600;display:block}.mk-field-source{color:#64748b;margin-top:2px;font-size:.65rem;display:block}.mk-field-input{color:#f1f5f9;resize:vertical;background:#1e293b;border:1px solid #475569;border-radius:6px;grid-column:1/-1;width:100%;padding:8px 10px;font-family:inherit;font-size:.78rem;line-height:1.45}.mk-field-input:focus{border-color:#7c3aed;outline:none}.mk-edit-canvas-btn{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;grid-area:1/2;align-self:start;padding:4px 8px;font-size:.65rem;font-weight:700}.mk-edit-canvas-btn:hover{color:#c4b5fd;background:#7c3aed33;border-color:#a78bfa66}.mk-export-actions{margin-top:16px}.workspace-dropdown-tag.marketing{color:#c4b5fd;background:#7c3aed33}@media (width<=768px){.marketing-kit-open .studio-shell{margin-right:0}.mk-panel{width:100%;top:0}}.workspace-ai-btn{color:#6ee7b7;cursor:pointer;white-space:nowrap;background:#10b9811f;border:1px solid #34d39959;border-radius:6px;padding:6px 12px;font-size:.72rem;font-weight:600;transition:all .15s}.workspace-ai-btn:hover{color:#fff;background:#10b98138;border-color:#34d3998c}.ai-panel-open .studio-shell{margin-right:min(420px,92vw)}.ai-panel-backdrop{z-index:570;cursor:pointer;background:#0003;border:none;position:fixed;inset:0}.ai-panel{z-index:580;background:#0f172a;border-left:1px solid #334155;flex-direction:column;width:min(420px,92vw);display:flex;position:fixed;top:48px;bottom:0;right:0;box-shadow:-12px 0 40px #00000073}.ai-panel-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:16px 20px 0;display:flex}.ai-panel-header h2{font-family:var(--font-title);color:#fff;margin:0;font-size:1.15rem;font-weight:800}.ai-panel-subtitle{color:#64748b;margin:4px 0 0;font-size:.78rem}.ai-panel-body{flex:1;padding:12px 20px 24px;overflow-y:auto}.ai-type-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.ai-type-chip{text-align:left;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:10px 12px;transition:all .15s}.ai-type-chip.active{background:#10b9811a;border-color:#10b981;box-shadow:0 0 0 1px #10b98140}.ai-type-chip-label{color:#e2e8f0;font-size:.75rem;font-weight:700;display:block}.ai-type-chip-desc{color:#64748b;margin-top:2px;font-size:.65rem;line-height:1.3;display:block}.ai-prompt-input{color:#f1f5f9;resize:vertical;background:#1e293b;border:1px solid #334155;border-radius:10px;width:100%;min-height:96px;padding:12px;font-family:inherit;font-size:.85rem;line-height:1.5}.ai-prompt-input:focus{border-color:#10b981;outline:none}.ai-suggestions{flex-direction:column;gap:6px;margin:10px 0 16px;display:flex}.ai-suggestion-btn{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:1px dashed #475569;border-radius:8px;padding:8px 10px;font-size:.72rem;line-height:1.4}.ai-suggestion-btn:hover{color:#cbd5e1;background:#10b9810f;border-color:#10b981}.ai-context-strip{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:.68rem;display:flex}.ai-context-strip code{color:#94a3b8;background:#1e293b;border-radius:4px;padding:2px 6px;font-size:.65rem}.ai-generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:10px;width:100%;margin-bottom:16px;padding:12px 18px;font-size:.88rem;font-weight:700}.ai-generate-btn:hover:not(:disabled){filter:brightness(1.08)}.ai-generate-btn:disabled{opacity:.6;cursor:wait}.ai-preview{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:16px;padding:14px}.ai-preview-header{color:#6ee7b7;justify-content:space-between;margin-bottom:8px;font-size:.72rem;font-weight:700;display:flex}.ai-preview-count{color:#64748b;font-weight:500}.ai-preview-message{color:#cbd5e1;margin:0 0 10px;font-size:.8rem;line-height:1.45}.ai-preview-list{max-height:160px;margin:0 0 12px;padding:0;list-style:none;overflow-y:auto}.ai-preview-list li{border-bottom:1px solid #334155;flex-direction:column;gap:2px;padding:6px 0;font-size:.72rem;display:flex}.ai-preview-list code{color:#64748b;font-size:.65rem}.ai-preview-list span{color:#e2e8f0}.ai-preview-more{font-style:italic;color:#64748b!important}.ai-settings{border-top:1px solid #334155;margin-top:8px;padding-top:14px}.ai-settings-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:.75rem;font-weight:600;display:flex}.ai-key-mask{color:#475569;font-weight:400}.ai-key-input{color:#f1f5f9;background:#1e293b;border:1px solid #334155;border-radius:8px;width:100%;margin-top:8px;padding:10px;font-size:.78rem}.ai-settings-note{color:#475569;margin-top:8px;font-size:.68rem;line-height:1.45}.ai-targets-note{color:#475569;margin-top:12px;font-size:.68rem}.mk-field-group-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mk-ai-group-btn,.mk-ai-full-btn{color:#6ee7b7;cursor:pointer;background:#10b9811f;border:1px solid #34d39959;border-radius:6px;padding:4px 10px;font-size:.68rem;font-weight:700}.mk-ai-full-btn{width:100%;margin-bottom:14px;padding:10px;font-size:.78rem}@media (width<=768px){.ai-panel-open .studio-shell{margin-right:0}.ai-panel{width:100%;top:0}}.export-modal-wide{max-width:520px}.export-error{color:#fca5a5;background:#ef44441f;border:1px solid #f8717159;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:.82rem}.token-hint{color:#64748b;margin-top:4px;font-size:.68rem;display:block}.export-private-check{margin-bottom:8px}.deploy-status-badge{color:#94a3b8;font-size:.85em}.deploy-api-note{margin-top:12px;font-size:.72rem!important}.marketing-deploy-block{background:#0f172a;border:1px solid #334155;border-radius:10px;margin-bottom:12px;padding:12px 14px}.marketing-deploy-tokens{flex-direction:column;gap:8px;margin:8px 0;display:flex}.marketing-deploy-tokens input{color:#f1f5f9;background:#1e293b;border:1px solid #475569;border-radius:6px;padding:8px 10px;font-size:.78rem}.marketing-deploy-btns{gap:8px;margin-top:10px;display:flex}.marketing-deploy-btns .mk-copy-btn{text-align:center;flex:1;padding:8px}