:root{--bg:#f7f6f3;--panel:#fff;--panel-2:#f1efea;--fg:#23202a;--muted:#6d6879;--line:#e2ded6;--accent:#e5532d;--accent-soft:#fde9e2;--focus:#6e4a9e;--term:#16141c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121116;--panel:#18171d;--panel-2:#1f1e25;--fg:#e8e5ee;--muted:#9792a3;--line:#2c2a33;--accent:#ff7a50;--accent-soft:#3a2119;--focus:#b79ae0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121116;--panel:#18171d;--panel-2:#1f1e25;--fg:#e8e5ee;--muted:#9792a3;--line:#2c2a33;--accent:#ff7a50;--accent-soft:#3a2119;--focus:#b79ae0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:13px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit}.app{flex-direction:column;height:100%;display:flex}.top-bar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:16px;padding:8px 14px;display:flex}.brand{white-space:nowrap;color:inherit;font-size:15px;font-weight:650;text-decoration:none}.brand span,.home-title span{color:var(--accent)}.project-title{align-items:center;gap:8px;min-width:0;display:flex}.project-name{cursor:text;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;padding:2px 6px;font-weight:600}.project-name:hover{border-color:var(--line)}.project-name-input{border:1px solid var(--focus);background:var(--panel-2);width:16em;color:inherit;font:inherit;border-radius:6px;padding:2px 6px;font-weight:600}.chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 7px;font-size:11px;display:inline-flex}.chip.kind-phoenix{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.chip.ephemeral{color:var(--focus);border-color:color-mix(in srgb, var(--focus) 40%, transparent);border-style:dashed}.status{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:6px;display:flex;overflow:hidden}.button{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:var(--accent)}.button:disabled,.icon-button:disabled{opacity:.45;cursor:default}.icon-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;place-items:center;width:28px;height:28px;padding:0;display:inline-grid}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace{flex:1;min-height:0}.panel{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.separator{background:var(--line);flex:none;width:1px;position:relative}.separator.horizontal{width:auto;height:1px}.separator:after{content:"";position:absolute;inset:0 -3px}.separator.horizontal:after{inset:-3px 0}.separator:hover,.separator[data-separator=active]{background:var(--accent)}.file-tree{background:var(--panel);--trees-bg-override:var(--panel);--trees-input-bg-override:var(--panel-2);--trees-padding-inline-override:8px;flex:1;min-height:0}.editor{flex-direction:column;flex:1;min-height:0;display:flex}.bar{flex:none;height:36px}.tab-bar{border-bottom:1px solid var(--line);background:var(--panel-2);align-items:center;gap:4px;padding-right:6px;display:flex}.tab-list{scrollbar-width:thin;flex:1;min-width:0;height:100%;display:flex;overflow-x:auto}.tab{border:0;border-right:1px solid var(--line);height:100%;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 8px 0 12px;display:inline-flex}.tab[data-active]{background:var(--panel);color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent)}.tab-close{border-radius:4px;place-items:center;width:18px;height:18px;display:inline-grid}.tab-close:hover{background:var(--line)}.tab-close.dirty:before{content:"";background:var(--fg);border-radius:50%;width:8px;height:8px}.tab-close.dirty svg,.tab-close.dirty:hover:before{display:none}.tab-close.dirty:hover svg{display:block}.tab-panel{flex:1;min-height:0;display:flex}.editor-scroll{flex:1;min-height:0;overflow:auto}.editor-empty{text-align:center;flex:1;place-content:center;padding:24px;display:grid}.editor-empty p{margin:4px 0}.muted{color:var(--muted)}.terminal-host{background:var(--term);flex:1;min-height:0;position:relative}.terminal-root{padding:6px 0 4px 8px;position:absolute;inset:0;overflow:hidden}.terminal-container{width:100%;height:100%}.terminal-host .xterm,.terminal-host .xterm-viewport{background:var(--term)!important}.preview{flex-direction:column;flex:1;min-height:0;display:flex}.preview-bar{border-bottom:1px solid var(--line);background:var(--panel-2);align-items:center;gap:4px;padding:4px 6px;display:flex}.preview-bar input{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--fg);border-radius:6px;flex:1;padding:4px 8px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.preview iframe{background:#fff;border:0;flex:1;width:100%}.preview-waiting{color:var(--muted);flex:1;place-items:center;display:grid}@media (max-width:720px){.top-bar{flex-wrap:wrap;gap:6px 12px}.status{flex-basis:100%;order:3}}.preview-window{background:var(--panel)}.terminals{background:var(--term);flex-direction:column;flex:1;min-height:0;display:flex}.terminal-bar{background:var(--panel-2)}.terminal-stack{flex:1;min-height:0;display:flex}.terminal-host[hidden]{display:none}.button.danger{border-color:var(--accent);color:var(--accent)}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.button.big{border-radius:8px;padding:12px 20px;font-size:16px;text-decoration:none}.not-found .button.big{margin:12px 0 24px}.not-found-leftovers{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.home{min-height:100%;overflow:auto}.home-main{max-width:880px;margin:0 auto;padding:40px 16px 64px;font-size:14px}.home-title{margin:0 0 6px;font-size:26px;font-weight:700}.home-lead{margin:0 0 28px}.home h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:28px 0 10px;font-size:13px;font-weight:600}.home code{font-size:12px}.new-projects{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.new-project{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:10px;grid-template-columns:auto 1fr;gap:4px 10px;padding:14px;text-decoration:none;display:grid}.new-project:hover{border-color:var(--accent)}.new-project-icon{color:var(--accent);grid-row:span 2}.new-project-title{font-weight:600}.new-project-text{color:var(--muted);font-size:13px}.project-list{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin:0;padding:0;list-style:none}.project-row{align-items:center;gap:8px;padding:6px 8px 6px 0;display:flex}.project-row+.project-row{border-top:1px solid var(--line)}.project-link{min-width:0;color:inherit;flex:1;align-items:center;gap:8px;padding:4px 14px;text-decoration:none;display:flex}.project-link:hover .project-row-name{color:var(--accent)}.project-row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.project-row-time{white-space:nowrap;margin-left:auto;font-size:12px}.project-confirm{gap:6px;display:flex}.project-error{color:var(--accent);font-size:12px}.elsewhere-actions{align-items:center;gap:16px;display:flex}.tree-actions{justify-content:flex-end;gap:2px;padding:4px 6px 0;display:flex}.tree-actions .icon-button{width:24px;height:24px;color:var(--muted)}.tree-menu{color:inherit;border:1px solid var(--line);background:var(--panel);border-radius:8px;flex-direction:column;min-width:160px;margin:0;padding:4px;display:flex;position:fixed;inset:auto;box-shadow:0 6px 24px #00000029}.tree-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:5px 8px;display:flex}.tree-menu button:hover,.tree-menu button:focus-visible{background:var(--panel-2)}.tree-menu button.danger{color:var(--accent)}.kbd-group{vertical-align:baseline;gap:3px;display:inline-flex}.kbd{background:var(--panel-2);min-width:20px;height:20px;color:var(--muted);-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font:500 12px/1 system-ui,sans-serif;display:inline-flex}.app{height:100dvh}.brand{align-items:center;display:inline-flex}.brand-icon{display:none}.narrow-workspace{flex-direction:column;flex:1;min-height:0;display:flex}.narrow-pane{background:var(--panel);flex-direction:column;flex:1;min-height:0;display:flex}.narrow-pane[hidden]{display:none}.narrow-pane>*{flex:1;min-height:0}.pane-bar{border-top:1px solid var(--line);background:var(--panel);padding-bottom:env(safe-area-inset-bottom);display:flex}.pane-button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0 5px;font-size:11px;display:flex}.pane-button[aria-pressed=true]{color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}@media (max-width:720px){.top-bar{padding:6px 10px;padding-top:max(6px, env(safe-area-inset-top));gap:8px}.brand-icon{display:block}.brand-name,.status-text,.button-label{display:none}.status{flex:none}.project-title{flex:1;min-width:0}.project-name{text-overflow:ellipsis;overflow:hidden}.project-name-input{width:100%;min-width:0}.home-main{padding:24px 16px 48px}.project-row-time,.preview-bar button[title^=Pop\ out]{display:none}}.share-panel{border:1px solid var(--line);background:var(--panel);width:min(420px,100vw - 16px);color:inherit;border-radius:10px;margin:0;padding:12px;position:fixed;inset:auto;box-shadow:0 8px 28px #0000002e}.share-summary{margin:0 0 8px;font-weight:600}.share-row{gap:6px;display:flex}.share-url{border:1px solid var(--line);background:var(--panel-2);min-width:0;color:inherit;border-radius:6px;flex:1;padding:5px 8px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.share-note{margin:8px 0 0;font-size:12px}.import-title{align-items:center;gap:8px;font-size:16px;display:flex}.import-files{border:1px solid var(--line);background:var(--panel);border-radius:8px;max-height:40vh;margin:12px 0 20px;padding:8px 12px;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;list-style:none;overflow:auto}.share-warning{color:var(--accent);margin:8px 0 0;font-size:12px}.template-notice{border-bottom:1px solid var(--line);background:var(--accent-soft);align-items:flex-start;gap:8px;padding:6px 10px 6px 14px;font-size:12px;display:flex}.template-notice svg{color:var(--accent);flex:none;margin-top:2px}.template-notice p{flex:1;margin:2px 0}