:root{font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7e5ed;background:#101116;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #101116;--surface: #15161d;--surface-raised: #191a22;--surface-hover: #20212b;--border: #282933;--text: #e7e5ed;--muted: #898998;--faint: #60616f;--accent: #a78bfa;--accent-strong: #8b6cf0;--green: #63d7aa}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input{font:inherit}button{color:inherit}.app-shell{height:100dvh;min-height:480px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:58px;flex:0 0 58px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--border);background:#121319}.brand{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-size:15px;font-weight:700;letter-spacing:-.045em}.brand svg{color:var(--accent)}.brand img{width:25px;height:25px}.brand-accent{color:#a78bfa}.topbar-divider{height:22px;width:1px;background:var(--border);margin:0 4px}.project-switcher{display:flex;align-items:center;gap:9px;height:34px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c2c0cb;font-size:12px;cursor:pointer}.project-switcher:hover{background:var(--surface-hover);border-color:var(--border)}.project-switcher svg{color:var(--muted)}.project-dot,.online-dot,.live-dot{height:7px;width:7px;border-radius:50%;background:var(--accent)}.topbar-spacer{flex:1}.save-indicator{display:inline-flex;align-items:center;gap:7px;margin-right:4px;color:var(--muted);font-size:11px}.save-indicator i{width:6px;height:6px;border-radius:50%;background:var(--green)}.save-indicator.saving i{background:#f0b968}.save-indicator.save-error{color:#ee9299}.save-indicator.save-error i{background:#e97883}.icon-button,.subtle-icon{display:inline-grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer}.icon-button{width:34px;height:34px;border-radius:7px}.icon-button:hover,.subtle-icon:hover{color:var(--text);background:var(--surface-hover)}.share-button,.run-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;border-radius:7px;padding:0 12px;font-size:11px;font-weight:650;cursor:pointer;transition:background .15s,transform .15s}.share-button{border:1px solid #33343f;background:#1a1b23;color:#d3d1db}.share-button:hover{background:#24252f}.run-button{border:1px solid #9579f2;background:#8868ed;color:#fff;box-shadow:0 3px 12px #7954e822}.run-button:hover{background:#977cf5;transform:translateY(-1px)}.mobile-only{display:none}.workspace{flex:1;min-height:0;display:flex}.activity-bar{width:48px;flex:0 0 48px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 0;background:#121319;border-right:1px solid var(--border)}.activity-button{position:relative;display:grid;place-items:center;width:36px;height:38px;border:0;border-radius:7px;background:transparent;color:#747583;cursor:pointer}.activity-button:hover{color:#cbc9d4}.activity-button.selected{color:#c5b4ff;background:#25212f}.activity-button.selected:before{content:"";position:absolute;left:-7px;height:21px;width:2px;border-radius:0 2px 2px 0;background:var(--accent)}.activity-spacer{flex:1}.avatar{width:25px;height:25px;display:grid;place-items:center;margin-top:2px;border:1px solid #56458a;border-radius:8px;color:#c6b5ff;background:#29233d;font-size:9px;font-weight:700}.sidebar{position:relative;width:226px;flex:0 0 226px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#14151b}.sidebar-heading{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 17px;color:#a6a4b0;font-size:10px;font-weight:700;letter-spacing:.1em}.subtle-icon{width:25px;height:25px;border-radius:5px}.project-heading{height:34px;display:flex;align-items:center;gap:6px;padding:0 8px 0 12px;color:#b8b6c1;font-size:9px;font-weight:700;letter-spacing:.07em}.project-heading>svg{transform:rotate(90deg);color:#767684}.project-add{margin-left:auto;opacity:0}.project-heading:hover .project-add{opacity:1}.file-list{padding:3px 7px;overflow:auto}.empty-file-list{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px 8px;color:#777684;text-align:center}.empty-file-icon{color:#a78bfa}.empty-file-list strong{color:#c9c5d2;font-size:10px;font-weight:600}.empty-file-list>span:not(.empty-file-icon){font-size:9px;line-height:1.5}.empty-file-create{min-height:30px;display:inline-flex;align-items:center;gap:5px;margin-top:3px;padding:0 9px;border:1px solid #554779;border-radius:6px;background:#28233a;color:#c8b7ff;font-size:9px;cursor:pointer}.empty-file-create:hover{border-color:#9477ee;background:#342b4c}.file-row{width:100%;height:31px;display:flex;align-items:center;gap:9px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:#a5a3af;text-align:left;font-size:11px;cursor:pointer}.file-row:hover{background:#1d1e26;color:#d5d3dd}.file-row.active{background:#24212e;color:#e1d8ff}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row-more{display:none;color:var(--muted)}.file-row:hover .file-row-more{display:inline-flex}.file-type-icon{width:16px;height:16px;display:inline-grid;place-items:center;flex:0 0 16px;font-family:DM Mono,monospace;font-size:8px;font-weight:500}.type-html{color:#ee8065}.type-js{color:#e8ca66}.type-css{color:#6ea9ef}.type-json{color:#d6ad61}.type-py{color:#7aaee7}.type-md{color:#8d8ae6}.type-txt{color:#9c9ba8}.sidebar-bottom{margin-top:auto;height:32px;display:flex;align-items:center;gap:7px;padding:0 13px;border-top:1px solid var(--border);color:#777785;font-size:8px;font-weight:650;letter-spacing:.08em}.sidebar-bottom .online-dot{width:6px;height:6px;background:var(--green)}.sidebar-bottom-spacer{flex:1}.main-area{min-width:0;flex:1;display:flex;flex-direction:column;background:var(--bg)}.editor-tabs{height:40px;flex:0 0 40px;display:flex;overflow:auto hidden;background:#14151b;border-bottom:1px solid var(--border);scrollbar-width:none}.editor-tabs::-webkit-scrollbar{display:none}.tab{position:relative;min-width:112px;max-width:180px;display:inline-flex;align-items:center;gap:8px;padding:0 11px;border:0;border-right:1px solid #23242d;background:#14151b;color:#898895;font-size:10px;cursor:pointer}.tab.active{color:#e2dff0;background:var(--bg)}.tab.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-strong)}.tab>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-close{display:grid;place-items:center;width:19px;height:19px;margin-left:auto;border-radius:4px;opacity:0}.tab:hover .tab-close,.tab.active .tab-close{opacity:1}.tab-close:hover{background:#30303b}.tabs-spacer{flex:1}.tabs-more{align-self:center;margin:0 8px;flex:0 0 25px}.editor-toolbar{height:39px;flex:0 0 39px;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 20px;border-bottom:1px solid #22232c}.breadcrumb{display:flex;align-items:center;gap:9px;color:#787986;font-size:10px}.breadcrumb strong{color:#c4c1ce;font-weight:500}.breadcrumb-slash{color:#4e4f5a}.editor-actions{display:flex;align-items:center;gap:9px}.text-action{display:flex;align-items:center;gap:7px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#9896a3;font-size:10px;cursor:pointer}.text-action:hover{background:var(--surface-hover);color:var(--text)}kbd{margin-left:3px;padding:2px 4px;border:1px solid #34353f;border-radius:3px;color:#787986;font-family:DM Mono,monospace;font-size:8px}.toolbar-separator{height:16px;width:1px;background:#30313b}.icon-button.small{width:26px;height:26px}.workbench{flex:1;min-height:0;display:flex;overflow:hidden}.editor-host{flex:1;min-width:0;min-height:0;overflow:auto}.empty-editor{width:min(440px,calc(100% - 36px));min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:30px 0;text-align:center}.empty-editor-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #4a3e68;border-radius:16px;background:#221e2e;color:#b49bff}.empty-editor h2{margin:20px 0 8px;color:#e7e3ef;font-size:19px;font-weight:620;letter-spacing:-.035em}.empty-editor p{max-width:330px;margin:0;color:#8e8b99;font-size:12px;line-height:1.7}.empty-editor .hero-primary{margin-top:19px}.light-theme .empty-file-list strong{color:#514e5d}.light-theme .empty-file-create{border-color:#d7ceec;background:#f0edf8;color:#6845c1}.light-theme .empty-editor-icon{border-color:#ded5f2;background:#f1eef9;color:#7657c7}.light-theme .empty-editor h2{color:#34313f}.light-theme .empty-editor p{color:#777381}.editor-host .cm-editor{height:100%;background:var(--bg);color:#dbd9e3}.editor-host .cm-editor.cm-focused{outline:none}.editor-host .cm-scroller{overflow:auto;line-height:1.8}.editor-host .cm-gutters{min-width:54px;padding-right:10px;border:0;background:var(--bg);color:#4d4e5a}.editor-host .cm-activeLineGutter{color:#b9b3ca;background:#171820}.editor-host .cm-activeLine{background:#171820}.editor-host .cm-selectionBackground,.editor-host .cm-focused .cm-selectionBackground{background:#41365b!important}.editor-host .cm-cursor{border-left-color:#b49bff}.editor-host .cm-content{padding:13px 0 60px}.editor-host .cm-line{padding-left:12px}.preview-pane{min-width:360px;flex:1;display:flex;flex-direction:column;border-left:1px solid var(--border);background:#171820}.preview-pane.hidden{display:none}.workbench.preview-open .editor-host,.workbench.preview-open .preview-pane{flex:1 1 50%}.preview-header{height:43px;flex:0 0 43px;display:flex;align-items:center;gap:10px;padding:0 11px;border-bottom:1px solid var(--border);background:#15161d;color:#aaa8b4}.preview-label{display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:700;letter-spacing:.09em}.live-dot{width:6px;height:6px;background:#46bd91}.preview-address{min-width:70px;flex:1;overflow:hidden;padding:5px 8px;border:1px solid #30313b;border-radius:5px;background:#101116;color:#858391;font-family:DM Mono,monospace;font-size:8px;white-space:nowrap}.preview-header .subtle-icon{color:#84838e}.device-picker{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #2e2f39;border-radius:7px;background:#101116}.device-option{height:27px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:#858391;font-size:9px;cursor:pointer}.device-option:hover{color:#d3d0dc}.device-option.selected{background:#292434;color:#d5c9ff;box-shadow:inset 0 0 0 1px #40365b}.device-stage{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#22232d 0,#181920 54%,#14151b)}.device-frame{position:absolute;top:50%;left:50%;display:flex;padding:8px;border:1px solid #484853;border-radius:39px;background:#08090c;box-shadow:0 22px 65px #0008,0 0 0 1px #ffffff08;transform:translate(-50%,-50%) scale(var(--device-scale, 1));transform-origin:center}.phone-frame{width:414px;height:880px}.tablet-frame{width:820px;height:1080px;border-radius:28px}.desktop-frame{width:1280px;height:800px;padding:0;border-radius:10px}.device-screen{min-width:0;min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;overflow:hidden;border-radius:31px;background:#fff}.tablet-frame .device-screen{border-radius:21px}.desktop-frame .device-screen{align-items:stretch;border-radius:9px}.device-status{width:100%;height:29px;flex:0 0 29px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#fff;color:#17171c;font-family:DM Sans,sans-serif;font-size:9px;font-weight:700}.tablet-frame .device-status{height:25px;flex-basis:25px}.desktop-frame .device-status,.desktop-frame .device-home-indicator{display:none}.device-frame iframe{min-height:0;flex:1;display:block;max-width:none;border:0;background:#fff}.device-home-indicator{width:105px;height:4px;flex:0 0 4px;margin:8px 0 5px;border-radius:8px;background:#1c1c20}.statusbar{height:26px;flex:0 0 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;background:#171820;color:#9c9ba7;font-size:9px}.status-left,.status-right{display:flex;align-items:center;gap:15px;white-space:nowrap}.status-branch{color:#b09afb;font-weight:700}.status-success{color:#82caa9}.status-prettier{color:#c294f6;font-size:13px}.toast{position:fixed;z-index:20;left:50%;bottom:46px;transform:translate(-50%,8px);padding:10px 15px;border:1px solid #383744;border-radius:8px;background:#24232d;color:#e5e2ed;box-shadow:0 8px 30px #0005;font-size:11px;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s}.toast.visible{transform:translate(-50%);opacity:1}.new-file-dialog,.project-dialog,.confirm-dialog{width:min(420px,calc(100vw - 32px));max-height:min(90dvh,620px);overflow:auto;padding:25px;border:1px solid #34343f;border-radius:16px;background:#191a22;color:var(--text);box-shadow:0 25px 80px #0009}.new-file-dialog::backdrop,.project-dialog::backdrop,.confirm-dialog::backdrop{background:#08090dbb;backdrop-filter:blur(4px)}.dialog-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #413657;border-radius:10px;background:#2a2439;color:#b39aff}.new-file-dialog h2,.project-dialog h2,.confirm-dialog h2{margin:16px 0 6px;color:#f0edf7;font-size:19px;font-weight:650;letter-spacing:-.035em}.new-file-dialog p,.project-dialog p,.confirm-dialog p{margin:0 0 22px;color:#a19eac;font-size:12px;line-height:1.6}.new-file-dialog label,.project-dialog label{display:block;margin-bottom:8px;color:#c6c3cf;font-size:11px;font-weight:600}.new-file-dialog input,.project-dialog input{width:100%;height:42px;padding:0 12px;border:1px solid #393944;border-radius:8px;outline:0;background:#111218;color:var(--text);font-size:12px}.new-file-dialog input{font-family:DM Mono,monospace}.new-file-dialog input:focus,.project-dialog input:focus{border-color:#9274ed;box-shadow:0 0 0 3px #8f6df126}.dialog-error{min-height:19px;padding-top:5px;color:#ef8585;font-size:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.dialog-actions button{min-height:38px;padding:0 14px;border-radius:8px;font-size:11px;font-weight:650;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.dialog-actions button:active{transform:translateY(1px)}.dialog-cancel{border:1px solid #3a3b45;background:#20212a;color:#c0bec9}.dialog-cancel:hover{border-color:#535360;background:#282933}.dialog-create{border:1px solid #9477ee;background:linear-gradient(135deg,#9878f2,#7958dc);color:#fff;box-shadow:0 4px 14px #7954e822}.dialog-create:hover{filter:brightness(1.09)}.dialog-delete{min-height:38px;padding:0 14px;border:1px solid #8e444b;border-radius:8px;background:#8d343e;color:#fff;font-size:11px;font-weight:650;cursor:pointer}.dialog-delete:hover{border-color:#ba5961;background:#a03d47}.danger-icon{border-color:#74434a;background:#3a2429;color:#f08a91}.action-menu{position:fixed;z-index:40;width:min(258px,calc(100vw - 16px));max-height:min(440px,calc(100dvh - 16px));overflow:auto;padding:6px;border:1px solid #343540;border-radius:11px;background:#1b1c24;color:#e7e5ed;box-shadow:0 16px 48px #0009,0 2px 8px #0005;backdrop-filter:blur(18px);scrollbar-width:thin;scrollbar-color:#484653 transparent}.menu-item{width:100%;min-height:38px;display:flex;align-items:center;gap:11px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#ceccd7;text-align:left;font-size:11px;font-weight:520;cursor:pointer}.menu-item>svg{flex:0 0 16px;color:#a9a5b4}.menu-item>span{min-width:0;flex:1}.menu-item:hover,.menu-item:focus-visible{outline:0;background:#292a35;color:#f4f1fb}.menu-item:hover>svg,.menu-item:focus-visible>svg{color:#c7b5ff}.menu-item.danger{color:#ef9a9e}.menu-item.danger>svg{color:#dc7f87}.menu-item.danger:hover,.menu-item.danger:focus-visible{background:#47272d;color:#ffb6ba}.menu-item kbd{margin-left:auto;border-color:#42424f;color:#858391}.menu-separator{height:1px;margin:5px 6px;background:#ffffff12}.menu-heading{padding:8px 10px 5px;color:#777583;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.search-panel{padding:8px 9px}.search-panel label{display:block;margin:5px 4px 8px;color:#8f8e9b;font-size:9px}.search-panel input{width:100%;height:30px;padding:0 8px;border:1px solid #343540;border-radius:5px;outline:0;background:#101116;color:var(--text);font-size:10px}.search-panel input:focus{border-color:#8062dc}.search-empty{padding:8px 3px;color:var(--faint);font-size:9px}.search-result{display:flex;width:100%;flex-direction:column;gap:3px;padding:8px 4px;overflow:hidden;border:0;border-bottom:1px solid #292a33;background:transparent;color:#9997a3;text-align:left;font-size:9px;cursor:pointer}.search-result:hover{background:#20212a}.search-result strong{color:#c4b1ff;font-family:DM Mono,monospace;font-size:9px}.search-result span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list-more{width:100%;min-height:31px;margin-top:5px;border:1px solid #30313b;border-radius:6px;background:#191a22;color:#a7a4b1;font-size:9px;cursor:pointer}.file-list-more:hover{border-color:#554779;color:#d3c5ff}.diagnostic-indicator{display:inline-flex;align-items:center;gap:5px;padding:2px 6px;border:0;border-radius:5px;background:transparent;color:#81c9a7;font-size:9px;cursor:pointer}.diagnostic-indicator:hover{background:#ffffff0a}.diagnostic-indicator.diagnostics-error{color:#ed8a92}.diagnostic-indicator.diagnostics-error:hover{background:#ed8a9214}.editor-load-error .empty-editor-icon{color:#e58b93}.utility-dialog{width:min(560px,calc(100vw - 28px));max-height:min(560px,calc(100dvh - 40px));overflow:hidden;padding:0;border:1px solid #373743;border-radius:13px;background:#191a22;color:var(--text);box-shadow:0 25px 80px #000b}.utility-dialog::backdrop{background:#08090dbb;backdrop-filter:blur(4px)}.utility-dialog-form{display:flex;flex-direction:column;padding:16px}.utility-dialog-heading{display:flex;align-items:center;gap:11px;padding:2px 1px 14px;color:#c5b2ff}.utility-dialog-heading>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #514475;border-radius:9px;background:#29233b}.utility-dialog-heading strong,.utility-dialog-heading small{display:block}.utility-dialog-heading strong{color:#efedf4;font-size:12px;font-weight:650}.utility-dialog-heading small{margin-top:3px;color:#898795;font-size:10px}.utility-dialog-form>input{width:100%;height:42px;padding:0 12px;border:1px solid #383944;border-radius:8px;outline:0;background:#111218;color:var(--text);font-size:12px}.utility-dialog-form>input:focus{border-color:#9274ed;box-shadow:0 0 0 3px #8f6df126}.utility-results{max-height:min(360px,calc(100dvh - 220px));min-height:36px;overflow:auto;margin:9px -5px 0;padding:3px 5px;scrollbar-width:thin;scrollbar-color:#484653 transparent}.utility-result{width:100%;min-height:38px;display:flex;align-items:center;gap:10px;padding:5px 9px;border:0;border-radius:7px;background:transparent;color:#c7c4d0;text-align:left;font-size:11px;cursor:pointer}.utility-result:hover,.utility-result.selected{background:#282632;color:#f0edf8}.utility-result>span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utility-result kbd{color:#777583;font-size:9px}.utility-result .file-type-icon{color:#c0adff}.utility-command-icon{width:20px;display:inline-grid;place-items:center;color:#b6a2ff}.utility-result strong,.utility-result small{display:block}.utility-result strong{font-size:10px;font-weight:600}.utility-result small{margin-top:2px;color:#898795;font-size:9px}.utility-empty{padding:13px 10px;color:#8d8a98;font-size:10px}.utility-dialog-footer{display:flex;align-items:center;gap:6px;padding:12px 2px 0;border-top:1px solid #ffffff12;color:#777583;font-size:9px}.utility-dialog-footer kbd{margin-left:8px}.utility-dialog-footer kbd:first-child{margin-left:0}.light-theme .file-list-more{border-color:#e0dde8;background:#f7f6fa;color:#686574}.light-theme .file-list-more:hover{border-color:#b8a7e8;color:#5b429b}.light-theme .diagnostic-indicator:hover{background:#2725310a}.light-theme .utility-dialog{border-color:#e0dde8;background:#fbfafd}.light-theme .utility-dialog-heading strong{color:#292633}.light-theme .utility-dialog-heading small,.light-theme .utility-result small{color:#777381}.light-theme .utility-dialog-heading>span{border-color:#ded7f1;background:#f1edfc}.light-theme .utility-dialog-form>input{border-color:#dedbe5;background:#f6f5f8;color:#272531}.light-theme .utility-result{color:#514e5d}.light-theme .utility-result:hover,.light-theme .utility-result.selected{background:#f0edf6;color:#302b3d}.light-theme .utility-dialog-footer{border-color:#29263312;color:#777381}.light-theme{--bg: #f6f5f8;--surface: #fff;--surface-raised: #fff;--surface-hover: #eeedf2;--border: #e3e1e9;--text: #272531;--muted: #757381;--faint: #9694a1}.light-theme .topbar,.light-theme .activity-bar,.light-theme .sidebar,.light-theme .editor-tabs,.light-theme .tab{background:#fbfafd}.light-theme .editor-host .cm-editor,.light-theme .editor-host .cm-gutters{background:#f6f5f8;color:#272531}.light-theme .editor-host .cm-activeLine,.light-theme .editor-host .cm-activeLineGutter{background:#eeedf2}.light-theme .editor-toolbar{border-color:#e3e1e9}.light-theme .project-switcher,.light-theme .share-button{color:#514f5c}.light-theme .statusbar{background:#eeedf2}.light-theme .tab.active{background:#f6f5f8;color:#272531}.light-theme .new-file-dialog,.light-theme .project-dialog,.light-theme .confirm-dialog{border-color:#e0dde8;background:#fbfafd}.light-theme .new-file-dialog h2,.light-theme .project-dialog h2,.light-theme .confirm-dialog h2{color:#292633}.light-theme .new-file-dialog p,.light-theme .project-dialog p,.light-theme .confirm-dialog p{color:#686574}.light-theme .new-file-dialog label,.light-theme .project-dialog label{color:#514e5d}.light-theme .new-file-dialog input,.light-theme .project-dialog input{border-color:#dedbe5;background:#f6f5f8;color:#272531}.light-theme .new-file-dialog input,.light-theme .search-panel input{background:#f6f5f8;color:#272531}.light-theme .dialog-cancel{border-color:#dedbe5;background:#f2f1f6;color:#514e5d}.light-theme .action-menu{border-color:#e0dde8;background:#fff;color:#34313f;box-shadow:0 16px 48px #2c26351f,0 2px 8px #2c263514}.light-theme .menu-item>svg{color:#777381}.light-theme .menu-item:hover,.light-theme .menu-item:focus-visible{background:#f0edf6;color:#302b3d}.light-theme .menu-item:hover>svg,.light-theme .menu-item:focus-visible>svg{color:#6845c1}.light-theme .menu-item.danger>svg{color:#b34c55}.light-theme .menu-item.danger:hover,.light-theme .menu-item.danger:focus-visible{background:#fff0f0;color:#952e38}.light-theme .menu-item kbd{border-color:#e0dde8;color:#777381}.light-theme .menu-separator{background:#29263312}.light-theme .menu-heading{color:#8c8996}@media(max-width:760px){.topbar{height:54px;flex-basis:54px;padding:0 12px;gap:7px}.topbar-divider,.project-switcher,.save-indicator,.share-button,.activity-bar{display:none}.brand{margin-right:auto}.mobile-only{display:inline-grid}.run-button{padding:0 10px}.sidebar{position:absolute;z-index:5;top:54px;bottom:26px;left:0;width:min(265px,calc(100vw - 50px));transform:translate(-105%);transition:transform .18s ease;box-shadow:12px 0 28px #0005}.sidebar.mobile-open{transform:translate(0)}.main-area{width:100%}.editor-tabs{height:38px;flex-basis:38px}.tab{min-width:105px}.editor-toolbar{padding-left:12px;padding-right:8px}.text-action{gap:5px}.text-action kbd{display:none}.workbench.preview-open{flex-direction:column}.workbench.preview-open .editor-host{flex:1 1 50%;min-height:180px}.workbench.preview-open .preview-pane{min-width:0;min-height:160px;flex:1 1 50%;border-top:1px solid var(--border);border-left:0}.statusbar{padding:0 9px}.status-left,.status-right{gap:8px}.status-success,.status-right span:nth-child(4),.status-prettier{display:none}}@media(max-width:390px){.brand{font-size:14px}.brand img{width:22px;height:22px}.topbar{padding:0 9px}.run-button{height:32px;font-size:10px}.editor-toolbar{height:35px;flex-basis:35px}.breadcrumb{gap:5px;font-size:9px}.text-action span{display:none}.status-right span:nth-child(3){display:none}}.hidden{display:none!important}.page-screen{min-height:0;flex:1;overflow:auto;background:var(--bg)}.site-header{position:sticky;z-index:8;top:0;height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(28px,calc((100% - 1120px)/2));border-bottom:1px solid #ffffff0c;background:#101116ed;backdrop-filter:blur(18px)}.site-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:17px;font-weight:750;letter-spacing:-.055em}.site-brand img{width:32px;height:32px}.site-nav{display:flex;align-items:center;gap:6px;height:100%}.site-nav a{position:relative;display:flex;height:100%;align-items:center;padding:0 15px;color:#8f8e9b;text-decoration:none;font-size:11px;font-weight:550;transition:color .16s}.site-nav a:hover,.site-nav a.active{color:#e9e5f4}.site-nav a.active:after{position:absolute;right:15px;bottom:0;left:15px;height:2px;border-radius:2px 2px 0 0;background:#a78bfa;content:""}.site-header-actions{display:flex;align-items:center;gap:10px}.settings-link{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff14;border-radius:8px;color:#aaa6b5;text-decoration:none;transition:background .16s,color .16s,border-color .16s}.settings-link:hover,.settings-link:focus-visible{border-color:#a78bfa55;background:#a78bfa12;color:#d3c4ff;outline:0}.site-open-button,.hero-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;padding:0 15px;border:1px solid #a48afa;border-radius:8px;background:linear-gradient(135deg,#9b7af5,#7956df);color:#fff;text-decoration:none;font-size:11px;font-weight:650;box-shadow:0 5px 20px #815de82a;transition:transform .16s,filter .16s;cursor:pointer}.site-open-button:hover,.hero-primary:hover{transform:translateY(-1px);filter:brightness(1.09)}.landing-content,.subpage-content{width:min(100% - 64px,1060px);margin:0 auto}.hero-section{position:relative;min-height:452px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:24px;padding:53px 0 41px}.hero-copy{position:relative;z-index:1;padding:0 0 5px 8px}.hero-kicker,.section-eyebrow{color:#aaa1c1;font-size:9px;font-weight:700;letter-spacing:.16em}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 10px 7px 7px;border:1px solid #ffffff12;border-radius:99px;background:#ffffff06;color:#c5b7f4;letter-spacing:.09em}.kicker-spark{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#9c7af42b;color:#bda8ff}.hero-copy h1,.subpage-heading h1{margin:23px 0 15px;color:#f0edf7;font-size:clamp(47px,6.1vw,72px);font-weight:650;letter-spacing:-.075em;line-height:.98}.hero-period{color:#aa8cff}.hero-copy>p{max-width:430px;margin:0;color:#a5a2b1;font-size:14px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:19px;margin-top:25px}.hero-actions .hero-primary{min-height:43px;padding:0 17px}.hero-secondary,.section-link{display:inline-flex;align-items:center;gap:8px;color:#b5afc4;text-decoration:none;font-size:11px;font-weight:550}.hero-secondary:hover,.section-link:hover{color:#cbbaff}.hero-secondary svg,.section-link svg{color:#a68af6}.hero-download{display:inline-flex;align-items:center;gap:8px;color:#a9e8d1;text-decoration:none;font-size:11px;font-weight:600;transition:color .16s}.hero-download:hover{color:#d3ffed}.hero-download svg{color:#79d4b5}.hero-trust{display:flex;align-items:center;gap:10px;margin-top:30px;color:#777684;font-size:9px}.trust-avatars{display:flex;padding-left:3px}.trust-avatars i{width:20px;height:20px;display:grid;place-items:center;margin-left:-3px;border:2px solid #101116;border-radius:50%;background:#373044;color:#d7caff;font-size:8px;font-style:normal;font-weight:700}.trust-avatars i:nth-child(2){background:#31524c;color:#b4efda}.trust-avatars i:nth-child(3){background:#484039;color:#f0d7b4}.hero-visual{position:relative;min-width:0;height:370px;display:grid;place-items:center;isolation:isolate}.visual-glow{position:absolute;z-index:-2;width:330px;height:280px;border-radius:50%;background:#825be72a;filter:blur(75px)}.visual-orbit{position:absolute;z-index:-1;width:355px;height:240px;border:1px solid #ad91ff13;border-radius:50%;transform:rotate(-24deg)}.orbit-two{width:400px;height:188px;transform:rotate(28deg)}.code-window{position:relative;width:min(100%,410px);overflow:hidden;border:1px solid #4b4659;border-radius:13px;background:#171820;box-shadow:0 24px 85px #0008,0 0 40px #9a7aff0b;transform:rotate(-2.2deg)}.code-window-top{height:41px;display:flex;align-items:center;gap:13px;padding:0 14px;border-bottom:1px solid #ffffff0e;color:#92909e;font-family:DM Mono,monospace;font-size:9px}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#fa7c75}.window-dots i:nth-child(2){background:#e8bb64}.window-dots i:nth-child(3){background:#70ce9a}.code-window-status{margin-left:auto;color:#63d7aa;font-size:8px}.code-window-body{min-height:188px;padding:21px 16px;font-family:DM Mono,monospace;font-size:clamp(9px,1.1vw,11px);line-height:2.25}.code-line{display:flex;gap:18px;white-space:pre}.line-no{width:15px;color:#565664;text-align:right}.code-line b{color:#b69aff;font-weight:500}.code-line em{color:#79b9e8;font-style:normal}.code-line strong{color:#d7b879;font-weight:400}.code-line i{color:#c4cf93;font-style:normal}.typing-cursor{display:inline-block;height:12px;width:2px;margin-left:3px;background:#ae91ff;vertical-align:-2px}.code-window-footer{height:29px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;border-top:1px solid #ffffff0c;color:#777684;font-size:7px;letter-spacing:.09em}.code-window-footer span:first-child{display:flex;align-items:center;gap:6px}.code-window-footer i{width:5px;height:5px;border-radius:50%;background:#63d7aa}.floating-preview{position:absolute;right:-3px;bottom:20px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #474151;border-radius:10px;background:#20202a;box-shadow:0 10px 30px #0006;transform:rotate(2deg)}.floating-preview-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#453b5c;color:#c4adff}.floating-preview strong,.floating-preview small{display:block}.floating-preview strong{color:#e3e0eb;font-size:9px}.floating-preview small{margin-top:3px;color:#92909d;font-size:8px}.floating-preview>i{margin-left:7px;color:#8c82a6;font-size:12px;font-style:normal}.floating-badge{position:absolute;top:27px;right:17px;display:inline-flex;align-items:center;gap:7px;color:#b8a2fa;font-size:7px;font-weight:700;letter-spacing:.12em;transform:rotate(5deg)}.quick-stats{min-height:91px;display:flex;align-items:center;gap:25px;padding:16px 21px;border:1px solid #ffffff12;border-radius:11px;background:linear-gradient(110deg,#191a22,#171820)}.quick-stat{display:flex;align-items:center;gap:11px}.stat-icon{width:35px;height:35px;display:grid;flex:0 0 35px;place-items:center;border-radius:9px}.stat-icon.purple{background:#8a6ce71e;color:#b59aff}.stat-icon.mint{background:#58cda01a;color:#80dfb6}.stat-icon.amber{background:#eab75d1c;color:#e5bf74}.quick-stat strong,.quick-stat small{display:block}.quick-stat strong{color:#e5e2ec;font-size:13px;font-weight:650}.quick-stat small{margin-top:3px;color:#878591;font-size:9px}.stat-divider{height:34px;width:1px;background:#ffffff13}.stat-link{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:#a99bd0;text-decoration:none;font-size:10px}.stat-link:hover{color:#d1c1ff}.section-block{margin-top:43px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin:7px 0 0;color:#e9e6ef;font-size:20px;font-weight:600;letter-spacing:-.045em}.section-link{padding-bottom:3px;color:#a39dab;font-size:10px}.project-card{width:100%;min-height:104px;display:flex;align-items:center;gap:17px;padding:12px 16px 12px 12px;border:1px solid #ffffff12;border-radius:10px;background:#171820;color:var(--text);text-align:left;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.project-card:hover{transform:translateY(-2px);border-color:#8b70d24d;background:#1b1b25}.project-cover{position:relative;width:135px;height:78px;display:grid;flex:0 0 135px;place-items:center;overflow:hidden;border:1px solid #735bc342;border-radius:7px;background:radial-gradient(ellipse at 75% 15%,#58458b,#292338 48%,#1c1b27)}.project-cover:after{position:absolute;right:-8px;bottom:-34px;width:100px;height:100px;border:1px solid #b39aff21;border-radius:50%;box-shadow:0 0 0 15px #b39aff08,0 0 0 30px #b39aff06;content:""}.project-cover img{z-index:1;width:35px;height:35px;opacity:.8}.cover-shine{position:absolute;width:110px;height:40px;border-radius:50%;background:#ae8fff36;filter:blur(23px)}.cover-code{position:absolute;right:8px;bottom:5px;color:#e4d7ff70;font-family:DM Mono,monospace;font-size:9px}.project-card-info{min-width:0;flex:1}.project-card-title{display:flex;align-items:center;gap:9px;color:#e2dfea;font-size:12px;font-weight:600}.project-status{padding:3px 6px;border:1px solid #4bb58d2b;border-radius:4px;background:#48c08e12;color:#75d7ac;font-size:7px;font-weight:700;letter-spacing:.08em}.project-card-meta{display:flex;align-items:center;gap:7px;margin-top:7px;color:#898794;font-size:9px}.project-card-meta i{color:#565561;font-style:normal}.project-tags{display:flex;gap:5px;margin-top:9px}.project-tags i{padding:3px 6px;border:1px solid #ffffff0e;border-radius:4px;color:#a7a4b1;background:#ffffff05;font-size:7px;font-style:normal}.project-card-arrow{width:30px;height:30px;display:grid;flex:0 0 30px;place-items:center;border:1px solid #ffffff12;border-radius:7px;color:#a79abd}.start-section{margin-top:35px}.start-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.start-card{min-width:0;min-height:80px;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #ffffff10;border-radius:9px;background:#15161d;text-align:left;cursor:pointer;transition:border-color .16s,background .16s}.start-card:hover{border-color:#8b70d24d;background:#1a1b24}.start-icon{width:33px;height:33px;display:grid;flex:0 0 33px;place-items:center;border-radius:8px}.start-purple{background:#8a6ce71e;color:#b59aff}.start-green{background:#58cda01a;color:#80dfb6}.start-blue{background:#64aaf01a;color:#8bc4f3}.start-card>span:nth-child(2){min-width:0;flex:1}.start-card strong,.start-card small{display:block}.start-card strong{color:#dedbe6;font-size:10px;font-weight:600}.start-card small{margin-top:5px;color:#878591;font-size:8px;line-height:1.5}.start-card>svg{flex:0 0 15px;color:#777384}.site-footer{min-height:62px;display:flex;align-items:center;gap:15px;margin-top:36px;border-top:1px solid #ffffff0d;color:#777582;font-size:9px}.site-footer>span:first-child{display:inline-flex;align-items:center;gap:7px;color:#b5b1c0;font-size:10px;font-weight:650}.site-footer img{width:20px;height:20px}.site-footer>span:nth-child(2){flex:1}.site-footer button{padding:6px 0;border:0;background:transparent;color:#898694;font-size:9px;cursor:pointer}.site-footer button:hover{color:#c2b0f3}.subpage-content{min-height:calc(100% - 70px);padding:65px 0 90px}.subpage-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:35px}.subpage-heading h1{margin:12px 0 8px;font-size:clamp(43px,6vw,60px)}.subpage-heading p{margin:0;color:#a19eac;font-size:13px}.subpage-heading>.hero-primary{margin-bottom:4px}.project-toolbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;color:#898794;font-size:9px}.project-toolbar>span:first-child{color:#b9b5c2;font-weight:700;letter-spacing:.1em}.project-toolbar b{margin-left:7px;color:#b5a2f4}.project-card-large{min-height:126px}.project-card-large .project-cover{width:178px;height:100px;flex-basis:178px}.project-heading-actions{display:flex;align-items:center;gap:9px}.secondary-action{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface-raised);color:#d3cfde;font-size:10px;font-weight:600;cursor:pointer}.secondary-action:hover{border-color:#8b70d24d;background:var(--surface-hover)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}.project-card-large{position:relative;min-width:0;gap:0;padding:9px 43px 9px 9px}.project-open{width:100%;min-width:0;display:flex;align-items:center;gap:14px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.project-card-large .project-cover{width:112px;height:83px;flex:0 0 112px}.project-folder-cover>svg{z-index:1;color:#d4c2ff;filter:drop-shadow(0 5px 12px #a78bfa55)}.project-folder-label{position:absolute;z-index:2;right:6px;bottom:5px;padding:3px 5px;border:1px solid #ffffff1a;border-radius:4px;background:#15121dbb;color:#e4d7ff;font-size:7px}.project-card-large .project-card-info{overflow:hidden}.project-card-large .project-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-menu{position:absolute;top:10px;right:10px;width:29px;height:29px;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:#92909d;cursor:pointer}.project-card-menu:hover,.project-card-menu:focus-visible{border-color:var(--border);background:var(--surface-hover);color:var(--text);outline:0}.current-project{border-color:#a78bfa40}.empty-projects{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #ffffff1a;border-radius:12px;color:#918e9d;text-align:center}.empty-project-icon{color:#b49bfa}.empty-projects strong{color:#dedbe6;font-size:13px}.empty-projects>span:not(.empty-project-icon){font-size:10px}.empty-projects .hero-primary{margin-top:6px}.light-theme .empty-projects{border-color:#dedbe5}.light-theme .project-folder-cover>svg{color:#7657c7}.light-theme .project-folder-label{border-color:#ffffffad;background:#34284bd9;color:#fff}.local-note{display:flex;align-items:center;gap:11px;margin-top:23px;padding:15px;border:1px solid #9273e526;border-radius:9px;background:#8868ed0b;color:#9995a5;font-size:10px;line-height:1.6}.local-note>svg{flex:0 0 17px;color:#ae93fb}.local-note>span{flex:1}.local-note strong{color:#d0c7e4;font-weight:600}.local-note>button{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;padding:5px;border:0;background:transparent;color:#c4b0fa;font-size:9px;cursor:pointer}.settings-content{max-width:780px}.settings-content .subpage-heading{margin-bottom:29px}.settings-card{margin-bottom:14px;padding:19px;border:1px solid #ffffff12;border-radius:10px;background:#171820}.settings-card-heading{display:flex;align-items:center;gap:11px;padding-bottom:15px;border-bottom:1px solid #ffffff0e;color:#bba8fa}.settings-card-heading strong,.settings-card-heading small{display:block}.settings-card-heading strong{color:#e0dce8;font-size:11px}.settings-card-heading small{margin-top:4px;color:#898794;font-size:9px}.settings-reset-row{display:flex;justify-content:flex-end;margin:20px 0 34px}.settings-reset{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:0 14px;border:1px solid #3b334e;border-radius:8px;background:#211d2b;color:#d3c6f4;font-size:11px;font-weight:650;cursor:pointer;transition:background .15s,border-color .15s}.settings-reset:hover{border-color:#7966a5;background:#2a2438}.settings-control-row{position:relative;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 2px;border-bottom:1px solid #ffffff0b;color:#b8b5c1}.settings-copy{min-width:0;flex:1}.settings-copy strong,.settings-copy small{display:block}.settings-copy strong{color:#c9c6d1;font-size:10px;font-weight:550}.settings-copy small{margin-top:4px;color:#898794;font-size:9px;line-height:1.45}.settings-toggle-row{cursor:pointer}.settings-toggle-row input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.settings-toggle{position:relative;width:34px;height:19px;flex:0 0 34px;border:1px solid #4a4b57;border-radius:20px;background:#292a33;transition:background .15s,border-color .15s}.settings-toggle:after{position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#aaa8b5;content:"";transition:transform .15s,background .15s}.settings-toggle-row input:checked+.settings-toggle{border-color:#8c6ce5;background:#7657c7}.settings-toggle-row input:checked+.settings-toggle:after{transform:translate(15px);background:#fff}.settings-toggle-row input:focus-visible+.settings-toggle{outline:2px solid #b49bff;outline-offset:3px}.light-theme .settings-control-row{border-color:#29263312;color:#514e5d}.light-theme .settings-copy strong{color:#514e5d}.light-theme .settings-copy small{color:#777381}.light-theme .settings-toggle{border-color:#d1ced8;background:#e6e4eb}.light-theme .settings-toggle:after{background:#858290}.light-theme .settings-toggle-row input:checked+.settings-toggle{border-color:#8c6ce5;background:#7657c7}.light-theme .settings-toggle-row input:checked+.settings-toggle:after{background:#fff}.light-theme .site-header{border-color:#e4e1eb;background:#faf9fcf0}.light-theme .site-nav a.active,.light-theme .site-nav a:hover{color:#34313e}.light-theme .hero-copy h1,.light-theme .subpage-heading h1,.light-theme .section-heading h2{color:#292633}.light-theme .hero-copy>p,.light-theme .subpage-heading p{color:#686574}.light-theme .quick-stats,.light-theme .project-card,.light-theme .start-card,.light-theme .settings-card{border-color:#e7e4ee;background:#fff}.light-theme .project-card-title,.light-theme .start-card strong,.light-theme .settings-card-heading strong,.light-theme .quick-stat strong{color:#34313f}.light-theme .preview-pane{background:#f1f0f5}.light-theme .preview-header{border-color:#e1dee8;background:#faf9fc}.light-theme .preview-address,.light-theme .device-picker{border-color:#dedbe5;background:#f0eff4}.light-theme .device-stage{background:radial-gradient(ellipse at 50% 45%,#e7e4ee 0,#f1eff5 70%)}.light-theme .device-option.selected{border-color:#ded4f8;background:#e9e2f9;color:#6845c1}.light-theme .settings-link{border-color:#e4e1eb;color:#625e6d}.light-theme .settings-link:hover{border-color:#c8b9ef;color:#6845c1}@media(max-width:760px){.site-header{height:58px;gap:9px;padding:0 15px}.site-brand{gap:7px;font-size:15px}.site-brand img{width:28px;height:28px}.site-nav{gap:0}.site-nav a{padding:0 9px;font-size:10px}.site-nav a.active:after{right:9px;left:9px}.site-header-actions{gap:4px}.settings-link{width:31px;height:31px}.site-header-actions .icon-button{width:31px}.site-open-button{min-height:33px;gap:6px;padding:0 9px;font-size:9px}.landing-content,.subpage-content{width:min(100% - 34px,570px)}.hero-section{min-height:initial;grid-template-columns:1fr;gap:6px;padding:47px 0 20px}.hero-copy{padding-left:0}.hero-copy h1{margin-top:19px;font-size:clamp(50px,12vw,68px)}.hero-copy>p{max-width:500px;font-size:13px}.hero-visual{height:305px;margin:4px 0 0}.code-window{width:min(100% - 30px,430px)}.code-window-body{min-height:165px}.floating-preview{right:-2px;bottom:4px}.floating-badge{top:11px;right:1px}.quick-stats{min-height:76px;gap:12px;padding:12px}.stat-icon{width:31px;height:31px;flex-basis:31px}.quick-stat{gap:7px}.quick-stat strong{font-size:11px}.quick-stat small{max-width:90px;font-size:8px;line-height:1.4}.stat-divider{height:29px}.stat-link{gap:3px;font-size:9px;white-space:nowrap}.section-block{margin-top:32px}.section-heading h2{font-size:18px}.section-link{font-size:9px;white-space:nowrap}.project-card{gap:11px;padding:9px}.project-cover{width:96px;height:72px;flex-basis:96px}.project-card-arrow{width:27px;height:27px;flex-basis:27px}.project-card-meta{flex-wrap:wrap;gap:5px;font-size:8px}.project-tags{margin-top:7px}.project-card-title{gap:6px;font-size:10px}.start-cards{grid-template-columns:1fr;gap:8px}.start-card{min-height:67px}.start-card strong{font-size:10px}.start-card small{font-size:9px}.site-footer{flex-wrap:wrap;gap:8px 12px;margin-top:26px;padding:11px 0}.site-footer>span:nth-child(2){flex-basis:calc(100% - 100px)}.site-footer button{margin-left:auto}.subpage-content{padding-top:44px}.subpage-heading{align-items:start}.subpage-heading>.hero-primary{min-height:35px;padding:0 9px;font-size:9px;white-space:nowrap}.project-card-large .project-cover{width:116px;height:82px;flex-basis:116px}.project-heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.project-heading-actions button{min-height:34px;padding:0 8px;font-size:9px}.preview-pane{min-width:0}.workbench.preview-open .editor-host{display:none}.workbench.preview-open .preview-pane{min-height:0;flex:1;border-top:0;border-left:0}body.preview-mobile-focus .editor-tabs,body.preview-mobile-focus .editor-toolbar,body.preview-mobile-focus .statusbar{display:none}body.preview-mobile-focus .main-area,body.preview-mobile-focus .workbench{min-height:0}.preview-header{height:49px;flex-basis:49px;gap:7px;padding:0 8px}.preview-label{font-size:7px}.preview-address{display:none}.device-picker{margin-left:auto}.device-option{width:32px;height:30px;padding:0}.device-option span{display:none}.device-option svg{width:16px;height:16px}.device-stage{width:100%}.statusbar{height:24px;flex-basis:24px}}@media(max-width:420px){.site-header{padding:0 10px}.site-nav a{padding:0 6px;font-size:9px}.site-nav a.active:after{right:6px;left:6px}.site-header-actions .icon-button{display:none}.settings-link{width:29px;height:29px}.site-open-button{min-height:31px;padding:0 7px;font-size:8px}.landing-content,.subpage-content{width:calc(100% - 28px)}.hero-kicker,.hero-trust{font-size:8px}.hero-actions{gap:12px}.hero-secondary{font-size:10px}.quick-stats{gap:7px;padding:10px 8px}.quick-stat{gap:5px}.quick-stat small{max-width:72px;font-size:7px}.quick-stat strong{font-size:10px}.stat-icon{width:27px;height:27px;flex-basis:27px}.stat-link{font-size:8px}.section-heading{align-items:start}.section-link{gap:4px;padding-top:13px;font-size:8px}.project-cover{width:75px;height:67px;flex-basis:75px}.project-card-arrow{display:none}.project-card-info{overflow:hidden}.project-card-title{overflow:hidden;font-size:9px;white-space:nowrap}.project-status{font-size:6px}.project-card-meta{font-size:7px}.project-tags i{font-size:6px}.subpage-heading{flex-direction:column;align-items:flex-start;gap:14px}.subpage-heading>.hero-primary{align-self:flex-end}.subpage-heading h1{font-size:42px}.subpage-heading p{font-size:11px}.project-toolbar{flex-wrap:wrap;font-size:8px}.project-card-large .project-cover{width:86px;height:70px;flex-basis:86px}.new-file-dialog,.project-dialog,.confirm-dialog{padding:21px}}:where(button,a,select,input):focus-visible{outline:2px solid #aa91ff;outline-offset:2px}.settings-card{padding:22px;border-color:#ffffff16;border-radius:14px;background:linear-gradient(145deg,#1a1b24,#16171e);box-shadow:0 12px 32px #00000014}.settings-card-heading{gap:13px;padding-bottom:18px}.settings-card-heading>svg{width:20px;height:20px}.settings-card-heading strong{font-size:13px}.settings-card-heading small{font-size:11px;line-height:1.5}.settings-control-row{min-height:66px;gap:20px;padding:12px 2px}.settings-copy strong{font-size:12px}.settings-copy small{font-size:11px;line-height:1.5}.settings-toggle{width:40px;height:22px;flex-basis:40px}.settings-toggle:after{top:3px;left:3px;width:14px;height:14px}.settings-toggle-row input:checked+.settings-toggle:after{transform:translate(18px)}.settings-reset-row{margin:22px 0 38px}.settings-reset{min-height:42px;padding:0 16px;border-radius:9px;font-size:12px}.action-menu{width:min(286px,calc(100vw - 20px));padding:7px;border-color:#3a3b48;border-radius:13px;background:#1a1b24f5;box-shadow:0 22px 60px #0009,0 2px 8px #0005}.menu-item{min-height:42px;gap:12px;padding:0 11px;border-radius:8px;font-size:12px;font-weight:550}.menu-item>svg{width:18px;height:18px;flex-basis:18px}.menu-item:hover,.menu-item:focus-visible{background:#2a2936;box-shadow:inset 0 0 0 1px #ffffff08}.menu-item.danger{margin-top:2px}.menu-separator{margin:7px 8px;background:#ffffff19}.menu-heading{padding:9px 11px 6px;font-size:10px}.project-card-menu{width:34px;height:34px;border-radius:8px}.project-card-menu:hover,.project-card-menu:focus-visible{border-color:#494452;background:#25232e}.device-option{min-width:35px;height:31px;font-size:10px}.device-option.selected{box-shadow:inset 0 0 0 1px #62527f}.device-option:focus-visible{outline-offset:1px}.new-file-dialog,.project-dialog,.confirm-dialog,.utility-dialog{border-color:#3a3b48;border-radius:18px;background:linear-gradient(150deg,#1b1c25,#171820);box-shadow:0 28px 90px #000b,0 4px 16px #0005}.new-file-dialog::backdrop,.project-dialog::backdrop,.confirm-dialog::backdrop,.utility-dialog::backdrop{background:#08090dd1;backdrop-filter:blur(7px)}.new-file-dialog,.project-dialog,.confirm-dialog{padding:28px}.dialog-icon{width:44px;height:44px;border-radius:12px}.new-file-dialog h2,.project-dialog h2,.confirm-dialog h2{margin-top:19px;font-size:22px}.new-file-dialog p,.project-dialog p,.confirm-dialog p{margin-bottom:24px;font-size:13px}.new-file-dialog label,.project-dialog label{margin-bottom:9px;font-size:12px}.new-file-dialog input,.project-dialog input{height:46px;border-radius:9px;font-size:13px}.dialog-error{min-height:22px;font-size:11px}.dialog-actions{gap:10px;margin-top:16px}.dialog-actions button,.dialog-delete{min-height:42px;padding:0 16px;border-radius:9px;font-size:12px}.utility-dialog{border-radius:16px}.utility-dialog-form{padding:20px}.utility-dialog-heading{gap:13px;padding-bottom:17px}.utility-dialog-heading>span{width:40px;height:40px;border-radius:11px}.utility-dialog-heading strong{font-size:14px}.utility-dialog-heading small{font-size:11px}.utility-dialog-form>input{height:46px;border-radius:9px;font-size:13px}.utility-results{max-height:min(390px,calc(100dvh - 240px));margin-top:12px}.utility-result{min-height:44px;gap:12px;padding:7px 11px;border-radius:8px;font-size:12px}.utility-result strong{font-size:12px}.utility-result small{font-size:11px}.utility-result kbd{font-size:10px}.utility-empty{padding:16px 12px;font-size:12px}.utility-dialog-footer{flex-wrap:wrap;gap:8px;padding-top:14px;font-size:10px}.search-panel{padding:11px 10px}.search-panel label{margin:7px 4px 10px;font-size:11px}.search-panel input{height:40px;padding:0 11px;border-radius:8px;font-size:12px}.search-empty{padding:11px 4px;font-size:11px}.search-result{gap:5px;padding:10px 6px;font-size:11px}.search-result strong{font-size:11px}.light-theme .settings-card{border-color:#e7e4ee;background:linear-gradient(145deg,#fff,#faf9fc);box-shadow:0 12px 32px #2926330a}.light-theme .settings-card-heading{border-color:#29263312}.light-theme .settings-reset{border-color:#ded6ef;background:#f6f2ff;color:#5b429b}.light-theme .settings-reset:hover{border-color:#b9a6e7;background:#eee8fb}.light-theme .action-menu{border-color:#e2dfeb;background:#fff}.light-theme .menu-item:hover,.light-theme .menu-item:focus-visible{background:#f1eef8;box-shadow:inset 0 0 0 1px #4e39820c}.light-theme .menu-separator{background:#29263318}.light-theme .project-card-menu:hover,.light-theme .project-card-menu:focus-visible{border-color:#ded8eb;background:#f4f1fa}.light-theme .new-file-dialog,.light-theme .project-dialog,.light-theme .confirm-dialog,.light-theme .utility-dialog{border-color:#e3e0eb;background:linear-gradient(150deg,#fff,#faf9fc);box-shadow:0 28px 90px #2926332b,0 4px 16px #29263312}.light-theme .dialog-icon{border-color:#ded7f1;background:#f1edfc}.light-theme .dialog-error{color:#b23845}.light-theme .utility-dialog-heading{color:#7657c7}.light-theme .search-panel label{color:#686574}.light-theme .search-panel input{border-color:#dedbe5}.light-theme .search-result{border-color:#29263312;color:#686574}.light-theme .search-result:hover{background:#f3f0f8}.light-theme .search-result strong{color:#6845c1}@media(max-width:600px){.settings-card{padding:17px 15px;border-radius:12px}.settings-control-row{min-height:64px;gap:12px}.settings-select-row{grid-template-columns:minmax(0,1fr);gap:9px;padding:13px 2px}.settings-copy strong{font-size:12px}.settings-copy small{font-size:10px}.settings-select-row>.settings-select-trigger{width:100%;min-height:44px;padding:0 12px;font-size:12px}.settings-reset-row{justify-content:stretch}.settings-reset{width:100%}.new-file-dialog,.project-dialog,.confirm-dialog{padding:22px 19px}.dialog-actions button,.dialog-delete{min-height:44px}.utility-dialog-form{padding:16px}.utility-dialog-footer{gap:6px;font-size:9px}.utility-dialog-footer kbd{margin-left:3px}}.settings-content{color-scheme:dark}.light-theme .settings-content{color-scheme:light}.settings-card{padding:22px 24px;border-color:#ffffff17;border-radius:15px;background:linear-gradient(155deg,#1a1b24,#16171e)}.settings-card-heading{gap:14px;padding-bottom:19px}.settings-card-icon{width:40px;height:40px;display:grid;flex:0 0 40px;place-items:center;border:1px solid #a78bfa2e;border-radius:12px;background:#a78bfa12;color:#bba8fa}.settings-card-heading strong{font-size:13px;font-weight:650;letter-spacing:-.01em}.settings-card-heading small{margin-top:5px;font-size:11px;line-height:1.5}.settings-control-row{min-height:70px;gap:22px;padding:13px 2px}.settings-control-row:last-child{border-bottom:0}.settings-copy{min-width:0}.settings-copy strong{font-size:12px;font-weight:600}.settings-copy small{font-size:10px;line-height:1.5}.settings-select-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,42%)}.settings-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;width:100%;min-height:40px;padding:0 12px;border:1px solid #3b3c49;border-radius:9px;background-color:#111218;color:#e7e5ed;font-family:inherit;font-size:12px;font-weight:550;text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s}.settings-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-select-trigger>svg{flex:0 0 auto;color:#aaa6b5;transition:transform .16s ease}.settings-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.settings-select-trigger:hover{border-color:#65558d;background-color:#171720}.settings-select-trigger:focus-visible{border-color:#9274ed;outline:0;box-shadow:0 0 0 3px #8f6df126}.settings-option-menu[hidden]{display:none!important}.settings-option-menu{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:3px;padding:6px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #ffffff20;border-radius:12px;background:linear-gradient(155deg,#22232df7,#181920f7);box-shadow:0 18px 48px #0009,0 3px 12px #0005,inset 0 1px #ffffff0a;backdrop-filter:blur(18px) saturate(1.2);animation:action-menu-in .14s cubic-bezier(.2,.8,.2,1) both}.settings-option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#d7d4df;font:inherit;font-size:12px;text-align:left;cursor:pointer;transition:background .14s,color .14s}.settings-option:hover,.settings-option:focus-visible{outline:0;background:#a78bfa18;color:#f5f2fc}.settings-option[aria-selected=true]{background:#a78bfa20;color:#d4c6ff;font-weight:650}.settings-option[aria-selected=true]:after{width:8px;height:4px;margin-right:2px;border-bottom:2px solid currentColor;border-left:2px solid currentColor;content:"";transform:rotate(-45deg) translateY(-1px)}.light-theme .settings-select-trigger{border-color:#dedbe5;background-color:#f7f6fa;color:#34313f}.light-theme .settings-select-trigger>svg{color:#757381}.light-theme .settings-select-trigger:hover{border-color:#b7a5e5;background-color:#f0edf8}.light-theme .settings-option-menu{border-color:#e2dfeb;background:linear-gradient(155deg,#fff,#faf9fc);box-shadow:0 18px 48px #29263324,0 3px 12px #29263312,inset 0 1px #fff}.light-theme .settings-option{color:#514e5d}.light-theme .settings-option:hover,.light-theme .settings-option:focus-visible{background:#f1eef8;color:#34313f}.light-theme .settings-option[aria-selected=true]{background:#7657c715;color:#6845c1}.settings-toggle-row{min-height:62px;border-radius:8px;transition:background .15s}.settings-toggle-row:hover{background:#ffffff05}.settings-toggle-row input:checked+.settings-toggle{box-shadow:0 0 0 3px #8c6ce51c}.light-theme .settings-card{border-color:#e7e4ee;background:linear-gradient(155deg,#fff,#faf9fc)}.light-theme .settings-card-icon{border-color:#7657c72b;background:#7657c712;color:#7657c7}.light-theme .settings-card-heading strong,.light-theme .settings-copy strong{color:#34313f}.light-theme .settings-card-heading small,.light-theme .settings-copy small{color:#777381}.light-theme .settings-control-row{border-color:#29263312}.light-theme .settings-toggle-row:hover{background:#29263306}.action-menu{position:fixed;isolation:isolate;width:min(292px,calc(100vw - 20px));padding:9px;overflow:auto;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(155deg,#22232df7,#181920f7);box-shadow:0 26px 72px #000a,0 4px 14px #0006,inset 0 1px #ffffff0a;backdrop-filter:blur(22px) saturate(1.25);animation:action-menu-in .16s cubic-bezier(.2,.8,.2,1) both}.action-menu:before{position:absolute;z-index:-1;top:0;right:18px;left:18px;height:1px;background:linear-gradient(90deg,transparent,#bba8fa66,transparent);content:""}.menu-item{min-height:46px;gap:12px;padding:0 10px;border-radius:11px;color:#d7d4df;font-size:12px;font-weight:560;transition:background .14s ease,color .14s ease,transform .14s ease}.menu-item>svg{width:32px;height:32px;flex-basis:32px;padding:7px;border:1px solid #ffffff0d;border-radius:10px;background:#ffffff08;color:#b6a6e9;transition:background .14s ease,color .14s ease,border-color .14s ease}.menu-item:hover,.menu-item:focus-visible{background:linear-gradient(100deg,#a78bfa1b,#a78bfa0a);color:#f5f2fc;box-shadow:inset 0 0 0 1px #bba8fa18;transform:translate(1px)}.menu-item:hover>svg,.menu-item:focus-visible>svg{border-color:#bba8fa38;background:#a78bfa20;color:#d4c6ff}.menu-item.danger{margin-top:1px;color:#eea1a5}.menu-item.danger>svg{border-color:#f07b831c;background:#f07b8310;color:#e58b93}.menu-item.danger:hover,.menu-item.danger:focus-visible{background:linear-gradient(100deg,#e45b681b,#e45b680a);color:#ffc0c3;box-shadow:inset 0 0 0 1px #ed8a9220}.menu-item.danger:hover>svg,.menu-item.danger:focus-visible>svg{border-color:#ed8a9238;background:#e45b6820;color:#ffb1b5}.menu-item kbd{padding:4px 6px;border-radius:6px;background:#ffffff08;font-size:9px}.menu-separator{height:1px;margin:8px 10px;background:linear-gradient(90deg,transparent,#ffffff1b 12%,#ffffff1b 88%,transparent)}.menu-heading{padding:10px 11px 7px;color:#9692a3;font-size:9px;letter-spacing:.13em}.project-card-menu[aria-expanded=true],.tabs-more[aria-expanded=true],.project-switcher[aria-expanded=true]{border-color:#a78bfa4a;background:#a78bfa16;color:#d4c6ff}.light-theme .action-menu{border-color:#ffffffc9;background:linear-gradient(155deg,#fffffffa,#f8f6fcfa);box-shadow:0 26px 72px #2926332b,0 4px 14px #29263314,inset 0 1px #fff}.light-theme .action-menu:before{background:linear-gradient(90deg,transparent,#7657c766,transparent)}.light-theme .menu-item{color:#514e5d}.light-theme .menu-item>svg{border-color:#2926330c;background:#29263306;color:#7965a8}.light-theme .menu-item:hover,.light-theme .menu-item:focus-visible{background:linear-gradient(100deg,#7657c718,#7657c708);color:#302b3d;box-shadow:inset 0 0 0 1px #7657c714}.light-theme .menu-item:hover>svg,.light-theme .menu-item:focus-visible>svg{border-color:#7657c72b;background:#7657c712;color:#6845c1}.light-theme .menu-item.danger{color:#a73e48}.light-theme .menu-item.danger>svg{border-color:#b34c551c;background:#b34c550c;color:#b34c55}.light-theme .menu-item.danger:hover,.light-theme .menu-item.danger:focus-visible{background:linear-gradient(100deg,#b34c5515,#b34c5506);color:#952e38;box-shadow:inset 0 0 0 1px #b34c5518}.light-theme .menu-item.danger:hover>svg,.light-theme .menu-item.danger:focus-visible>svg{border-color:#b34c5530;background:#b34c5510;color:#a73e48}.light-theme .menu-item kbd{border-color:#29263312;background:#29263305;color:#777381}.light-theme .menu-separator{background:linear-gradient(90deg,transparent,#2926331a 12%,#2926331a 88%,transparent)}.light-theme .menu-heading{color:#858190}.light-theme .project-card-menu[aria-expanded=true],.light-theme .tabs-more[aria-expanded=true],.light-theme .project-switcher[aria-expanded=true]{border-color:#7657c74d;background:#7657c715;color:#6845c1}@keyframes action-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.settings-card{padding:17px 15px}.settings-card-heading{gap:11px;padding-bottom:15px}.settings-card-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}.settings-select-row{grid-template-columns:minmax(0,1fr);gap:9px}.settings-select-row>.settings-select-trigger{width:100%;min-height:44px}}body:not(.app-ready) #app{opacity:0;transform:scale(.995)}body.app-ready #app{opacity:1;transform:none;transition:opacity .32s ease,transform .32s ease}.route-enter{animation:route-enter .32s cubic-bezier(.2,.75,.25,1) both}@keyframes route-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}