*,:before,:after{box-sizing:border-box}body{margin:0;font-family:sans-serif}h1,h2,h3,h4,h5,h6{margin-block:0}.section{flex-direction:column;justify-content:center;padding:5rem 2rem;display:flex;position:relative}.container{flex-direction:column;gap:2rem;width:100%;max-width:50rem;margin-inline:auto;display:flex}.image{object-fit:cover;aspect-ratio:1;border-radius:1rem;width:100%;height:auto;display:block}.content{flex-direction:column;align-self:center;gap:1rem;width:100%;min-width:0;display:flex}.layout-grid{--_columns:1;grid-template-columns:repeat(var(--_columns), minmax(0, 1fr));gap:2rem;display:grid}.layout-flex{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.heading-style-h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.1}.heading-style-h2{font-size:clamp(2rem,4vw,3rem);line-height:1.15}.heading-style-h4{font-size:1.5rem;line-height:1.2}.text-style-small{margin-block:0;font-size:.875rem;line-height:1.5}.button{color:#fff;background:#111;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.25rem;text-decoration:none;display:inline-flex}:root{color:var(--text);background:var(--background);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface:#fff;--background:#f4f5f1;--surface-subtle:#e9eee6;--surface-raised:#dce6d7;--surface-input:#fff;--surface-toolbar:#f0f3ed;--hover:#eef2e9;--selected:#e5ecdf;--text:#252924;--line:#e4e6df;--muted:#515e4c;--green:#294f38;--primary:#294f38;--primary-hover:#1c3b28;--on-primary:#fff;--focus:#487443;--warning-bg:#fff1de;--warning-fg:#715321;--success-bg:#eaf2e2;--success-fg:#3e6232;--shadow:0 12px 32px #2529241a;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{font-family:inherit}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled{cursor:default;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button,select{color:inherit}#app{flex-direction:column;height:100dvh;display:flex}.topbar{background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:8px 28px;display:grid}.topbar>.explorer-toggle{justify-self:center}.brand{white-space:nowrap;align-items:center;gap:12px;font-size:15px;text-decoration:none;display:flex}.brand strong{font-weight:600}.brand-mark{background:var(--primary);color:var(--on-primary);border-radius:10px;place-items:center;width:35px;height:35px;font-family:Georgia,serif;font-size:30px;line-height:1;display:grid;position:relative}.brand-mark span{font-size:10px;position:absolute;top:4px;right:3px}.milestone{color:var(--muted);letter-spacing:.03em;white-space:nowrap;border:0;border-radius:6px;padding:5px 10px;font-size:11px}.milestone span{margin-left:7px;padding-left:9px}.muted{color:var(--muted)}.workspace{grid-template-columns:var(--sidebar-width,280px) minmax(0, 1fr);flex:1;grid-template-rows:minmax(0,1fr);min-height:0;display:grid}.sidebar{background:var(--surface-subtle);flex-direction:column;min-width:0;padding:27px 20px 0;display:flex}.sidebar-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.eyebrow,.files-heading{letter-spacing:.12em;color:var(--muted);font-size:10px;font-weight:650}.workspace--sidebar-collapsed .sidebar{padding:0;overflow:visible}.workspace--sidebar-collapsed .sidebar>:not(.sidebar-resize){display:none}.changes-window{background:var(--surface-raised);width:min(420px,100vw - 32px);max-height:70vh;color:inherit;border:0;border-radius:8px;margin:0;padding:16px;position:fixed;inset:auto;overflow:auto;box-shadow:0 12px 32px #0000002e}.changes-window__title{margin:0 0 12px;font-size:15px;font-weight:600}.changes-window .files-heading{margin:14px 0 6px}.changes-window__list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.changes-window__edit{gap:2px;font-size:13px;display:grid}.changes-window__where{color:var(--muted);font-size:11px}.changes-window__edit del{color:var(--muted);text-decoration:line-through}.changes-window__edit ins{font-weight:550;text-decoration:none}.changes-window__back{margin-top:14px}.changes-window__empty{margin:0;font-size:13px}.editor-toolbar-host{justify-content:end;min-width:0;display:flex}.code-split{flex:1;min-width:0;min-height:0;display:flex;position:relative}.code-pane{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.code-pane[hidden]{display:none}.code-pane__title{color:var(--muted);background:var(--surface-toolbar);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;padding:6px 16px;font-size:11px;display:flex;overflow:hidden}.code-pane__title>span:first-child{flex:none}.code-pane__rules{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.code-pane__rule{background:var(--selected);color:var(--green);font:inherit;border:0;border-radius:999px;flex:none;gap:5px;padding:1px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:16px;display:inline-flex}.code-pane__rule:hover{background:var(--surface-raised)}.code-pane__rule-file{color:var(--muted);font-family:inherit}.code-pane>.workspace-content{flex:1}.changes-window__compare{margin:0 0 4px}.small-dot{background:var(--line);border-radius:50%;width:5px;height:5px}.field-label{color:var(--muted);margin:0 0 7px;font-size:11px;display:block}select{background:var(--surface);text-overflow:ellipsis;border:0;border-radius:6px;width:100%;height:37px;padding:0 10px;font-size:12px}.branch-row{align-items:flex-end;gap:8px;margin-top:16px;display:flex}.branch-row>div{flex:1;min-width:0}.icon-button{background:var(--surface);border:0;border-radius:6px;width:36px;height:37px;font-size:23px;font-weight:300}.icon-button:hover{background:var(--hover)}.files-heading{justify-content:space-between;align-items:center;margin:30px 0 12px;display:flex}.files-heading #revision{letter-spacing:0;font-family:ui-monospace,monospace;font-size:10px;font-weight:400}.sidebar-hint{margin:16px 0;font-size:12px;line-height:1.7}#files{flex:1;min-height:140px;max-height:calc(100dvh - 390px);margin:0 -8px;overflow:auto}.file-list{margin:0;padding:0;list-style:none}.file-list .file-list{margin-left:13px;padding-left:7px}.file-row{text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;width:100%;min-height:33px;padding:7px 8px;font-size:12px;display:flex}.file-row:hover{background:var(--hover)}.file-row.selected{background:var(--selected);color:var(--green)}.file-icon{width:13px;color:var(--muted);flex-shrink:0;font-size:14px}.file-icon.folder{color:var(--green)}.filename{text-overflow:ellipsis;overflow:hidden}.empty-folder{padding:8px;font-size:11px}main{background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}main>.code-split{flex:1}#breadcrumb{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-content{min-height:0;max-height:100%;overflow:auto}.welcome{max-width:800px;margin:0 auto;padding:80px 65px 45px}.intro-label{letter-spacing:.18em;color:var(--muted);margin-bottom:22px;font-size:10px;font-weight:650}h1{letter-spacing:-.055em;white-space:pre-line;margin:0 0 22px;font-size:clamp(30px,3.6vw,49px);font-weight:500;line-height:1.12}.intro{color:var(--muted);max-width:470px;margin:0 0 27px;font-size:15px;line-height:1.8}.actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:0;border-radius:6px;padding:11px 19px;font-size:12px;font-weight:550;transition:background .15s}.primary{background:var(--primary);color:var(--on-primary)}.primary:hover{background:var(--primary-hover)}.secondary:hover{background:var(--hover)}.fine-print{color:var(--muted);margin-top:13px;font-size:11px}.steps{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:65px;padding-top:30px;display:grid}.step{flex-direction:column;gap:5px;display:flex}.step-number{color:var(--muted);margin-bottom:7px;font-family:ui-monospace,monospace;font-size:10px}.step strong{font-size:12px;font-weight:550}.step>span:last-child{color:var(--muted);font-size:11px}.setup-card{background:var(--surface-subtle);border:0;border-radius:8px;max-width:495px;padding:20px 23px}.setup-card strong{font-size:13px;font-weight:600}.setup-card p{color:var(--muted);margin:8px 0;font-size:12px;line-height:1.7}.setup-card summary{cursor:pointer;color:var(--green);margin-top:14px;font-size:12px}.command{background:var(--selected);border-radius:4px;margin:12px 0;padding:10px 13px;font-size:12px;display:block}.notice{background:var(--warning-bg);color:var(--warning-fg);justify-content:center;align-items:center;gap:18px;padding:11px 26px;font-size:12px;display:flex}.notice[hidden]{display:none}.text-button{color:var(--green);background:0 0;border:0;padding:5px 0;font-size:12px}.text-button:hover,.text-link:hover{text-decoration:underline}.text-link{color:var(--green);font-size:12px;text-decoration:none}.empty-message{color:var(--muted);padding:40px;font-size:14px}.directory-summary{max-width:830px;margin:0 auto;padding:64px}.directory-summary h1{overflow-wrap:anywhere;margin-top:20px;font-size:36px}.badge{color:var(--green);background:var(--surface-subtle);border:0;border-radius:20px;padding:4px 9px;font-size:10px;display:inline-flex}.badge.detected{background:var(--success-bg);color:var(--success-fg)}.badge.ambiguous{background:var(--warning-bg);color:var(--warning-fg)}.version{color:var(--green);font-family:ui-monospace,monospace;font-size:12px}.project-meta{margin-top:30px;font-size:12px}.project-meta>div{grid-template-columns:100px minmax(0,1fr);padding:12px 0;display:grid}dt{color:var(--muted)}dd{overflow-wrap:anywhere;margin:0}.next-step{color:var(--muted);margin-top:35px;padding:3px 0 3px 16px;font-size:12px;line-height:1.8}@media (width>=1500px){.welcome{padding-top:110px}.directory-summary{padding-top:90px}}@media (width<=1050px){.milestone{display:none}.workspace{grid-template-columns:var(--sidebar-width,240px) minmax(0, 1fr)}.welcome,.directory-summary{padding:48px 35px}.steps{gap:12px}.topbar{padding:0 20px}}@media (width<=650px){.topbar{flex-wrap:wrap;gap:10px;height:auto;min-height:65px;padding:14px 17px;display:flex}.brand{font-size:13px}.workspace{flex-direction:column;min-height:0;display:flex}.sidebar{padding:18px}.sidebar-heading{margin-bottom:13px}.branch-row{margin-top:10px}.files-heading{margin-top:20px}#files{min-height:30px;max-height:240px}.sidebar-hint{margin:5px 0}.welcome,.directory-summary{padding:35px 24px}.workspace-content{min-height:350px;max-height:none}h1{font-size:37px}.intro{font-size:14px}.steps{gap:15px;margin-top:35px}.step>span:last-child{font-size:10px}.notice{justify-content:flex-start;padding:12px 18px}.empty-message{padding:24px}}#app.login-page{background:var(--background);place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.login-card{background:var(--surface);width:min(100%,420px);box-shadow:var(--shadow);border:0;border-radius:12px;padding:34px}.login-brand{justify-content:center;margin-bottom:29px;font-size:14px}.login-card h1{letter-spacing:-.035em;text-align:center;margin-bottom:10px;font-size:23px;line-height:1.3}.login-description{color:var(--muted);text-align:center;margin:0 0 26px;font-size:13px;line-height:1.7}.login-button{width:100%;min-height:44px}.login-state{color:var(--muted);text-align:center;margin:16px 0;font-size:12px}.login-footnote{text-align:center;color:var(--muted);margin:25px 0 0;font-size:11px}.login-setup{color:var(--muted);margin-top:20px;padding-top:15px;font-size:12px}.login-setup summary{cursor:pointer;color:var(--green)}.login-notice{background:var(--warning-bg);color:var(--warning-fg);border-radius:5px;margin-top:15px;padding:12px;font-size:12px}.login-notice[hidden]{display:none}.login-notice .text-link{margin-top:8px;display:block}.explorer-toggle{background:var(--surface-subtle);white-space:nowrap;border:0;border-radius:6px;gap:12px;padding:8px 16px;font-size:12px}.explorer.dropdown-panel{width:min(480px,100vw - 32px);padding:24px}.explorer #files{min-height:80px;max-height:40dvh}#structure{flex:1}@media (width<=650px){.login-card{padding:27px 24px}.explorer-toggle{order:3;width:100%}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#repository-menu{justify-self:start;min-width:0}#current-page{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.explorer-toggle{align-items:center;max-width:min(48vw,520px);display:flex}@media (width<=650px){.explorer-toggle{max-width:100%}}@media (prefers-color-scheme:dark){:root{--surface:#1e2320;--background:#151a17;--surface-subtle:#121a15;--surface-raised:#35443a;--surface-input:#18221c;--surface-toolbar:#27332b;--hover:#2a332d;--selected:#334438;--text:#e3e9e1;--line:#364139;--muted:#bac8b5;--green:#b1d4b7;--primary:#365f42;--primary-hover:#426f50;--focus:#9bcda5;--warning-bg:#3b3020;--warning-fg:#edcc92;--success-bg:#263e2b;--success-fg:#b4dca5;--shadow:0 12px 32px #00000040}}:root{--color-primary:oklch(54.6% .215 262.9);--color-primary-lightest:oklch(from var(--color-primary) 98.9% calc(c * .0139535) calc(h + 12.9));--color-primary-lighter:oklch(from var(--color-primary) 95.4% calc(c * .0883721) calc(h + 12.6));--color-primary-light:oklch(from var(--color-primary) 88.3% calc(c * .223256) calc(h + 11.8));--color-primary-dark:oklch(from var(--color-primary) 40.4% calc(c * .734884) h);--color-primary-darker:oklch(from var(--color-primary) 27.3% calc(c * .497674) h);--color-primary-darkest:oklch(from var(--color-primary) 15.3% calc(c * .27907) h);--semantic-primary:var(--color-primary);--semantic-action:oklch(from var(--semantic-primary) min(l, .5) min(c, .18) h);--semantic-action-hover:oklch(from var(--semantic-action) calc(l * .85) c h);--semantic-on-action:var(--color-primary-lightest);--semantic-surface:var(--color-primary-lightest);--semantic-background:oklch(from var(--color-primary-lighter) 97% c h);--semantic-surface-subtle:var(--color-primary-lighter);--semantic-surface-raised:var(--color-primary-light);--semantic-surface-input:var(--color-primary-lightest);--semantic-surface-toolbar:oklch(from var(--color-primary-lighter) 92% c h);--semantic-hover:oklch(from var(--color-primary-light) 91% c h);--semantic-selected:var(--color-primary-light);--semantic-text:var(--color-primary-darkest);--semantic-text-muted:oklch(from var(--color-primary-dark) l min(c, .045) h);--semantic-link:var(--color-primary-dark);--semantic-border:var(--color-primary-light);--semantic-focus:var(--semantic-action);--semantic-preview-focus:var(--semantic-action);--semantic-shadow:oklch(from var(--color-primary-darkest) l c h / .18);--color-warning:oklch(75% .14 75);--color-success:oklch(60% .13 145);--semantic-warning-surface:oklch(from var(--color-warning) 96% .03 h);--semantic-warning-text:oklch(from var(--color-warning) 38% .07 h);--semantic-success-surface:oklch(from var(--color-success) 96% .03 h);--semantic-success-text:oklch(from var(--color-success) 38% .07 h);--surface:var(--semantic-surface);--background:var(--semantic-background);--surface-subtle:var(--semantic-surface-subtle);--surface-raised:var(--semantic-surface-raised);--surface-input:var(--semantic-surface-input);--surface-toolbar:var(--semantic-surface-toolbar);--hover:var(--semantic-hover);--selected:var(--semantic-selected);--text:var(--semantic-text);--line:var(--semantic-border);--muted:var(--semantic-text-muted);--green:var(--semantic-link);--primary:var(--semantic-action);--primary-hover:var(--semantic-action-hover);--on-primary:var(--semantic-on-action);--focus:var(--semantic-focus);--preview-focus:var(--semantic-preview-focus);--warning-bg:var(--semantic-warning-surface);--warning-fg:var(--semantic-warning-text);--success-bg:var(--semantic-success-surface);--success-fg:var(--semantic-success-text);--shadow:0 12px 32px var(--semantic-shadow)}.button{background:var(--primary);color:var(--on-primary)}.button:disabled,.button:disabled:hover{background:var(--primary);cursor:default;opacity:.45}.secondary{background:var(--surface);color:inherit}.changes-window{box-shadow:var(--shadow)}@media (prefers-color-scheme:dark){:root{--semantic-surface:oklch(from var(--color-primary-darkest) 22% min(c, .02) h);--semantic-background:var(--color-primary-darkest);--semantic-surface-subtle:oklch(from var(--color-primary-darkest) 18% min(c, .02) h);--semantic-surface-raised:oklch(from var(--color-primary-darker) 32% min(c, .035) h);--semantic-surface-input:oklch(from var(--color-primary-darkest) 20% min(c, .02) h);--semantic-surface-toolbar:oklch(from var(--color-primary-darker) l min(c, .025) h);--semantic-hover:oklch(from var(--color-primary-darker) 30% min(c, .04) h);--semantic-selected:oklch(from var(--color-primary-darker) 35% min(c, .05) h);--semantic-text:var(--color-primary-lighter);--semantic-text-muted:oklch(from var(--color-primary-light) 80% min(c, .035) h);--semantic-link:var(--color-primary-light);--semantic-border:oklch(from var(--color-primary-darker) 36% min(c, .04) h);--semantic-focus:var(--color-primary-light);--semantic-shadow:oklch(from var(--color-primary-darkest) 5% c h / .35);--semantic-warning-surface:oklch(from var(--color-warning) 28% .03 h);--semantic-warning-text:oklch(from var(--color-warning) 87% .08 h);--semantic-success-surface:oklch(from var(--color-success) 28% .03 h);--semantic-success-text:oklch(from var(--color-success) 87% .08 h)}}.structure-placeholder__tree{color:var(--muted);border:0;border-radius:8px;padding:14px 10px}.structure-placeholder__tree>div{white-space:pre;align-items:center;gap:8px;height:34px;display:flex}.structure-placeholder__tree i{background:var(--line);border-radius:3px;width:45%;height:6px;display:block}.structure-placeholder__title{margin:22px 0 8px;font-size:12px;font-weight:600}@media (width<=650px){.structure-placeholder__tree{display:none}.structure-placeholder__title{margin-top:0}}.dropdown-panel{background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow);border:0;border-radius:8px;max-height:calc(100dvh - 90px);margin:0;padding:6px;position:fixed;inset:64px auto auto 20px;overflow:auto}@supports (position-area:bottom){.dropdown-panel{position-area:bottom span-right;position-try-fallbacks:flip-inline, flip-block;justify-self:start;margin-top:6px;inset:auto}.explorer.dropdown-panel{position-area:bottom;justify-self:anchor-center}}.agent-menu{justify-self:end}.agent-menu__panel{width:min(390px,100vw - 32px);padding:18px}.agent-menu__panel p{font-size:12px;line-height:1.6}.agent-menu__panel button{margin:5px 8px 5px 0}.agent-menu__endpoint{background:var(--surface-input);width:100%;color:var(--text);border:0;border-radius:6px;padding:10px;font:12px ui-monospace,monospace}.agent-menu__panel [hidden]{display:none}@supports (position-area:bottom){.agent-menu__panel{position-area:bottom span-left;justify-self:end}}@media (width<=650px){.agent-menu{margin-left:auto}}.agent-menu--embedded>.text-button{text-align:left;border-radius:4px;width:100%;padding:11px 10px;text-decoration:none;display:block}.agent-menu--embedded>.text-button:hover{background:var(--hover)}.agent-menu--embedded .agent-menu__panel{width:100%;padding:10px}.repository-menu__popover:has(.agent-menu__panel:not([hidden])){width:min(390px,100vw - 32px)}.repository-menu{min-width:0}.repository-menu__trigger{anchor-name:--repository-menu;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;max-width:min(38vw,360px);padding:8px 10px;font-size:15px;font-weight:600;display:flex}.repository-menu__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.repository-menu__identity{text-align:left;flex-direction:column;min-width:0;display:flex}.repository-menu__repository{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;font-weight:400;overflow:hidden}.repository-menu__trigger:hover,.repository-menu__trigger[aria-expanded=true]{background:var(--background)}.repository-menu__popover{width:min(320px,100vw - 32px)}.repository-menu__project{padding:10px 10px 14px}.repository-menu__project .branch-row{margin-top:12px}.repository-menu__integration{padding:0 10px 12px}.repository-menu__integration-state{margin:0 0 8px;font-size:13px;line-height:1.35}.repository-menu__integration-action{width:100%}.repository-menu__action{text-align:left;border-radius:4px;width:100%;padding:11px 10px;text-decoration:none;display:block}.repository-menu__action:hover,.repository-menu__action:focus-visible{background:var(--background)}@media (width<=650px){.repository-menu__trigger{max-width:65vw}}.sidebar{position:relative}.sidebar-resize{z-index:2;cursor:col-resize;touch-action:none;width:10px;position:absolute;inset:0 -5px 0 auto}.sidebar-resize:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.workspace--resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}@media (width<=650px){.sidebar-resize{display:none}}main.has-preview{grid-template-rows:minmax(0, 1fr) var(--code-height,40%);height:100%;display:grid}main.has-preview.code-collapsed{grid-template-rows:minmax(0,1fr) 12px}main.has-preview>.preview-pane{grid-row:1}main.has-preview>.code-split{grid-row:2}main.has-preview.code-collapsed .code-pane{display:none}main.has-preview .workspace-content{min-height:0;max-height:none;position:relative;overflow:hidden}main.has-preview .code-editor{height:100%;min-height:0}.preview-pane{background:var(--surface-subtle);flex-direction:column;min-height:0;display:flex;position:relative}.preview-edit-bar{z-index:30;background:var(--surface-toolbar);max-width:calc(100% - 16px);color:var(--text);box-shadow:var(--shadow);border-radius:8px;flex-wrap:wrap;align-items:center;gap:2px;padding:4px;font-size:12px;display:flex;position:absolute}.preview-edit-bar[hidden]{display:none}.preview-edit-bar__kind{color:var(--muted);padding:4px 8px 4px 6px;font-size:11px;font-weight:620}.preview-edit-bar__label{display:contents}.preview-edit-bar__label[hidden]{display:none}.preview-edit-bar select{field-sizing:content;background:var(--surface);width:auto;min-width:0;height:auto;color:inherit;font:inherit;border:0;border-radius:6px;margin:0;padding:6px;font-size:12px}.preview-edit-bar__format{min-width:28px;color:inherit;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:700;line-height:1.3}.preview-edit-bar__format:hover{background:var(--hover)}.preview-edit-bar__format:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.preview-edit-bar__format[aria-pressed=true]{background:var(--selected);color:var(--green)}.preview-edit-bar__format--italic{font-style:italic;font-weight:400}.preview-frame-host{--preview-width:100%;flex:1;justify-content:center;min-height:0;display:flex}.preview-slot{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.preview-slot__label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:4px 12px;font-size:10px;font-weight:650;display:none}.preview-pane--compare .preview-frame-host{gap:8px;padding:0 8px}.preview-pane--compare .preview-slot__label{display:block}.preview-frame{width:var(--preview-width);background:#fff;border:0;flex:1;max-width:100%;height:100%;min-height:0}.preview-frame-host:not([style*="--preview-width: 100%"]) .preview-frame{border-radius:6px 6px 0 0}.preview-link{background:var(--surface-raised);width:min(340px,100% - 16px);max-width:calc(100% - 16px);box-shadow:var(--shadow);z-index:31;border-radius:10px;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px;max-height:calc(100% - 16px);padding:16px;font-size:12px;display:grid;position:absolute;overflow:auto}.preview-link[hidden]{display:none}.preview-link__label{grid-column:1/-1;font-weight:600}.preview-link__input{background:var(--surface-input);width:100%;min-width:0;color:inherit;font:inherit;border:0;border-radius:4px;grid-column:1/-1;padding:4px 8px;font-size:12px}.preview-link__hint{color:var(--muted);grid-column:1/-1}.preview-link__hint:empty{display:none}.preview-edit-bar__link,.preview-link__apply,.preview-link__cancel{background:var(--surface-input);color:inherit;font:inherit;border:0;border-radius:4px;padding:4px 8px;font-size:12px}.preview-link__apply{background:var(--primary);color:var(--on-primary)}.preview-link__apply,.preview-link__cancel{justify-self:start}.preview-link__input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.preview-edit-bar__link:focus-visible,.preview-link__apply:focus-visible,.preview-link__cancel:focus-visible{outline:2px solid var(--preview-focus,Highlight);outline-offset:2px}@media (width<=520px){.preview-link{width:calc(100% - 16px)}}.preview-toggle{justify-self:end}.preview-toggle[aria-pressed=true]{background:var(--surface-raised)}.native-preview-pane{overflow:hidden}.native-preview-toolbar{border-bottom:1px solid var(--border,#d9ddd1);background:var(--surface,#fff);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.native-preview-toolbar__hint{color:var(--muted,#5c665a);font-size:12px;line-height:1.3}.native-preview-toolbar button:disabled{opacity:.5;cursor:not-allowed}.native-preview-frame{background:var(--surface,#fff);border:0}.native-preview-error{background:var(--danger-surface,#fdecec);color:var(--danger,#7c1824);margin:0;padding:12px 16px;font-size:13px;line-height:1.45}.native-preview-error[hidden]{display:none}.change-status{white-space:nowrap;background:var(--surface-subtle);border-radius:6px;padding:8px 12px;font-size:12px;text-decoration:none;display:inline-block}.change-status[data-kind=live]{background:var(--surface-raised)}.change-status[data-kind=failed]{background:var(--warning-bg);color:var(--warning-fg)}.change-status[hidden]{display:none}.topbar-actions{flex-wrap:wrap;justify-content:end;justify-self:end;align-items:center;gap:8px 16px;min-width:0;display:flex}.preview-status{background:var(--surface-subtle);color:var(--text);border-radius:6px;align-items:center;gap:8px;min-width:0;max-width:min(100%,520px);padding:6px 12px;font-size:12px;display:inline-flex}.preview-status[hidden]{display:none}.preview-status__dot{background:var(--text);border-radius:50%;flex:none;width:8px;height:8px}.preview-status[data-kind=building] .preview-status__dot,.preview-status[data-kind=waiting] .preview-status__dot,.preview-status[data-kind=loading] .preview-status__dot{background:var(--warning-fg)}.preview-status[data-kind=ready] .preview-status__dot{background:var(--success-fg)}.preview-status[data-kind=failed]{background:var(--warning-bg);color:var(--warning-fg)}.preview-status[data-kind=failed] .preview-status__dot{background:var(--warning-fg)}.preview-status__label{white-space:nowrap;flex:none}.preview-status__detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.preview-status__detail[hidden]{display:none}.preview-status__retry{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:4px;flex:none;padding:2px 8px;font-size:12px}@media (width<=520px){.preview-status{flex:100%}}.commit-history{gap:12px;display:grid}.commit-history .changes-window__title,.commit-history p,.commit-history h3{margin:0}.commit-history__location,.commit-history__notice,.commit-history__message,.commit-history__confirmation p{overflow-wrap:anywhere;font-size:12px}.commit-history__navigation,.commit-history__actions,.commit-history__meta{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.commit-history__list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.commit-history__item,.commit-history__confirmation{background:var(--surface);border-radius:6px;justify-items:start;gap:8px;padding:12px;display:grid}.commit-history__subject{overflow-wrap:anywhere;font-size:13px}.commit-history__meta{font-size:11px}.commit-history__confirmation h3{font-size:14px}.commit-history [hidden]{display:none}.sidebar-resize:after,.code-resize:after,.code-width-resize:after{content:"";background:var(--selected);opacity:0;pointer-events:none;border-radius:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-resize:after,.code-width-resize:after{width:6px;height:28px}.code-resize:after{width:28px;height:6px}.sidebar-resize:hover:after,.sidebar-resize:focus-visible:after,.workspace--resizing .sidebar-resize:after,.code-resize:hover:after,.code-resize:focus-visible:after,.code-resizing .code-resize:after,.code-width-resize:hover:after,.code-width-resize:focus-visible:after,.code-width-resizing .code-width-resize:after{opacity:1}.code-resize{z-index:3;cursor:row-resize;touch-action:none;height:10px;position:absolute;inset:-5px 0 auto}.code-resize:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.code-resizing{cursor:row-resize;-webkit-user-select:none;user-select:none}main:not(.has-preview) .code-resize{display:none}.code-width-resize{z-index:2;cursor:col-resize;touch-action:none;flex:0 0 6px;align-self:stretch;position:relative}.code-width-resize[hidden]{display:none}.code-width-resize:before{content:"";cursor:col-resize;position:absolute;inset:0 -3px}.code-width-resize:focus-visible:before{outline:2px solid var(--focus);outline-offset:-2px}.code-width-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}