@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{font-family:var(--pb-font-body, "Manrope", system-ui, sans-serif);font-synthesis:none;line-height:1.4;text-rendering:optimizeLegibility;--pb-font-body: "Manrope", system-ui, sans-serif;--pb-font-heading: "Space Grotesk", sans-serif;--pb-body-bg: radial-gradient(circle at 5% 10%, rgba(45, 212, 191, .24), transparent 36%), radial-gradient(circle at 94% 4%, rgba(249, 115, 22, .2), transparent 42%), linear-gradient(155deg, #0c1725 0%, #111f32 42%, #0a1320 100%);--pb-accent-start: #0f766e;--pb-accent-end: #0ea5a4;--pb-secondary-start: #185486;--pb-secondary-end: #0e7490;--pb-os-pill-start: #0f766e;--pb-os-pill-end: #0e7490;--pb-dock-bg: rgba(7, 20, 34, .72)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;min-width:320px;font-family:var(--pb-font-body, "Manrope", system-ui, sans-serif);background:var(--pb-body-bg)}#root{min-height:100vh}button,input,textarea,select{font:inherit}.app-shell{color:#12253a;min-height:100vh;padding:1rem 1.2rem 5.8rem}.app-shell.vscode-shell{background:radial-gradient(circle at 4% 6%,rgba(52,111,214,.12),transparent 30%),radial-gradient(circle at 95% 4%,rgba(71,127,255,.14),transparent 34%),linear-gradient(160deg,#0f111a,#111827 40%,#0b1220);color:#d4d4d4;font-family:Segoe UI,Cascadia Code,Consolas,sans-serif}.vscode-shell .system-strip{background:#141824eb;border:1px solid rgba(98,122,176,.38);box-shadow:0 10px 26px #0204088a}.vscode-shell .system-label{color:#9fb3d1}.vscode-shell .system-clock{color:#d7e7ff}.vscode-shell .system-clock small{color:#88a3c9}.app-shell.preview-mode .system-strip,.app-shell.preview-mode .topbar,.app-shell.preview-mode .editor-tabs-shell,.app-shell.preview-mode .sidebar-left,.app-shell.preview-mode .sidebar-right,.app-shell.preview-mode .terminal-panel,.app-shell.preview-mode .toast-stack,.app-shell.preview-mode .drop-zone,.app-shell.preview-mode .section-toolbar,.app-shell.preview-mode .activity-rail{display:none!important}.app-shell.preview-mode{padding:0}.app-shell.preview-mode .main-stage{grid-template-columns:1fr;gap:0;padding:0;height:100vh}.app-shell.preview-mode .canvas{max-width:none;padding:0;background:#fff}.app-shell.preview-mode .canvas-section{border-radius:0;margin:0}.terminal-panel{background:#0c101af5;border-top:1px solid rgba(72,98,140,.35);bottom:0;display:flex;flex-direction:column;font-family:Cascadia Code,Consolas,monospace;font-size:.78rem;height:180px;left:0;position:fixed;right:0;z-index:90}.terminal-panel.hidden{display:none}.terminal-header{align-items:center;background:#141a2af2;border-bottom:1px solid rgba(72,98,140,.25);display:flex;gap:8px;justify-content:space-between;padding:4px 10px}.terminal-title{color:#7fb4ff;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.terminal-close{background:none;border:none;color:#9fb3d1;cursor:pointer;font-size:.85rem;padding:2px 6px}.terminal-body{flex:1;overflow-y:auto;padding:8px 12px}.terminal-body p{color:#a8bdda;margin:0 0 3px}.terminal-body p.cmd{color:#7fb4ff}.terminal-body p.warn{color:#fbbf24}.terminal-body p.error{color:#f87171}.terminal-body p.ok{color:#34d399}.activity-rail{align-items:center;display:flex;flex-direction:column;gap:2px;padding:.35rem 0}.activity-rail-btn{align-items:center;background:none;border:2px solid transparent;border-radius:7px;color:#6b8db5;cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;gap:3px;justify-content:center;min-height:52px;padding:5px 4px;transition:all .12s ease;width:100%}.activity-rail-btn:hover{background:#7fb4ff14;color:#bcd7f7}.activity-rail-btn.active{background:#7fb4ff24;border-left-color:#7fb4ff;color:#d7e7ff}.activity-rail-btn .rail-icon{align-items:center;display:flex;font-size:1.15rem;height:22px;justify-content:center;width:22px}.activity-rail-btn small{font-size:.62rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize}.vscode-shell .topbar{background:#111723ed;border:1px solid rgba(92,118,168,.38);box-shadow:0 18px 40px #0103078c}.vscode-shell .brand-kicker{color:#7fb4ff}.vscode-shell .brand-subtitle{color:#9fb3d1}.vscode-shell .look-picker,.vscode-shell .resolution-picker,.vscode-shell .device-switch,.vscode-shell .variant-switch{background:#111a2a;border-color:#2d446b}.vscode-shell .look-picker span,.vscode-shell .resolution-picker span{color:#9fbbde}.vscode-shell .look-picker select,.vscode-shell .resolution-picker select,.vscode-shell .library-search,.vscode-shell .library-filter,.vscode-shell .field input,.vscode-shell .field textarea,.vscode-shell .field select,.vscode-shell .starter-controls input,.vscode-shell .starter-controls select,.vscode-shell .newsletter-input,.vscode-shell .command-input{background:#0f1726;border-color:#284267;color:#d5e6ff}.vscode-shell .device-switch button,.vscode-shell .variant-switch button{color:#9ab3d6}.vscode-shell .device-switch button.active,.vscode-shell .variant-switch button.active,.vscode-shell .inspector-tabs button.active{background:#0e639c;color:#f4f9ff}.vscode-shell .action-btn{background:linear-gradient(135deg,#0e639c,#1f6feb)}.vscode-shell .action-btn.secondary{background:linear-gradient(135deg,#1f2a44,#263a63)}.vscode-shell .action-btn.subtle{background:#16243b;color:#b8d1f1}.vscode-shell .workspace{gap:.8rem}.vscode-shell .panel,.vscode-shell .canvas-stage{background:#101621f5;border:1px solid rgba(80,105,152,.34);box-shadow:0 14px 36px #02050c8f}.vscode-shell .window-chrome p,.vscode-shell .panel-head p,.vscode-shell .saved-component-meta,.vscode-shell .helper-copy{color:#8ea9cc}.vscode-shell .panel-head h2,.vscode-shell .canvas-header h2,.vscode-shell .brand h1,.vscode-shell .block-title,.vscode-shell .template-card h3,.vscode-shell .smart-score-card h3{color:#d9e8ff;font-family:Cascadia Code,Segoe UI,sans-serif}.vscode-shell .page-row,.vscode-shell .block-card,.vscode-shell .template-card,.vscode-shell .template-gallery-card,.vscode-shell .saved-component-card,.vscode-shell .preset-card,.vscode-shell .snapshot-card,.vscode-shell .marketpack-card,.vscode-shell .project-check,.vscode-shell .smart-hint-card,.vscode-shell .starter-card,.vscode-shell .starter-template-card{background:#111a2a;border-color:#2a4268}.vscode-shell .template-gallery-desc{color:#94a3b8}.vscode-shell .template-block-count{color:#64748b}.vscode-shell .template-count-badge{background:#1e3a5f;color:#7fb4ff}.vscode-shell .structure-branch-header:hover{background:#14314f}.vscode-shell .branch-label{color:#d9e8ff}.vscode-shell .structure-branch-children:before{background:#2a4268}.vscode-shell .structure-node:hover{background:#14314f}.vscode-shell .structure-node.active{background:#14314f;box-shadow:inset 0 0 0 1.5px #4493f8}.vscode-shell .structure-label{color:#b6cae8}.vscode-shell .structure-type{color:#6b8aab}.vscode-shell .structure-empty{color:#4a6a85}.vscode-shell .structure-node:before{background:#2a4268}.vscode-shell .branch-toggle{color:#6b8aab}.vscode-shell .page-row.active{background:#14314f;border-color:#4d84c4}.vscode-shell .page-switch,.vscode-shell .ghost-btn,.vscode-shell .command-item,.vscode-shell .canvas-subtitle,.vscode-shell .block-card p,.vscode-shell .template-card p,.vscode-shell .smart-note,.vscode-shell .ai-summary{color:#b6cae8}.vscode-shell .icon-btn{background:#162742;color:#c2d8f6}.vscode-shell .ghost-btn{background:#15263f;border-color:#2f4d75}.vscode-shell .canvas-kicker{color:#7fb4ff}.vscode-shell .drop-zone{border-color:#688bc494;color:#90acd0}.vscode-shell .drop-zone.hot{background:#0e639c2e;border-color:#4493f8}.vscode-shell .canvas-section.selected{border-color:#0e639c;box-shadow:0 0 0 2px #4493f852,0 18px 28px #050a147a}.vscode-shell .inspector-tabs{background:#0f1726;border-color:#2c436a;grid-template-columns:repeat(6,minmax(0,1fr))}.vscode-shell .inspector-tabs button{color:#98b2d7}.vscode-shell .smart-score-card,.vscode-shell .ai-plan,.vscode-shell .conversion-breakdown,.vscode-shell .marketpack-changelog{background:#101a2a;border-color:#2b4468}.vscode-shell .command-overlay,.vscode-shell .starter-overlay{background:#02060cbd}.vscode-shell .command-modal,.vscode-shell .starter-modal{background:#111a2a;border-color:#2a4368}.vscode-shell .app-dock{background:#0b101be0;border-color:#5773a85c}.vscode-shell .dock-btn{background:#14243ccc;border-color:#4c699d70;color:#bdd5f7}.system-strip{align-items:center;backdrop-filter:blur(7px);background:linear-gradient(120deg,#ffffffd6,#e4f2fcbf);border:1px solid rgba(167,186,205,.48);border-radius:16px;box-shadow:0 14px 34px #08172629;display:flex;justify-content:space-between;margin-bottom:.7rem;padding:.46rem .75rem}.system-group{align-items:center;display:flex;gap:.62rem;min-width:0}.os-pill{background:linear-gradient(135deg,var(--pb-os-pill-start),var(--pb-os-pill-end));border-radius:999px;color:#effffe;font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.28rem .58rem}.system-label{color:#2f4d67;font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-clock{align-items:baseline;color:#15354f;display:inline-flex;font-family:var(--pb-font-heading, "Space Grotesk", sans-serif);font-size:.86rem;font-weight:700;gap:.35rem}.system-clock small{color:#45637d;font-size:.68rem;font-weight:600}.topbar{align-items:flex-start;animation:riseIn .38s ease;background:linear-gradient(120deg,#ffffffe6,#ebf5fcdb);border:1px solid rgba(157,180,201,.45);border-radius:24px;box-shadow:0 18px 44px #0818291f;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.1rem}.editor-tabs-shell{align-items:center;background:#121824e6;border:1px solid rgba(84,108,155,.36);border-radius:14px;display:flex;gap:.6rem;justify-content:space-between;margin-bottom:.85rem;padding:.42rem}.editor-tabs-list{align-items:stretch;display:flex;flex:1;flex-wrap:wrap;gap:.34rem}.editor-tab-item{align-items:center;background:#121c2e;border:1px solid #2b4468;border-radius:9px;display:inline-flex;min-width:0}.editor-tab-item.active{background:#0e639c;border-color:#4493f8}.editor-tab-btn{background:transparent;border:0;color:#b8d1f3;cursor:pointer;font-size:.8rem;font-weight:700;padding:.42rem .62rem}.editor-tab-item.active .editor-tab-btn{color:#f6fbff}.editor-tab-close{background:transparent;border:0;border-left:1px solid rgba(130,159,204,.3);color:#95b0d6;cursor:pointer;font-size:.76rem;font-weight:700;padding:.42rem .46rem}.editor-tab-add{background:#15263f;border:1px dashed #3a5a89;border-radius:9px;color:#a9c3e6;cursor:pointer;font-size:.78rem;font-weight:700;padding:.38rem .62rem}.editor-tabs-meta{display:grid;gap:.1rem;text-align:right}.editor-tabs-meta span{color:#91aad0;font-size:.72rem;font-weight:700}.brand h1{font-family:var(--pb-font-heading, "Space Grotesk", sans-serif);font-size:clamp(1.45rem,1.6vw,2rem);letter-spacing:-.02em;line-height:1.1;margin:0}.brand-kicker{color:#0f766e;font-size:.73rem;font-weight:700;letter-spacing:.14em;margin:0 0 .25rem;text-transform:uppercase}.brand-subtitle{color:#35516d;margin:.45rem 0 0;max-width:46ch}.top-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.look-picker{align-items:center;background:#ecf3f9;border:1px solid #c9d7e4;border-radius:10px;display:inline-flex;gap:.45rem;padding:.28rem .38rem .28rem .55rem}.look-picker span{color:#35526c;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.look-picker select{background:#fff;border:1px solid #bfd0de;border-radius:8px;color:#1d3a52;font-size:.78rem;font-weight:700;min-width:120px;padding:.3rem .35rem}.resolution-picker{align-items:center;background:#ecf3f9;border:1px solid #c9d7e4;border-radius:10px;display:inline-flex;gap:.45rem;padding:.28rem .38rem .28rem .55rem}.resolution-picker span{color:#35526c;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.resolution-picker select{background:#fff;border:1px solid #bfd0de;border-radius:8px;color:#1d3a52;font-size:.78rem;font-weight:700;min-width:138px;padding:.3rem .35rem}.sr-only-input{display:none}.device-switch{background:#ebf1f7;border:1px solid #c8d5e3;border-radius:999px;display:inline-flex;padding:.25rem}.device-switch button{background:transparent;border:0;border-radius:999px;color:#27445f;font-size:.82rem;font-weight:600;padding:.4rem .85rem}.device-switch button.active{background:#124f5f;color:#f2fcfc}.device-group-switch{background:#ebf1f7;border:1px solid #c8d5e3;border-radius:999px;display:inline-flex;padding:.25rem}.device-group-switch button{background:transparent;border:0;border-radius:999px;color:#466686;cursor:pointer;font-size:.72rem;font-weight:600;padding:.4rem .85rem;transition:background-color .12s ease,color .12s ease}.device-group-switch button.active{background:#124f5f;color:#f2fcfc}.vscode-shell .device-group-switch{background:#111a2a;border-color:#2d446b}.vscode-shell .device-group-switch button{color:#9ab3d6}.vscode-shell .device-group-switch button.active{background:#0e639c;color:#f2fcfc}.variant-switch{background:#ebf1f7;border:1px solid #c8d5e3;border-radius:999px;display:inline-flex;padding:.25rem}.variant-switch button{background:transparent;border:0;border-radius:999px;color:#27445f;font-size:.8rem;font-weight:700;padding:.4rem .72rem}.variant-switch button.active{background:#164766;color:#f2fcfc}.action-btn{background:linear-gradient(135deg,var(--pb-accent-start),var(--pb-accent-end));border:0;border-radius:12px;color:#f8fcfd;cursor:pointer;font-size:.84rem;font-weight:700;letter-spacing:.01em;padding:.54rem .88rem;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.action-btn:hover{box-shadow:0 10px 18px #0f766e42;transform:translateY(-1px)}.action-btn:disabled{cursor:default;opacity:.6}.action-btn.secondary{background:linear-gradient(135deg,var(--pb-secondary-start),var(--pb-secondary-end))}.action-btn.subtle{background:#e7eff8;color:#2b465e}.action-btn.subtle.is-active{background:#d8f3ef;color:#0f4b4d;box-shadow:inset 0 0 0 1px #0f766e52}.action-btn.small{font-size:.76rem;padding:.44rem .68rem}.workspace{animation:riseIn .46s ease;display:grid;gap:.9rem;grid-template-columns:290px minmax(0,1fr) 330px}.workspace.left-hidden{grid-template-columns:minmax(0,1fr) 330px}.workspace.right-hidden{grid-template-columns:290px minmax(0,1fr)}.workspace.left-hidden.right-hidden{grid-template-columns:minmax(0,1fr)}.panel{backdrop-filter:blur(6px);background:linear-gradient(160deg,#fffffff5,#f3f9ffdb);border:1px solid rgba(165,187,208,.38);border-radius:20px;box-shadow:0 12px 34px #0b1f3414;min-height:0;padding:.85rem}.window-chrome{align-items:center;display:flex;justify-content:space-between;margin-bottom:.6rem}.window-chrome p{color:#3a5872;font-size:.75rem;font-weight:700;letter-spacing:.06em;margin:0;text-transform:uppercase}.window-dots{display:inline-flex;gap:.3rem}.activity-rail{display:grid;gap:.28rem;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:.7rem}.activity-rail-btn{align-items:center;background:#13233a;border:1px solid #2e496f;border-radius:10px;color:#a8c3e6;cursor:pointer;display:grid;font-size:.68rem;font-weight:700;gap:.05rem;justify-items:center;padding:.34rem .2rem;text-transform:uppercase}.activity-rail-btn span{font-family:Cascadia Code,Segoe UI,sans-serif;font-size:.72rem;letter-spacing:.05em}.activity-rail-btn small{color:#88a5ce;font-size:.58rem;letter-spacing:.04em}.activity-rail-btn.active{background:#0e639c;border-color:#4493f8;color:#f4fbff}.activity-rail-btn.active small{color:#d7ebff}.dot{border-radius:999px;display:inline-block;height:10px;width:10px}.dot.red{background:#ef4444}.dot.amber{background:#f59e0b}.dot.green{background:#10b981}.left-panel,.right-panel{max-height:calc(100vh - 210px);overflow:auto}.panel-group+.panel-group{margin-top:1.05rem}.panel-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:.6rem}.panel-head h2{font-family:var(--pb-font-heading, "Space Grotesk", sans-serif);font-size:1rem;margin:0}.panel-head p{color:#3a5872;font-size:.82rem;margin:0}.page-list{display:grid;gap:.45rem}.page-row{align-items:center;background:#f4f8fc;border:1px solid #d2deea;border-radius:11px;display:grid;gap:.4rem;grid-template-columns:1fr auto;padding:.28rem}.page-actions{display:inline-flex;gap:.24rem}.page-row.active{background:#e8f6f5;border-color:#7dc7bf}.page-switch{background:transparent;border:0;border-radius:8px;color:#18374f;cursor:pointer;font-weight:600;padding:.45rem .48rem;text-align:left}.icon-btn{background:#e8eef5;border:0;border-radius:8px;color:#29455f;cursor:pointer;font-size:.8rem;font-weight:800;height:30px;width:30px}.icon-btn.danger{background:#fce8e8;color:#b91c1c}.block-grid,.template-list{display:grid;gap:.55rem}.library-tools{display:grid;gap:.42rem;margin-bottom:.52rem}.library-search,.library-filter{background:#fff;border:1px solid #bfd0de;border-radius:10px;color:#17324a;font-size:.8rem;font-weight:600;padding:.44rem .52rem}.library-search:focus,.library-filter:focus{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e2e;outline:none}.block-card,.template-card{background:#f8fbfe;border:1px solid #d3e0ed;border-radius:12px;padding:.66rem}.block-card{cursor:grab}.block-card:active{cursor:grabbing}.block-card-head{align-items:center;display:flex;justify-content:space-between}.block-favorite{align-items:center;display:inline-flex;font-size:.82rem;justify-content:center}.block-favorite.active{background:#fff3c0;color:#9a3412}.block-meta{color:#4f6a84;font-size:.7rem;letter-spacing:.06em;margin:0 0 .25rem;text-transform:uppercase}.block-title,.template-card h3{font-family:var(--pb-font-heading, "Space Grotesk", sans-serif);font-size:.93rem;margin:0 0 .25rem}.block-card p,.template-card p{color:#355069;font-size:.82rem;line-height:1.35;margin:0}.block-actions{margin-top:.55rem}.ghost-btn{background:#fff;border:1px solid #bacee2;border-radius:10px;color:#1f425e;cursor:pointer;font-size:.79rem;font-weight:700;padding:.42rem .66rem}.ghost-btn.danger{border-color:#ef444466;color:#a91f2d}.helper-copy{color:#476987;font-size:.79rem;line-height:1.4;margin:0}.saved-component-list{display:grid;gap:.48rem}.saved-component-card{background:#f8fbfe;border:1px solid #d3e0ed;border-radius:12px;cursor:grab;padding:.62rem}.saved-component-card:active{cursor:grabbing}.saved-component-card h3{font-family:var(--pb-font-heading, "Space Grotesk", sans-serif);font-size:.86rem;margin:.15rem 0 .48rem}.saved-component-meta{color:#56758f;font-size:.68rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.saved-component-actions{display:flex;gap:.4rem}.canvas-stage{backdrop-filter:blur(6px);background:linear-gradient(180deg,#ffffffbf,#e2effa9e);border:1px solid rgba(160,181,201,.45);border-radius:20px;box-shadow:0 14px 40px #08182b24;min-height:0;padding:.85rem}.canvas-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.65rem}.canvas-header h2{font-family:var(--pb-font-heading, "Space Grotesk", sans-serif);font-size:1.18rem;margin:0}.canvas-kicker{color:#0f766e;font-size:.72rem;font-weight:700;letter-spacing:.1em;margin:0 0 .12rem;text-transform:uppercase}.canvas-subtitle{color:#395874;font-size:.83rem;margin:0;max-width:40ch;text-align:right}.canvas-frame{margin:0 auto;max-height:calc(100vh - 255px);overflow:auto;padding:.25rem .1rem;transition:max-width .22s ease}.canvas-frame.desktop{max-width:980px}.canvas-frame.mobile{max-width:440px}.canvas-frame.tablet{max-width:834px}.render-shell{border-radius:14px}.render-shell.app{background:#f8fbff;border:8px solid #0f172a;border-radius:22px;box-shadow:0 24px 34px #050f1a47;padding:.35rem}.app-frame-header{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:10px;color:#e2f3ff;display:grid;font-size:.73rem;font-weight:700;gap:.4rem;grid-template-columns:auto 1fr auto;margin-bottom:.4rem;padding:.35rem .52rem}.app-frame-header p{margin:0}.app-dot{background:#34d399;border-radius:999px;display:inline-block;height:8px;width:8px}.app-battery{color:#bbf7d0;font-size:.68rem}.app-frame-footer{align-items:center;display:flex;gap:.45rem;justify-content:center;margin-top:.45rem}.app-frame-footer span{background:#d7e5f4;border-radius:999px;display:inline-block;height:6px;width:44px}.drop-zone{align-items:center;border:2px dashed rgba(106,136,159,.5);border-radius:12px;color:#466686;display:flex;font-size:.78rem;font-weight:600;justify-content:center;margin:.55rem 0;min-height:42px;transition:background-color .12s ease,border-color .12s ease,transform .16s ease,min-height .16s ease}.drop-zone.hot{background:#149d942e;border-color:#0f766e;box-shadow:0 0 0 4px #0f766e26,inset 0 0 20px #0f766e14;min-height:56px;transform:scaleY(1.05)}.drop-zone.focus-hidden{display:none}.canvas-section{border:1px solid transparent;box-shadow:0 10px 30px #091d3121;margin:.62rem 0;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.canvas-section:hover{transform:translateY(-1px)}.canvas-section.selected{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e40,0 18px 28px #08233433}.canvas-section.locked{box-shadow:0 0 0 1px #4755695c,0 8px 20px #10192829;opacity:.96}.canvas-section.device-hidden{border-color:#d9770673;box-shadow:0 0 0 1px #d9770647,0 10px 20px #10192824}.workspace.motion-mode .canvas-stage{border-color:#4493f88f;box-shadow:0 16px 42px #050e1ca8}.canvas-section.motion-fadeUp{animation-name:pbMotionFadeUp}.canvas-section.motion-fadeLeft{animation-name:pbMotionFadeLeft}.canvas-section.motion-zoomIn{animation-name:pbMotionZoomIn}.canvas-section.motion-pop{animation-name:pbMotionPop}.section-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:.6rem}.section-name{align-items:center;display:inline-flex;gap:.4rem;font-family:var(--pb-font-heading, "Space Grotesk", sans-serif);font-size:.82rem;font-weight:700;letter-spacing:.02em;margin:0}.lock-chip{background:#47556933;border:1px solid rgba(71,85,105,.35);border-radius:999px;color:#334155;font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:.14rem .4rem;text-transform:uppercase}.lock-chip.variant-chip{background:#0e74902e;border-color:#0e74905c;color:#0e6078}.lock-chip.hidden-chip{background:#f59e0b2e;border-color:#d977065c;color:#92400e}.section-actions{display:flex;flex-wrap:wrap;gap:.28rem}.mini-btn{background:#ffffffb8;border:1px solid rgba(122,146,167,.48);border-radius:8px;color:#183a56;cursor:pointer;font-size:.74rem;font-weight:700;padding:.31rem .52rem}.mini-btn:disabled{cursor:not-allowed;opacity:.45}.mini-btn.danger{border-color:#ef444480;color:#a71d2a}.mini-btn.active-lock{background:#94a3b847;border-color:#64748b80;color:#1e293b}.section-preview{font-size:.95rem}.hidden-note{background:#fff7edc7;border:1px dashed rgba(217,119,6,.45);border-radius:10px;color:#9a4c0d;margin:0;padding:.58rem .64rem}.preview-stack{display:grid;gap:.58rem}.preview-eyebrow{font-size:.76em;font-weight:700;letter-spacing:.11em;margin:0;opacity:.84;text-transform:uppercase}.preview-title{font-family:var(--pb-font-heading, "Space Grotesk", sans-serif);font-size:clamp(1.05em,1.5vw,1.45em);line-height:1.16;margin:0}.preview-body{margin:0;max-width:60ch;opacity:.9}.custom-code-preview{background:#ffffffb8;border:1px dashed rgba(121,144,166,.52);border-radius:12px;min-height:78px;overflow:auto;padding:.62rem}.preview-button{align-items:center;border:0;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;justify-self:flex-start;padding:.52rem .9rem;text-decoration:none}.promo-strip{align-items:center;display:flex;gap:.8rem;justify-content:space-between}.product-grid{display:grid;gap:.58rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.gallery-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:.75rem}.gallery-thumb{aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:#0000000f}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.product-card{background:#ffffff9e;border:1px solid rgba(132,156,177,.4);border-radius:12px;display:grid;gap:.35rem;padding:.5rem}.product-thumb{background:linear-gradient(145deg,#cde8f7,#8ec5df);border-radius:9px;height:76px}.product-badge{background:#ea580c;border-radius:999px;color:#fff7ed;display:inline-block;font-size:.62rem;font-weight:700;margin:0;padding:.18rem .4rem;text-transform:uppercase}.product-name{font-size:.85rem;margin:0}.product-price{font-weight:700;margin:0}.feature-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.feature-pill{align-items:flex-start;background:#ffffff8a;border:1px solid rgba(130,151,170,.35);border-radius:11px;display:flex;gap:.45rem;padding:.56rem}.feature-pill p{margin:0}.feature-dot{border-radius:999px;display:inline-block;flex:0 0 10px;height:10px;margin-top:.33rem}.quote-grid{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.quote-card{background:#ffffff8c;border-left:3px solid rgba(126,144,162,.85);border-radius:10px;margin:0;padding:.55rem}.faq-list{display:grid;gap:.5rem}.faq-item{background:#fff9;border:1px solid rgba(125,145,164,.42);border-radius:10px;padding:.5rem}.faq-item summary{cursor:pointer;font-weight:700}.faq-item p{margin:.42rem 0 0}.newsletter-row{display:grid;gap:.45rem;grid-template-columns:1fr auto}.newsletter-input{border:1px solid rgba(137,157,177,.75);border-radius:11px;min-width:0;padding:.52rem .65rem}.cta-wrap{text-align:center}.cta-wrap .preview-button{justify-self:center}.inspector-tabs{background:#edf3f8;border:1px solid #c9d8e6;border-radius:12px;display:grid;gap:.25rem;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:.6rem;padding:.25rem}.inspector-tabs button{background:transparent;border:0;border-radius:9px;color:#35536e;font-size:.8rem;font-weight:700;padding:.44rem .3rem}.inspector-tabs button.active{background:#154259;color:#f4fbff}.inspector-panel{display:grid;gap:.58rem}.field{display:grid;gap:.25rem}.checkbox-field{align-items:center;grid-template-columns:auto 1fr}.checkbox-field input{margin:0}.inspector-fieldset{border:0;display:grid;gap:.58rem;margin:0;min-width:0;padding:0}.project-panel{align-content:start}.snapshot-list{display:grid;gap:.5rem}.preset-panel{display:grid;gap:.46rem}.preset-list{display:grid;gap:.5rem}.preset-card{background:#f6fbff;border:1px solid #d3e1ee;border-radius:10px;display:grid;gap:.34rem;padding:.55rem}.preset-head{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.preset-head h3{font-size:.84rem;margin:0}.pb-inline-editable{border:1px dashed transparent;border-radius:6px;cursor:text;display:inline-block;outline:none;padding:.12rem .25rem;transition:border-color .12s ease}.pb-inline-editable:hover{border-color:#0f766e59}.pb-inline-editable:focus{background:#ffffffa6;border-color:#0f766e}.pb-inline-editable.editing{background:#ffffffd9;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e33}.vscode-shell .pb-inline-editable.editing{background:#0e639c33;border-color:#4493f8;box-shadow:0 0 0 3px #4493f840}@keyframes pb-pop-scale{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes pb-slide-in-out{0%{transform:translate(0);opacity:1}30%{transform:translate(-12px);opacity:.6}60%{transform:translate(6px);opacity:.8}to{transform:translate(0);opacity:1}}@keyframes pb-soft-blur-fade{0%{filter:blur(0);opacity:1}40%{filter:blur(3px);opacity:.5}to{filter:blur(0);opacity:1}}.canvas-section[data-click-anim=popScale].animating{animation:pb-pop-scale .42s ease-in-out}.canvas-section[data-click-anim=slideInOut].animating{animation:pb-slide-in-out .52s ease-in-out}.canvas-section[data-click-anim=softBlurFade].animating{animation:pb-soft-blur-fade .5s ease-in-out}.structure-tree{display:flex;flex-direction:column;gap:0;font-size:.82rem}.structure-branch{display:flex;flex-direction:column}.structure-branch-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.35rem;padding:.32rem .35rem;transition:background-color .12s ease}.structure-branch-header:hover{background:#eaf4f3}.branch-toggle{color:#64748b;font-size:.7rem;width:14px}.branch-icon{font-size:.92rem;width:18px}.branch-label{color:#1e3a5a;font-weight:700;flex:1}.structure-branch-children{display:flex;flex-direction:column;padding-left:1.1rem;position:relative}.structure-branch-children:before{background:#d2deea;content:"";height:calc(100% - 8px);left:6px;position:absolute;top:4px;width:1.5px}.structure-node{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.4rem;margin:1px 0;padding:.28rem .35rem;position:relative;transition:background-color .12s ease}.structure-node:before{background:#d2deea;content:"";height:1.5px;left:-10px;position:absolute;top:50%;width:10px}.structure-node:hover{background:#eaf4f3}.structure-node.active{background:#e8f6f5;box-shadow:inset 0 0 0 1.5px #7dc7bf}.structure-node.locked{opacity:.65}.structure-leaf{padding-left:.1rem}.structure-icon{font-size:.88rem;width:18px}.structure-label{color:#18374f;flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.structure-type{color:#5e7d96;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.structure-empty{color:#94a3b8;font-size:.78rem;font-style:italic;padding:.3rem .35rem}.image-placeholder{align-items:center;background:#eef4f9;border:2px dashed #c4d5e5;border-radius:12px;color:#4a6a85;display:flex;font-size:.84rem;font-weight:600;justify-content:center;min-height:120px}.column-grid{display:grid;gap:.75rem}.column-cell{background:#ffffff8c;border:1px solid rgba(130,151,170,.35);border-radius:11px;padding:.6rem}.video-wrapper{aspect-ratio:16 / 9;background:#0f172a;overflow:hidden;width:100%}.map-wrapper{background:#e2e8f0;min-height:180px;width:100%}.social-bar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.35rem}.social-chip{background:#ffffffa6;border:1px solid rgba(130,151,170,.4);border-radius:8px;color:#1e3a5a;font-size:.72rem;font-weight:700;padding:.35rem .65rem}.pricing-grid{display:grid;gap:.7rem;margin-top:.5rem;width:100%}.pricing-card{background:#ffffffd9;border:1px solid rgba(10,38,58,.1);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.85rem;text-align:center}.pricing-name{font-size:.85rem;font-weight:800;margin:0}.pricing-value{font-size:1.1rem;font-weight:700;margin:0}.pricing-meta{color:#475569;font-size:.72rem;margin:0}.form-preview{display:grid;gap:.55rem;margin-top:.35rem;width:100%}.form-row{align-items:center;display:flex;gap:.45rem}.form-row span{color:#334155;font-size:.78rem;font-weight:700;min-width:70px}.form-row input{background:#fff9;border:1px solid #b7c7d6;border-radius:8px;flex:1;font-size:.8rem;padding:.35rem .5rem}.nav-preview{align-items:center;display:flex;flex-direction:row!important;flex-wrap:wrap;gap:.65rem;justify-content:space-between}.nav-brand{color:#0f172a;font-size:.92rem;font-weight:800}.nav-links{display:flex;flex-wrap:wrap;gap:.45rem}.nav-link{background:#ffffff80;border:1px solid rgba(130,151,170,.3);border-radius:7px;color:#1e3a5a;font-size:.72rem;font-weight:700;padding:.28rem .55rem}.nav-cta{background:var(--pb-accent, #0f766e);border-radius:8px;color:#fff;font-size:.72rem;font-weight:700;padding:.35rem .7rem}.preview-video{background:#ef4444}.preview-map{background:#10b981}.preview-social{background:#8b5cf6}.preview-pricing{background:#f59e0b}.preview-form{background:#ec4899}.preview-nav{background:#6366f1}.canvas-section.hover-lift{transition:transform .18s ease,box-shadow .18s ease}.canvas-section.hover-lift:hover{transform:translateY(-4px);box-shadow:0 16px 32px #08172524}.canvas-section.hover-glow{transition:box-shadow .2s ease}.canvas-section.hover-glow:hover{box-shadow:0 0 0 3px #0f766e59,0 12px 24px #0817251a}.canvas-section.hover-scale{transition:transform .18s ease}.canvas-section.hover-scale:hover{transform:scale(1.015)}.canvas-section.hover-darken{position:relative}.canvas-section.hover-darken:after{border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease;background:#0000001f}.canvas-section.hover-darken:hover:after{opacity:1}.column-cell p{margin:0}.preview-caption{color:#4a6a85;font-size:.82rem;margin:.35rem 0 0;text-align:center}.activity-rail{grid-template-columns:repeat(6,minmax(0,1fr))}.template-gallery{display:grid;gap:.65rem}.template-gallery-card{background:#f8fbfe;border:1px solid #d3e0ed;border-radius:14px;padding:.72rem;transition:box-shadow .16s ease,transform .16s ease}.template-gallery-card:hover{box-shadow:0 10px 24px #08182b1a;transform:translateY(-1px)}.template-preview-strip{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:.55rem;min-height:18px}.template-preview-block{border-radius:4px;display:inline-block;height:14px;width:14px}.preview-hero{background:#0f766e}.preview-promo{background:#f97316}.preview-productGrid{background:#0369a1}.preview-features{background:#0ea5e9}.preview-testimonials{background:#ea580c}.preview-faq{background:#64748b}.preview-newsletter{background:#2dd4bf}.preview-cta{background:#fb7185}.preview-customCode{background:#0284c7}.preview-text{background:#8b5cf6}.preview-image{background:#10b981}.preview-button{background:#f59e0b}.preview-spacer{background:#e2e8f0}.preview-divider{background:#94a3b8}.preview-columns{background:#6366f1}.template-gallery-meta{align-items:center;display:flex;gap:.4rem;margin-bottom:.35rem}.template-category-badge{background:#e2e8f0;border-radius:999px;color:#334155;font-size:.62rem;font-weight:800;letter-spacing:.06em;padding:.16rem .42rem;text-transform:uppercase}.template-category-badge.badge-storefront{background:#dbeafe;color:#1e40af}.template-category-badge.badge-campaign{background:#fce7f3;color:#9d174d}.template-category-badge.badge-hybrid{background:#d1fae5;color:#065f46}.template-category-badge.badge-advanced{background:#f3e8ff;color:#6b21a8}.template-category-badge.badge-custom{background:#fef3c7;color:#92400e}.template-block-count{color:#64748b;font-size:.7rem;font-weight:700}.template-gallery-title{font-family:var(--pb-font-heading, "Space Grotesk", sans-serif);font-size:.9rem;margin:0 0 .2rem}.template-gallery-desc{color:#475569;font-size:.78rem;line-height:1.35;margin:0 0 .55rem}.template-apply-btn{width:100%}.template-count-badge{background:#dbeafe;border-radius:999px;color:#1e40af;font-size:.72rem;font-weight:800;min-width:24px;padding:.16rem .5rem;text-align:center}.inspector-tabs{grid-template-columns:repeat(7,minmax(0,1fr))}.effects-panel .smart-score-card h3{font-size:.9rem;margin:.2rem 0 0}.effects-panel .smart-note{margin-bottom:.35rem}.preset-card p{color:#4a6781;font-size:.73rem;margin:0}.preset-swatches{display:inline-flex;gap:.22rem}.preset-swatches span{border:1px solid rgba(122,146,167,.46);border-radius:6px;display:inline-block;height:16px;width:16px}.marketpack-list{display:grid;gap:.52rem}.marketpack-stats{display:flex;flex-wrap:wrap;gap:.35rem}.marketpack-stats span{background:#edf4fb;border:1px solid #cddcea;border-radius:999px;color:#365671;font-size:.7rem;font-weight:700;padding:.2rem .45rem}.marketpack-stats span.warn{background:#f59e0b29;border-color:#f59e0b70;color:#9a3412}.marketpack-card{background:linear-gradient(145deg,#f6fbff,#fff);border:1px solid #cfddeb;border-radius:10px;display:grid;gap:.38rem;padding:.62rem}.marketpack-head{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.marketpack-head h3{font-size:.86rem;margin:0}.marketpack-head p{color:#4a6781;font-size:.73rem;margin:.12rem 0 0}.marketpack-card>p{color:#355069;font-size:.78rem;margin:0}.marketpack-changelog{background:#f7fbff;border:1px dashed #cad9e7;border-radius:10px;color:#2f4d67;display:grid;font-size:.72rem;gap:.2rem;margin:0;padding:.42rem .52rem .42rem 1rem}.extension-list{display:grid;gap:.5rem}.extension-card{background:#f6fbff;border:1px solid #cfdeec;border-radius:11px;display:grid;gap:.34rem;padding:.56rem}.motion-panel{align-content:start}.conversion-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.conversion-meta span{background:#edf4fb;border:1px solid #cddcea;border-radius:999px;color:#365671;font-size:.7rem;font-weight:700;padding:.2rem .45rem}.conversion-notes{display:grid;gap:.26rem;margin-top:.45rem}.conversion-notes p{color:#375873;font-size:.74rem;margin:0}.conversion-breakdown{background:#f7fbff;border:1px dashed #cad9e7;border-radius:10px;display:grid;gap:.24rem;margin-top:.45rem;padding:.45rem .52rem}.conversion-breakdown p{color:#2f4d67;font-size:.73rem;margin:0}.panel-head.compact{margin-bottom:0}.snapshot-card{background:#f6fbff;border:1px solid #d3e1ee;border-radius:10px;display:grid;gap:.32rem;padding:.55rem}.snapshot-card h3{font-size:.85rem;margin:0}.snapshot-card p{color:#4a6781;font-size:.73rem;margin:0}.project-check-list{display:grid;gap:.45rem}.project-check{align-items:center;background:#f8fbff;border:1px solid #d2e0ed;border-radius:10px;display:grid;gap:.35rem;grid-template-columns:1fr auto;padding:.55rem}.project-check.ok{border-color:#10b98173}.project-check.bad{border-color:#f59e0b73}.project-check h4{font-size:.79rem;margin:0}.project-check p{color:#4a6781;font-size:.73rem;margin:.18rem 0 0}.check-state{background:#10b9812e;border-radius:999px;color:#047857;font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:.2rem .45rem;text-transform:uppercase}.check-state.warn{background:#f59e0b2e;color:#9a3412}.check-state.info{background:#2563eb26;color:#1d4ed8}.field.inline{align-items:center;grid-template-columns:1fr auto}.field span{color:#2d4a64;font-size:.79rem;font-weight:700}.field input,.field textarea,.field select{background:#fff;border:1px solid #bfcfde;border-radius:10px;color:#13273b;min-width:0;padding:.5rem .58rem}.field input:focus,.field textarea:focus,.field select:focus{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e2e;outline:none}.field textarea{resize:vertical}.lock-note{background:#fff4de;border:1px solid #f1d8a4;border-radius:10px;color:#7c4a03;font-size:.78rem;margin:0;padding:.45rem .56rem}.ai-panel{align-content:start}.ai-summary{color:#264966;font-size:.8rem;margin:.25rem 0 0}.ai-plan{background:#f0f7fc;border:1px solid #c6d8e8;border-radius:11px;list-style:none;margin:0;padding:.5rem .6rem}.ai-plan li+li{margin-top:.3rem}.ai-actions{display:grid;gap:.45rem;grid-template-columns:1fr 1fr}.ai-hint{color:#3f607d;font-size:.74rem;line-height:1.35;margin:0}.smart-panel{align-content:start}.smart-score-card{background:linear-gradient(145deg,#edf7ff,#fff);border:1px solid #c6d8e8;border-radius:12px;padding:.65rem}.smart-kicker{color:#456986;font-size:.72rem;font-weight:700;letter-spacing:.08em;margin:0 0 .18rem;text-transform:uppercase}.smart-score-card h3{font-family:var(--pb-font-heading, "Space Grotesk", sans-serif);font-size:1.3rem;margin:0}.smart-meter{background:#dde9f5;border-radius:999px;height:8px;margin:.45rem 0;overflow:hidden}.smart-meter span{background:linear-gradient(135deg,#0f766e,#0ea5a4);display:block;height:100%}.smart-note{color:#3a5d79;font-size:.74rem;margin:0}.smart-hints{display:grid;gap:.5rem}.smart-hint-card{background:#f8fbfe;border:1px solid #d1e0ed;border-radius:11px;display:grid;gap:.35rem;padding:.6rem}.smart-hint-card h4{font-size:.85rem;margin:0}.smart-hint-card p{color:#34526c;font-size:.78rem;margin:0}.smart-actions{display:grid;gap:.45rem;grid-template-columns:1fr 1fr}.canvas-empty{align-items:center;border:2px dashed rgba(122,146,170,.5);border-radius:14px;color:#3f607d;display:flex;justify-content:center;min-height:300px}.footer-note{align-items:center;background:#0c121ecc;border:1px solid rgba(84,112,164,.32);border-radius:10px;color:#eff7ffd9;display:flex;font-size:.8rem;justify-content:space-between;margin-top:.8rem;padding:.4rem .55rem}.app-dock{align-items:center;backdrop-filter:blur(9px);background:var(--pb-dock-bg);border:1px solid rgba(124,151,176,.35);border-radius:16px;bottom:.8rem;box-shadow:0 22px 34px #030a1180;display:flex;gap:.42rem;left:50%;max-width:calc(100vw - 1.4rem);overflow:auto;padding:.45rem;position:fixed;transform:translate(-50%);z-index:28}.dock-btn{background:#e9f4fc26;border:1px solid rgba(163,184,202,.35);border-radius:10px;color:#ebf6ff;cursor:pointer;flex:0 0 auto;font-size:.76rem;font-weight:700;padding:.42rem .62rem}.dock-btn.primary{background:linear-gradient(135deg,#0f766e,#0e7490);border-color:#91dcd573}.command-overlay{align-items:flex-start;background:#050f1a8f;display:flex;inset:0;justify-content:center;padding:12vh 1rem 1rem;position:fixed;z-index:40}.command-modal{backdrop-filter:blur(10px);background:linear-gradient(180deg,#fafdfff7,#ecf5fced);border:1px solid rgba(159,181,201,.5);border-radius:14px;box-shadow:0 26px 56px #06121e57;max-width:660px;overflow:hidden;width:100%}.command-input{background:#fbfdff;border:0;border-bottom:1px solid #ccdae7;color:#102537;font-size:.92rem;font-weight:600;padding:.78rem .9rem;width:100%}.command-input:focus{outline:none}.command-results{display:grid;gap:.2rem;max-height:56vh;overflow:auto;padding:.45rem}.command-item{align-items:center;background:transparent;border:0;border-radius:9px;color:#1f3e57;cursor:pointer;display:flex;font-size:.83rem;font-weight:700;justify-content:space-between;padding:.5rem .55rem;text-align:left}.command-item:hover{background:#e7f1f9}.command-item kbd{background:#153b53;border-radius:6px;color:#ecfbff;font-family:var(--pb-font-heading, "Space Grotesk", sans-serif);font-size:.67rem;font-weight:700;padding:.2rem .35rem}.command-empty{color:#46617a;font-size:.8rem;margin:0;padding:.2rem .25rem}.extension-permission-overlay{align-items:center;padding-top:0}.extension-permission-modal{backdrop-filter:blur(10px);background:#111a2a;border:1px solid #2a4368;border-radius:14px;box-shadow:0 24px 52px #040a1494;display:grid;gap:.5rem;max-width:560px;padding:.85rem;width:100%}.extension-permission-list{background:#0f1726;border:1px solid #294469;border-radius:11px;display:grid;gap:.2rem;max-height:36vh;overflow:auto;padding:.45rem}.starter-overlay{align-items:center;background:#06101c94;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:45}.starter-modal{backdrop-filter:blur(10px);background:linear-gradient(170deg,#f8fcfffa,#e9f4fcf2);border:1px solid rgba(161,184,204,.48);border-radius:18px;box-shadow:0 26px 58px #05101c61;max-height:min(88vh,860px);max-width:920px;overflow:auto;padding:1rem;width:min(100%,920px)}.starter-head h2{font-family:var(--pb-font-heading, "Space Grotesk", sans-serif);font-size:1.35rem;margin:0}.starter-head p{color:#35536d;margin:.4rem 0 .2rem}.starter-choice-grid{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-top:.8rem}.starter-card{background:#f8fbff;border:1px solid #cddcea;border-radius:12px;cursor:pointer;padding:.8rem;text-align:left}.starter-card h3{font-family:var(--pb-font-heading, "Space Grotesk", sans-serif);font-size:1rem;margin:0}.starter-card p{color:#3a5872;font-size:.84rem;margin:.42rem 0 0}.starter-card.subtle{background:#eef5fb}.starter-template-grid{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:.8rem}.starter-controls{display:grid;gap:.52rem;grid-template-columns:1fr auto;margin-top:.75rem}.starter-controls input,.starter-controls select{background:#fff;border:1px solid #bfd0de;border-radius:10px;color:#17324a;font-size:.82rem;font-weight:600;min-width:0;padding:.48rem .56rem}.starter-empty{background:#eef5fb;border:1px dashed #bfd0de;border-radius:10px;color:#3d5b75;font-size:.8rem;margin:0;padding:.65rem}.starter-template-card{background:#f8fbff;border:1px solid #cddcea;border-radius:12px;display:grid;gap:.45rem;padding:.75rem}.starter-template-card h3{font-family:var(--pb-font-heading, "Space Grotesk", sans-serif);margin:0}.starter-template-card p{color:#3a5872;font-size:.82rem;margin:0}.toast{animation:riseIn .22s ease;background:#0f766e;border-radius:10px;bottom:1rem;color:#f4fffe;font-size:.84rem;font-weight:700;padding:.55rem .8rem;position:fixed;right:1rem}@keyframes pbMotionFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes pbMotionFadeLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pbMotionZoomIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pbMotionPop{0%{opacity:0;transform:scale(.88)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@media(max-width:1260px){.workspace{grid-template-columns:250px minmax(0,1fr)}.workspace.left-hidden{grid-template-columns:1fr}.right-panel{grid-column:1 / -1;max-height:none}}@media(max-width:980px){.system-strip{align-items:flex-start;flex-direction:column;gap:.35rem}.topbar{flex-direction:column}.editor-tabs-shell{align-items:flex-start;flex-direction:column}.editor-tabs-meta{text-align:left}.workspace,.workspace.left-hidden,.workspace.right-hidden,.workspace.left-hidden.right-hidden{grid-template-columns:1fr}.left-panel,.canvas-stage,.right-panel{max-height:none}.canvas-header{align-items:flex-start;flex-direction:column}.canvas-subtitle{text-align:left}.footer-note{flex-direction:column;gap:.2rem}.app-dock{left:.7rem;right:.7rem;transform:none}}@media(max-width:680px){.app-shell{padding:.7rem .7rem 6.2rem}.inspector-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-tab-btn{font-size:.76rem}.activity-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.newsletter-row,.ai-actions,.smart-actions,.starter-controls{grid-template-columns:1fr}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vscode-shell .sidebar-left,.vscode-shell .sidebar-right,.vscode-shell .panel{background:#0e131efa;border:1px solid rgba(60,82,120,.3);border-radius:10px;box-shadow:0 8px 24px #02050c73}.vscode-shell .window-chrome{background:#141a28f2;border-bottom:1px solid rgba(60,82,120,.25);border-radius:10px 10px 0 0;padding:6px 10px}.vscode-shell .window-chrome p{color:#7a9bc7;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vscode-shell .panel-head{padding:10px 14px;border-bottom:1px solid rgba(60,82,120,.2);margin-bottom:0}.vscode-shell .panel-head h2{color:#c9d9f0;font-size:.82rem;font-weight:700;letter-spacing:.02em}.vscode-shell .panel-head p{color:#6b8fb8;font-size:.72rem}.vscode-shell .block-card{background:#161e2ed9;border:1px solid rgba(60,82,120,.25);border-radius:8px;padding:10px 12px;transition:all .14s ease;cursor:grab}.vscode-shell .block-card:hover{background:#1c283cf2;border-color:#7fb4ff59;box-shadow:0 4px 14px #02081459;transform:translateY(-1px)}.vscode-shell .block-card:active{cursor:grabbing}.vscode-shell .block-title{color:#c9d9f0;font-size:.78rem;font-weight:700}.vscode-shell .block-card p{color:#6b8fb8;font-size:.68rem}.vscode-shell .template-card{background:#161e2ed9;border:1px solid rgba(60,82,120,.25);border-radius:10px;overflow:hidden;transition:all .16s ease}.vscode-shell .template-card:hover{border-color:#7fb4ff66;box-shadow:0 6px 20px #02081466;transform:translateY(-2px)}.vscode-shell .template-card h3{color:#c9d9f0;font-size:.82rem;font-weight:700}.vscode-shell .template-card p{color:#6b8fb8;font-size:.7rem}.vscode-shell .inspector-fieldset{background:#12192699;border:1px solid rgba(60,82,120,.2);border-radius:8px;margin-bottom:8px;overflow:hidden}.vscode-shell .inspector-fieldset legend{background:#141c2ae6;border-bottom:1px solid rgba(60,82,120,.2);color:#8fb8e8;cursor:pointer;display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:8px 12px;text-transform:uppercase;width:100%}.vscode-shell .inspector-fieldset legend:hover{background:#1c283ae6}.vscode-shell .canvas-section{background:#fff;border:1px solid rgba(160,181,201,.35);border-radius:14px;box-shadow:0 8px 22px #08182a1a;margin:.5rem 0;overflow:hidden}.vscode-shell .canvas-section:hover{border-color:#0f766e73;box-shadow:0 12px 28px #081e3424}.vscode-shell .canvas-section.selected{border-color:#0e639c;box-shadow:0 0 0 2px #0e639c4d,0 14px 32px #050e1c33}.vscode-shell .section-toolbar{background:#0e131eeb;border-bottom:1px solid rgba(60,82,120,.25);padding:6px 10px}.vscode-shell .section-name{color:#8fb8e8;font-size:.7rem;font-weight:700;letter-spacing:.03em}.vscode-shell .action-btn{background:#0e639c;border:1px solid #0e639c;border-radius:6px;color:#f4fbff;cursor:pointer;font-size:.72rem;font-weight:700;padding:6px 12px;transition:all .12s ease}.vscode-shell .action-btn:hover{background:#17b;border-color:#17b;box-shadow:0 2px 8px #0e639c4d}.vscode-shell .action-btn.secondary{background:#0e639c1f;border-color:#0e639c59;color:#7fb4ff}.vscode-shell .action-btn.secondary:hover{background:#0e639c33;border-color:#0e639c80}.vscode-shell .action-btn.subtle{background:transparent;border-color:#3c527859;color:#7a9bc7}.vscode-shell .action-btn.subtle:hover{background:#3c52781f;border-color:#3c527880}.vscode-shell .topbar{border-radius:10px;margin-bottom:.8rem;padding:.85rem 1.1rem}.vscode-shell .brand h1{color:#d7e7ff;font-size:1.1rem;font-weight:800;letter-spacing:-.01em;margin:0}.vscode-shell .brand-subtitle{color:#6b8fb8;font-size:.72rem;margin:4px 0 0}.vscode-shell .editor-tabs-shell{border-radius:10px 10px 0 0;margin-bottom:0}.vscode-shell .editor-tab-item{border-radius:6px 6px 0 0;margin-right:2px;transition:background .12s ease}.vscode-shell .editor-tab-item.active{background:#0e639c40}.vscode-shell .editor-tab-btn{color:#7a9bc7;font-size:.72rem;font-weight:700;padding:6px 14px}.vscode-shell .editor-tab-item.active .editor-tab-btn{color:#c9d9f0}.vscode-shell .canvas-header{border-bottom:1px solid rgba(60,82,120,.2);margin-bottom:.5rem;padding-bottom:.5rem}.vscode-shell .canvas-header h2{color:#d7e7ff;font-size:1rem;font-weight:700}.vscode-shell .canvas-subtitle{color:#5a7fa8;font-size:.68rem}.vscode-shell .drop-zone{background:#0e639c0f;border:2px dashed rgba(14,99,156,.2);border-radius:10px;color:#5a7fa8;font-size:.72rem;font-weight:600;padding:14px;text-align:center;transition:all .16s ease}.vscode-shell .drop-zone.hot{background:#0e639c1f;border-color:#0e639c73;color:#7fb4ff}.vscode-shell .system-strip{border-radius:8px;margin-bottom:.7rem;padding:5px 12px}.vscode-shell .os-pill{background:#0e639c33;border:1px solid rgba(14,99,156,.3);border-radius:999px;color:#7fb4ff;font-size:.62rem;font-weight:800;letter-spacing:.06em;padding:2px 8px;text-transform:uppercase}.vscode-shell .toast{background:#0e131ef5;border:1px solid rgba(60,82,120,.3);border-radius:8px;box-shadow:0 8px 24px #02050c80;color:#c9d9f0;font-size:.78rem;font-weight:600;padding:10px 16px}.vscode-shell .starter-overlay{background:#040810d1;backdrop-filter:blur(8px)}.vscode-shell .starter-modal{background:#0e131efa;border:1px solid rgba(60,82,120,.3);border-radius:14px;box-shadow:0 24px 64px #02050eb3;max-width:820px;padding:28px 32px}.vscode-shell .starter-head h2{color:#d7e7ff;font-size:1.3rem;font-weight:800;margin:8px 0 6px}.vscode-shell .starter-head p{color:#6b8fb8;font-size:.82rem}.vscode-shell .starter-card{background:#161e2ee6;border:1px solid rgba(60,82,120,.25);border-radius:10px;padding:18px 16px;text-align:left;transition:all .14s ease}.vscode-shell .starter-card:hover{background:#1c283af2;border-color:#7fb4ff66;box-shadow:0 6px 18px #02081466;transform:translateY(-2px)}.vscode-shell .starter-card h3{color:#c9d9f0;font-size:.88rem;font-weight:700;margin:0 0 6px}.vscode-shell .starter-card p{color:#6b8fb8;font-size:.72rem;line-height:1.4;margin:0}.vscode-shell .starter-recent{margin-top:20px;padding-top:16px;border-top:1px solid rgba(60,82,120,.2)}.vscode-shell .starter-recent h3{color:#8fb8e8;font-size:.78rem;font-weight:700;letter-spacing:.04em;margin:0 0 12px;text-transform:uppercase}.vscode-shell .starter-recent-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.vscode-shell .starter-recent-card{background:#161e2ecc;border:1px solid rgba(60,82,120,.2);border-radius:8px;padding:10px 12px}.vscode-shell .starter-recent-card h4{color:#c9d9f0;font-size:.78rem;font-weight:700;margin:0 0 4px}.vscode-shell .starter-recent-card p{color:#5a7fa8;font-size:.65rem;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vscode-shell .starter-recent-card small{color:#4a6f98;font-size:.62rem}.vscode-shell .page-row{align-items:center;border-radius:6px;display:flex;gap:6px;padding:6px 8px;transition:background .12s ease}.vscode-shell .page-row:hover{background:#0e639c14}.vscode-shell .page-row.active{background:#0e639c26}.vscode-shell .page-switch{background:none;border:none;color:#8fb8e8;cursor:pointer;flex:1;font-size:.76rem;font-weight:600;padding:4px;text-align:left}.vscode-shell .page-row.active .page-switch{color:#c9d9f0}.vscode-shell .structure-navigator{background:#12192699;border:1px solid rgba(60,82,120,.2);border-radius:8px;padding:10px}.vscode-shell .structure-navigator button{background:none;border:none;border-radius:5px;color:#7a9bc7;cursor:pointer;font-size:.72rem;padding:5px 8px;text-align:left;transition:background .12s ease;width:100%}.vscode-shell .structure-navigator button:hover{background:#0e639c1a;color:#c9d9f0}.vscode-shell .structure-navigator button.active{background:#0e639c2e;color:#c9d9f0}.vscode-shell .field input,.vscode-shell .field select,.vscode-shell .field textarea{background:#0a0f18cc;border:1px solid rgba(60,82,120,.3);border-radius:6px;color:#c9d9f0;font-size:.74rem;padding:6px 10px;transition:border-color .12s ease,box-shadow .12s ease}.vscode-shell .field input:focus,.vscode-shell .field select:focus,.vscode-shell .field textarea:focus{border-color:#7fb4ff80;box-shadow:0 0 0 2px #0e639c33;outline:none}.vscode-shell .field span{color:#7a9bc7;font-size:.68rem;font-weight:600}.vscode-shell ::-webkit-scrollbar{width:8px;height:8px}.vscode-shell ::-webkit-scrollbar-track{background:#0a0f1880;border-radius:4px}.vscode-shell ::-webkit-scrollbar-thumb{background:#3c527866;border-radius:4px}.vscode-shell ::-webkit-scrollbar-thumb:hover{background:#3c527899}.vscode-shell .pricing-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:14px}.vscode-shell .pricing-card{background:#ffffffeb;border:1px solid rgba(10,38,58,.1);border-radius:14px;padding:22px 18px;text-align:center}.vscode-shell .pricing-name{font-size:.9rem;font-weight:800;margin-bottom:8px}.vscode-shell .pricing-value{font-size:1.6rem;font-weight:700;margin-bottom:4px}.vscode-shell .social-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.vscode-shell .social-bar a{border-radius:8px;display:inline-block;font-size:.8rem;font-weight:700;padding:8px 14px;text-decoration:none;transition:transform .12s ease}.vscode-shell .social-bar a:hover{transform:scale(1.05)}.vscode-shell .preview-nav{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:12px 20px}.vscode-shell .preview-nav-links{display:flex;gap:8px}.vscode-shell .preview-nav-links a{border-radius:8px;font-size:.82rem;font-weight:600;padding:8px 12px;text-decoration:none}.vscode-shell .preview-form{display:grid;gap:12px;margin-top:12px}.vscode-shell .preview-form label{display:grid;gap:4px}.vscode-shell .preview-form input{border:1px solid #b7c7d6;border-radius:9px;padding:10px}.vscode-shell .map-placeholder{align-items:center;background:linear-gradient(145deg,#d7e4f0,#f4f8fc);border-radius:12px;color:#5a7fa8;display:flex;font-size:.82rem;font-weight:600;height:260px;justify-content:center}.vscode-shell .video-placeholder{align-items:center;background:linear-gradient(145deg,#1a2332,#0f1726);border-radius:12px;color:#7a9bc7;display:flex;font-size:.82rem;font-weight:600;height:300px;justify-content:center}.context-menu-backdrop{inset:0;position:fixed;z-index:9980}.context-menu{background:#fff;border:1px solid rgba(106,136,159,.35);border-radius:10px;box-shadow:0 10px 30px #091d312e;display:flex;flex-direction:column;min-width:180px;padding:6px;position:fixed;z-index:9990}.vscode-shell .context-menu{background:#1e293b;border-color:#688bc440;box-shadow:0 10px 30px #00000059}.context-menu-item{align-items:center;background:transparent;border:none;border-radius:6px;color:#0f172a;cursor:pointer;display:flex;font-size:.78rem;font-weight:500;justify-content:flex-start;padding:.5rem .65rem;text-align:left;transition:background-color .1s ease;width:100%}.vscode-shell .context-menu-item{color:#e2e8f0}.context-menu-item:hover:not(:disabled){background:#0f766e1a}.vscode-shell .context-menu-item:hover:not(:disabled){background:#688bc42e}.context-menu-item.danger:hover:not(:disabled){background:#ef44441a;color:#dc2626}.context-menu-item:disabled{cursor:not-allowed;opacity:.5}.context-menu-divider{background:#6a889f33;height:1px;margin:4px 6px}.vscode-shell .context-menu-divider{background:#688bc433}.padding-resizer{cursor:ns-resize;height:8px;left:50%;margin-left:-16px;opacity:0;position:absolute;transition:opacity .16s ease;width:32px;z-index:10}.canvas-section:hover .padding-resizer,.canvas-section.selected .padding-resizer{opacity:1}.padding-resizer:before{background:#0f766e;border-radius:4px;content:"";display:block;height:4px;left:0;position:absolute;right:0;top:2px}.vscode-shell .padding-resizer:before{background:#4493f8}.padding-resizer.top{top:-4px}.padding-resizer.bottom{bottom:-4px}.padding-resizer:hover:before{background:#0d9488;box-shadow:0 0 0 3px #0f766e33}.vscode-shell .padding-resizer:hover:before{background:#7fb4ff;box-shadow:0 0 0 3px #4493f840}