.refusal-note{z-index:10000;box-sizing:border-box;border:1px solid var(--danger);background:var(--panel-surface);max-width:min(360px,100vw - 16px);max-height:calc(100vh - 16px);color:var(--text);box-shadow:0 4px 16px oklch(from var(--shadow-ink) l c h / 16%);overflow-wrap:anywhere;pointer-events:none;border-radius:8px;padding:9px 12px;font-size:13px;line-height:1.45;position:fixed;overflow:hidden}@media (prefers-reduced-motion:reduce){.resize-grip,.resize-grip svg,.sidebar-resize,.code-resize,.code-width-resize{transition:none!important}}.component-mark{color:var(--component)}.edit-bar .edit-bar__kind--component{color:var(--component-text);align-items:center;gap:4px;display:inline-flex}.edit-bar .edit-bar__kind--component .icon{margin:0 6px 0 0}.edit-bar .edit-bar__context{background:var(--component-surface);color:var(--component-text);font-size:var(--type-small);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 8px 0 7px;font-weight:600;display:inline-flex}.edit-bar .edit-bar__context .icon{margin:0}.edit-bar .edit-bar__context:hover{background:linear-gradient(var(--hover) 0 0), var(--component-surface)}.edit-bar__context-caret{color:var(--component);font-weight:400}.edit-bar .edit-bar__component-action{color:var(--component-text);font-weight:600}.page-structure__row--component .page-structure__kind{color:var(--component-text);align-items:center;gap:6px;display:inline-flex}.page-structure__row--component[aria-selected=true] .page-structure__kind{color:var(--component-text)}.page-structure__row--component .page-structure__kind .icon{align-self:center;margin:0}.page-structure__row--component+.page-structure__group>.page-structure__row{padding-left:calc(6px + (var(--depth,1) - 1) * var(--structure-indent,4px));position:relative}.page-structure__row--component+.page-structure__group>.page-structure__row:before{content:"";top:-1px;bottom:-1px;left:calc(12px + (var(--depth,1) - 1) * var(--structure-indent,4px));background:var(--component);opacity:.45;pointer-events:none;border-radius:1px;width:2px;position:absolute}.page-structure__row--component+.page-structure__group>.page-structure__row[aria-expanded]:before{-webkit-mask:linear-gradient(#000 calc(50% - 8px),#0000 0 calc(50% + 8px),#000 0);mask:linear-gradient(#000 calc(50% - 8px),#0000 0 calc(50% + 8px),#000 0)}.page-structure__group--flat .page-structure__group>.page-structure__row{padding-left:calc(6px + (var(--flat-depth,1) - 1) * var(--structure-indent,4px));position:relative}.page-structure__group--flat .page-structure__group>.page-structure__row:before{content:"";top:-1px;bottom:-1px;left:calc(12px + (var(--flat-depth,1) - 1) * var(--structure-indent,4px));background:var(--component);opacity:.45;pointer-events:none;border-radius:1px;width:2px;position:absolute}.page-structure__group--flat .page-structure__group>.page-structure__row[aria-expanded]:before{-webkit-mask:linear-gradient(#000 calc(50% - 8px),#0000 0 calc(50% + 8px),#000 0);mask:linear-gradient(#000 calc(50% - 8px),#0000 0 calc(50% + 8px),#000 0)}.page-structure__row[data-slot]:after{content:attr(data-slot) / "";border-radius:var(--radius-small);background:var(--component-surface);color:var(--component-text);font-size:var(--type-badge);flex:none;margin-left:auto;padding:0 5px;font-weight:600;line-height:16px}.component-panel{box-sizing:border-box;border-top:1px solid var(--line);background:var(--panel-surface);box-shadow:0 -8px 16px -12px var(--semantic-shadow);flex:none;margin:8px -20px 0;padding:12px 20px 16px;overflow:auto}.component-panel[hidden]{display:none}@media (prefers-reduced-motion:no-preference){.component-panel{animation:.16s ease-out component-panel-in}@keyframes component-panel-in{0%{opacity:0;transform:translateY(6px)}}}.component-panel__head{z-index:1;background:var(--panel-surface);justify-content:space-between;align-items:flex-start;gap:8px;margin:-12px -20px 0;padding:12px 20px 6px;display:flex;position:sticky;top:-12px}.component-panel__title{flex-direction:column;gap:2px;min-width:0;display:flex}.component-panel__name{font-size:var(--type-title);color:var(--component-text);align-items:center;gap:6px;font-weight:600;display:inline-flex}.component-panel__name .icon{margin:0}.component-panel__tag{font-family:var(--font-mono);font-size:var(--type-small);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component-panel__actions{flex:none;gap:2px;display:flex}.component-panel__icon-button{width:var(--size-compact);height:var(--size-compact);border-radius:var(--radius);color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.component-panel__icon-button:hover{background:var(--hover);color:var(--text)}.component-panel__icon-button:focus-visible,.component-slot__name:focus-visible,.component-slot__summary:focus-visible,.component-switch:focus-visible,.component-panel__text-button:focus-visible{outline:var(--focus-ring);outline-offset:2px}.component-panel__meta{font-size:var(--type-small);color:var(--muted);margin:4px 0 0}.component-panel__body{flex-direction:column;gap:2px;display:flex}.component-panel__heading{font-size:var(--type-small);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:14px 0 4px;font-weight:600}.component-panel__empty{font-size:var(--type-small);color:var(--muted);margin:6px 0 0;line-height:1.4}.component-panel__problem{font-size:var(--type-small);color:var(--warning-fg);margin:2px 0 0}.component-panel__problem[hidden]{display:none}.component-panel__text-button{min-height:var(--size-icon);border-radius:var(--radius);color:var(--link);font:inherit;font-size:var(--type-small);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0 6px}.component-panel__text-button:hover{background:var(--hover)}.component-slot{border-radius:var(--radius);flex-direction:column;gap:4px;margin:0 -8px;padding:4px 8px 6px;display:flex}.component-slot.is-current{background:var(--component-surface)}.component-slot__head{min-height:var(--size-compact);justify-content:space-between;align-items:center;gap:6px;display:flex}.component-slot__name{min-width:0;min-height:var(--size-icon);border-radius:var(--radius);color:var(--text);font:inherit;font-size:var(--type-base);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-left:-4px;padding:0 4px;font-weight:600;display:inline-flex}.component-slot__name:hover{background:var(--hover)}.component-slot__name .icon{margin:0}.component-slot__kind{color:var(--muted)}.component-slot.is-current .component-slot__kind{color:var(--component)}.component-slot.is-off .component-slot__name{color:var(--muted);font-weight:400}.component-slot__badge{border-radius:var(--radius-small);background:var(--surface-subtle);color:var(--muted);font-size:var(--type-badge);padding:0 6px;line-height:18px}.component-slot__fields{flex-direction:column;gap:6px;display:flex}.component-slot__fields.is-default .component-field__input{color:var(--muted)}.component-slot__fields.is-default .component-field__input:focus{color:var(--text)}.component-slot__summary{width:100%;min-height:var(--size-compact);border:1px dashed var(--control-line);border-radius:var(--radius);color:var(--muted);font:inherit;font-size:var(--type-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;padding:0 8px;display:block;overflow:hidden}.component-slot__summary:hover{background:var(--hover)}.component-switch{background:var(--control-line);cursor:pointer;border:0;border-radius:999px;flex:none;width:30px;height:18px;padding:0;position:relative}.component-switch:after{content:"";background:var(--surface);width:14px;height:14px;box-shadow:0 1px 2px var(--semantic-shadow);border-radius:50%;position:absolute;top:2px;left:2px}.component-switch[aria-checked=true]{background:var(--component)}.component-switch[aria-checked=true]:after{left:14px}@media (prefers-reduced-motion:no-preference){.component-switch,.component-switch:after{transition:background-color .14s ease-out,left .14s ease-out}}.component-field{flex-direction:column;gap:2px;min-width:0;display:flex}.component-field__label{font-size:var(--type-small);color:var(--muted)}.component-field__input{box-sizing:border-box;width:100%;min-width:0;height:var(--size-compact);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface-input);color:var(--text);font:inherit;font-size:var(--type-base);padding:0 8px}.component-field__input:focus-visible{outline:var(--focus-ring);outline-offset:-1px}.component-field__upload{margin-top:-2px;display:flex}.component-attributes{flex-direction:column;gap:4px;display:flex}.component-attribute{align-items:center;gap:4px;display:flex}.component-field--inline{flex-direction:row;flex:1;align-items:center;gap:8px}.component-attribute__name{text-overflow:ellipsis;white-space:nowrap;width:72px;font-family:var(--font-mono);flex:none;overflow:hidden}.component-attribute--new .component-field__input{flex:1}.component-attribute__new-name{width:80px;font-family:var(--font-mono);flex:none!important}.code-pane__title.code-pane__title--component{background:var(--component-surface);color:var(--component-text)}.component-menu{min-width:220px;max-width:min(360px,100vw - 16px);max-height:60vh;padding:var(--panel-padding);border-radius:var(--radius-panel);background:var(--panel-surface);color:var(--text);box-shadow:var(--shadow);border:0;overflow:auto}.component-menu__heading{font-size:var(--type-small);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:6px 8px 4px;font-weight:600}.component-menu__item{width:100%;min-height:var(--size-control);border-radius:var(--radius);color:var(--text);font:inherit;font-size:var(--type-base);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 8px;display:flex}.component-menu__item+.component-menu__item{margin-top:2px}.component-menu__item:hover{background:var(--hover)}.component-menu__item:focus-visible{background:var(--hover);outline:var(--focus-ring);outline-offset:-2px}.component-menu__name{align-items:center;gap:6px;min-width:0;display:inline-flex}.component-menu__name .icon{margin:0}.component-menu__meta{font-size:var(--type-small);color:var(--muted);flex:none}.create-dialog.component-dialog{width:min(560px,100vw - 32px)}.component-dialog__files,.component-dialog__notes{flex-direction:column;gap:8px;display:flex}.component-dialog__file{margin:0}.component-dialog__file-name{font-family:var(--font-mono);font-size:var(--type-small);color:var(--muted);margin-bottom:4px}.component-dialog__code{border-radius:var(--radius);background:var(--surface-subtle);max-height:160px;font-family:var(--font-mono);font-size:var(--type-small);white-space:pre;margin:0;padding:8px 10px;line-height:1.5;overflow:auto}.component-panel-resize{cursor:row-resize;touch-action:none;flex:0 0 10px;margin:0 -20px;position:relative}.component-panel-resize[hidden]{display:none}.component-panel-resize:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.component-panel-resize{--chevron-turn:-90deg}.component-panel-resize.is-collapsed{--chevron-turn:90deg}.component-panel-resize .resize-grip{width:28px;height:4px}.component-panel-resize:is(:hover,:focus-visible) .resize-grip{opacity:1;background:var(--primary);width:44px;height:16px}.component-panel-resize:is(:hover,:focus-visible) svg{opacity:1}.component-panel.is-folded{overflow:hidden}.component-panel.is-folded .component-panel__body{display:none}.edit-bar{z-index:30;width:max-content;color:var(--text);font-size:var(--type-base);pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.edit-bar>*{pointer-events:auto}.edit-bar__label{box-sizing:border-box;border-radius:var(--radius) var(--radius) var(--radius) 0;background:var(--panel-surface);min-width:0;max-width:min(320px,100%);height:24px;box-shadow:var(--shadow-small);font-size:var(--type-small);white-space:nowrap;align-items:center;padding:0 2px;font-weight:600;display:inline-flex}.edit-bar__label[hidden]{display:none}.edit-bar__label[hidden]+.edit-bar__controls{border-radius:var(--radius-panel)}.edit-bar__label:last-child{border-radius:var(--radius)}.edit-bar__label:has(.edit-bar__context,.edit-bar__kind--component,.edit-bar__component-name){background:var(--component-surface);color:var(--component-text)}.edit-bar__label>*{flex:0 auto;min-width:0}.edit-bar__label>.edit-bar__context{flex:0 1000 auto}.edit-bar__label :is(.edit-bar__kind,.edit-bar__context-name){text-overflow:ellipsis;min-width:0;overflow:hidden}.edit-bar__label>.edit-bar__kind{color:inherit;padding:0 6px}.edit-bar__label>:is(button:not(.slot-chip),.edit-bar__component-name){height:20px;min-height:0;color:inherit;background:0 0;align-items:center;gap:3px;padding:0 6px;display:inline-flex;overflow:hidden}.edit-bar__label>:is(button:not(.slot-chip),.edit-bar__component-name):hover{background:color-mix(in oklch, currentColor 10%, transparent)}.edit-bar__label .edit-bar__kind--component,.edit-bar__label .edit-bar__component-name .edit-bar__kind,.edit-bar__label .edit-bar__handle .edit-bar__kind{text-overflow:ellipsis;min-width:0;color:inherit;background:0 0;padding:0;display:block;overflow:hidden}.edit-bar__label>.edit-bar__handle{padding:0 6px}.edit-bar__label>.edit-bar__handle.edit-bar__component-name{cursor:grab;padding:4px 6px}.edit-bar__label .edit-bar__kind>svg{vertical-align:-2px;margin-right:6px;display:inline-block}.edit-bar__controls{box-sizing:border-box;border-radius:0 var(--radius-panel) var(--radius-panel) var(--radius-panel);background:var(--panel-surface);max-width:100%;box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:2px;padding:4px;display:flex}.edit-bar__controls[hidden],.edit-bar__controls>.edit-bar__group:first-child>.edit-bar__rule,.edit-bar[hidden]{display:none}.edit-bar__kind{font-size:var(--type-small);color:var(--muted);white-space:nowrap;padding:4px 8px 4px 6px;font-weight:600}.edit-bar__button{min-height:var(--size-compact);border-radius:var(--radius);color:inherit;font:inherit;white-space:nowrap;background:0 0;border:0;padding:0 8px;line-height:1.3}.edit-bar__button:hover{background:var(--hover)}.edit-bar__button:disabled{opacity:.5;background:0 0}.edit-bar__select{field-sizing:content;width:auto;min-width:0;height:var(--size-compact);box-sizing:border-box;border:1px solid var(--control-line);border-radius:var(--radius);background:var(--panel-surface);color:inherit;font:inherit;margin:0;padding:0 6px}.edit-bar__select:hover{background:var(--hover)}@supports (appearance:base-select){.edit-bar__select{appearance:base-select}.edit-bar__select::picker(select){appearance:base-select}.edit-bar__select{align-items:center;gap:4px;display:inline-flex}.edit-bar__select::picker-icon{color:var(--muted)}.edit-bar__select::picker(select){border-radius:var(--radius-panel);padding:var(--panel-padding);background:var(--panel-surface);color:var(--text);font-size:var(--type-base);box-shadow:var(--shadow);border:0;margin-block:4px}.edit-bar__select option{min-block-size:var(--size-control);border-radius:var(--radius);white-space:nowrap;padding:4px 8px}.edit-bar__select option::checkmark{display:none}.edit-bar__select option:checked{background:var(--current);font-weight:600}.edit-bar__select option:focus-visible{background:var(--hover);outline:var(--focus-ring);outline-offset:-2px}.edit-bar__select option:active{background:var(--pressed);color:var(--on-pressed)}@media (hover:hover) and (pointer:fine){.edit-bar__select option:hover{background:var(--hover)}}}.edit-bar__button:focus-visible,.edit-bar__select:focus-visible{outline:var(--focus-ring);outline-offset:2px}.edit-bar__format{text-align:center;min-width:28px;font-weight:700}.edit-bar__format--em{font-style:italic;font-weight:400}.edit-bar__format[aria-pressed=true]{background:var(--pressed);color:var(--on-pressed)}.edit-bar__popover{z-index:31;min-width:160px;max-width:320px;max-height:320px;padding:var(--panel-padding);border-radius:var(--radius-panel);background:var(--panel-surface);color:var(--text);font-size:var(--type-base);box-shadow:var(--shadow);flex-direction:column;gap:2px;display:flex;position:absolute;overflow:auto}.edit-bar__popover[hidden]{display:none}.edit-bar__menu-item{min-height:var(--size-control);border-radius:var(--radius);color:inherit;font:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;padding:4px 8px}.edit-bar__menu-item:hover,.edit-bar__menu-item:focus-visible{background:var(--hover)}.edit-bar__menu-item:disabled{opacity:.5;background:0 0}.edit-bar__menu-item[aria-current=true],.edit-bar__option[aria-selected=true]{background:var(--current);font-weight:600}.edit-bar__menu-item:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.edit-bar__field-input:focus-visible{outline:var(--focus-ring);outline-offset:-1px}.edit-bar__address,.edit-bar__button--icon{align-items:center;gap:4px;padding:0 7px;display:inline-flex}.edit-bar__icon{flex:none;display:block}.edit-bar__badge{background:var(--hover);font-size:var(--type-badge);border-radius:999px;margin-left:2px;padding:2px 6px;font-weight:600;line-height:1.2}.edit-bar__media[aria-expanded=true] .edit-bar__badge{background:color-mix(in oklch, var(--pressed), var(--text) 20%)}.edit-bar__media[aria-expanded=true],.edit-bar__address[aria-expanded=true]{background:var(--pressed);color:var(--on-pressed)}.edit-bar__options{flex-direction:column;gap:2px;max-height:240px;margin-top:2px;display:flex;overflow-y:auto}.edit-bar__check{align-items:center;gap:6px;padding:6px 2px 2px;font-weight:600;display:flex}.edit-bar__check input{accent-color:var(--primary);margin:0}.edit-bar__labelled{min-height:var(--size-compact);white-space:nowrap;align-items:center;gap:6px;padding:0 4px;font-weight:400;display:inline-flex}.edit-bar__caption{color:var(--muted)}.edit-bar__check .edit-bar__caption{color:inherit}.edit-bar__condition{color:var(--muted);font-size:var(--type-small)}.edit-bar__labelled:has(:focus-visible){border-radius:var(--radius);outline:var(--focus-ring);outline-offset:0}.edit-bar__labelled .edit-bar__select:focus-visible,.edit-bar__check input:focus-visible{outline:none}.edit-bar__fields{grid-template-columns:auto auto;align-items:center;gap:6px 8px;padding:2px;display:grid}.edit-bar__fields>.edit-bar__labelled{grid-column:1/-1;grid-template-columns:subgrid;padding:0;display:grid}.edit-bar__fields>.edit-bar__check{display:flex}.edit-bar__fields>:not(.edit-bar__check)>.edit-bar__condition{grid-column:2;margin-top:-4px}.edit-bar__options[hidden]{display:none}.edit-bar__option:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.edit-bar__field--warning{color:var(--warning-fg);font-weight:600}.edit-bar__field--warning:not(.edit-bar__address--icon):before{content:"";vertical-align:-.15em;width:1em;height:1em;-webkit-mask:var(--icon-warning) center / contain no-repeat;mask:var(--icon-warning) center / contain no-repeat;background:currentColor;margin-right:.3em;display:inline-block}.edit-bar__field-label{flex-direction:column;gap:4px;padding:2px;font-weight:600;display:flex}.edit-bar__field-input{width:260px;max-width:100%;height:var(--size-control);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface-input);color:inherit;font:inherit;margin:0;padding:0 8px;font-weight:400}.edit-bar__warning{color:var(--warning-fg);font-weight:600}.edit-bar__warning:before{content:"";vertical-align:-.15em;width:1em;height:1em;-webkit-mask:var(--icon-warning) center / contain no-repeat;mask:var(--icon-warning) center / contain no-repeat;background:currentColor;margin-right:.3em;display:inline-block}.edit-bar__handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;padding:4px 6px;display:inline-flex}.edit-bar__handle .edit-bar__kind{padding:0}.edit-bar__controls .edit-bar__handle{color:var(--muted);padding-inline:2px}.edit-bar__handle.is-dragging{cursor:grabbing;background:var(--hover)}.edit-bar__upload{align-items:center;gap:8px;margin-top:6px;display:flex}.edit-bar__upload-hint{color:var(--muted);font-size:var(--type-small)}.edit-bar__popover.is-drop-target{outline:2px dashed var(--focus);outline-offset:-2px}.edit-bar__popover.is-uploading{cursor:progress}.edit-bar__ask[aria-expanded=true]{background:var(--pressed);color:var(--on-pressed)}.edit-bar__note{z-index:31;box-sizing:border-box;background:var(--primary);color:var(--on-primary);font:var(--type-small)/14px var(--font-mono);box-shadow:var(--shadow-small);transform-origin:0 100%;border-radius:8px 8px 8px 2px;flex-direction:column;gap:3px;padding:3.5px 8px 4.5px;animation:.14s ease-out edit-bar-note-in;display:flex;position:absolute}.edit-bar__note.is-below{transform-origin:0 0;border-radius:2px 8px 8px}.edit-bar__note[hidden]{display:none}.edit-bar__note:focus-within{box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 28%, transparent), var(--shadow-small)}.edit-bar__note-line{align-items:flex-start;display:flex}.edit-bar__note-number{white-space:pre;flex:none;font-weight:700}.edit-bar__note-number:not(:empty):after{content:" "}.edit-bar__note-input{width:240px;min-width:0;max-width:100%;max-height:84px;color:inherit;caret-color:currentColor;font:inherit;resize:none;background:0 0;border:0;margin:0;padding:0;display:block;overflow-y:auto}@supports (field-sizing:content){.edit-bar__note-input{field-sizing:content;width:auto;min-width:150px;max-width:min(290px,100%)}}.edit-bar__note-input::placeholder{color:inherit;opacity:.65}.edit-bar__note-input:focus,.edit-bar__note-input:focus-visible{outline:none}.edit-bar__note-error{max-width:290px;font-size:var(--type-small);margin:0;font-weight:600;line-height:14px}.edit-bar__note-error:before{content:"";vertical-align:-.15em;width:1em;height:1em;-webkit-mask:var(--icon-warning) center / contain no-repeat;mask:var(--icon-warning) center / contain no-repeat;background:currentColor;margin-right:.3em;display:inline-block}.edit-bar__note-error[hidden]{display:none}.edit-bar__note.is-sending{cursor:progress}.edit-bar__note.is-sending .edit-bar__note-input{opacity:.6}.edit-bar__note.is-sent{pointer-events:none;animation:.18s ease-in forwards edit-bar-note-sent}@keyframes edit-bar-note-in{0%{opacity:0;transform:translateY(2px)}}@keyframes edit-bar-note-sent{to{opacity:0;transform:scale(.3)}}@media (prefers-reduced-motion:reduce){.edit-bar__note,.edit-bar__note.is-sent{animation:none}}.edit-bar__component-name{min-height:var(--size-compact);border-radius:var(--radius);background:var(--component-surface);color:var(--component-text);font:inherit;cursor:pointer;border:0;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.edit-bar__component-name:is(:hover,:active,:focus-visible){background:var(--component-surface)}.edit-bar__component-edit{border-radius:inherit;color:var(--component-text);background:linear-gradient(to right, transparent, color-mix(in oklch, var(--component-text) 10%, var(--component-surface)) 20px);opacity:0;pointer-events:none;justify-content:flex-end;align-items:center;padding:0 4px 0 20px;transition:transform .14s ease-out,opacity .14s ease-out;display:inline-flex;position:absolute;inset:0 0 0 auto;transform:translate(40%)}.edit-bar__component-edit>.edit-bar__icon{box-sizing:content-box;border-radius:var(--radius-small);padding:2px;transition:background-color .12s ease-out}@media (hover:hover) and (pointer:fine){.edit-bar__component-name:hover .edit-bar__component-edit{opacity:1;pointer-events:auto;cursor:pointer;transform:translate(0)}.edit-bar__component-edit:hover>.edit-bar__icon{background-color:color-mix(in oklch, currentColor 16%, transparent)}}.edit-bar__component-name:focus-visible{outline:var(--focus-ring);outline-offset:2px}.edit-bar__component-name:focus-visible .edit-bar__component-edit{opacity:1;transition:none;transform:translate(0)}@media (prefers-reduced-motion:reduce){.edit-bar__component-edit,.edit-bar__component-name:is(:hover,:focus-visible) .edit-bar__component-edit{transition:none;transform:none}.edit-bar__component-edit>.edit-bar__icon{transition:none}}.edit-bar__group{flex-wrap:wrap;align-items:center;gap:2px;min-width:0;max-width:100%;display:inline-flex}.edit-bar__group:has(>.edit-bar__select+.edit-bar__select){gap:6px}.edit-bar__rule{background:var(--line);flex:none;align-self:stretch;width:1px;margin:4px 3px}.edit-bar__popover:has(.edit-bar__options){overflow-x:hidden}.edit-bar__options{max-width:100%;overflow-x:hidden}.edit-bar__option{text-overflow:ellipsis;flex:none;max-width:100%;overflow:hidden}.edit-bar__option.field-suggestions-row{text-align:left;white-space:normal;gap:1px;height:auto;min-height:0;padding-top:5px;padding-bottom:5px;display:grid}.edit-bar__option[aria-selected=true] .field-suggestions__title{font-weight:600}.insert-layer{z-index:20;pointer-events:none;position:absolute;overflow:hidden}.insert-point{height:0;transition:opacity .12s;position:absolute}.insert-point[hidden]{display:none}.insert-point.is-occluded:not(:focus-within,.is-open) .insert-point__plus{opacity:0;pointer-events:none}.insert-layer.has-occluded-focus{z-index:32}.insert-point:not(.is-near,.is-open,:focus-within){opacity:0}.insert-point:not(.is-near,.is-open,:focus-within) .insert-point__plus{pointer-events:none}.insert-point__line{background:var(--primary);opacity:0;height:2px;transition:opacity .12s;position:absolute;top:-1px;left:0;right:0}.insert-point__plus{width:var(--size-icon);height:var(--size-icon);border:1px solid var(--control-line);background:var(--panel-surface);color:var(--muted);pointer-events:auto;box-shadow:var(--shadow-small);border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.insert-point__plus:hover,.insert-point__plus:focus-visible,.insert-point.is-open .insert-point__plus{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.insert-point__plus:focus-visible{outline:var(--focus-ring);outline-offset:2px}.insert-layer.is-dragging .insert-point.is-drag{opacity:1}.insert-layer.is-dragging .insert-point__plus{display:none}.insert-layer.is-dragging .insert-point.is-drag .insert-point__line{opacity:1}.insert-layer.is-dragging .insert-point.is-target .insert-point__line{opacity:0}.insert-point__drop{box-sizing:border-box;border:2px dashed var(--primary);border-radius:var(--radius-panel);background:var(--current);height:44px;color:var(--text);font-size:var(--type-base);justify-content:center;align-items:center;font-weight:600;display:none;position:absolute;top:0;left:0;right:0;transform:translateY(-50%)}.insert-layer.is-dragging .insert-point.is-target .insert-point__drop{display:flex}.insert-point.is-open .insert-point__line{opacity:1}.insert-point:has(.insert-point__plus:hover) .insert-point__line{opacity:1}.insert-point:has(.insert-point__plus:focus-visible) .insert-point__line{opacity:1}.card-grid-layer{z-index:21;pointer-events:none;position:absolute;overflow:hidden}.card-ghost{box-sizing:border-box;border:1.5px dashed color-mix(in oklch, var(--primary) 55%, transparent);border-radius:var(--radius-panel);background:color-mix(in oklch, var(--primary) 5%, transparent);place-items:center;animation:.16s ease-out card-ghost-in;display:grid;position:absolute}.card-ghost[hidden]{display:none}.card-ghost.is-column{justify-items:start;padding-left:2px}.card-ghost.is-strip{background:0 0;border:0;border-radius:0}.card-ghost.is-strip:before{content:"";border-top:1.5px dashed color-mix(in oklch, var(--primary) 55%, transparent);position:absolute;inset:50% 0 auto}.card-ghost.is-below{align-items:start;padding-top:20px}@keyframes card-ghost-in{0%{opacity:0}}.card-ghost__add{height:var(--size-compact);border:1px solid var(--control-line);background:var(--panel-surface);color:var(--text);font:inherit;font-size:var(--type-base);white-space:nowrap;pointer-events:auto;cursor:pointer;box-shadow:var(--shadow-small);border-radius:999px;align-items:center;gap:6px;margin:0;padding:0 12px 0 10px;font-weight:600;transition:background-color .12s ease-out,color .12s ease-out,border-color .12s ease-out;display:inline-flex}.card-ghost.is-compact .card-ghost__add{width:var(--size-compact);justify-content:center;padding:0}.card-ghost.is-compact .card-ghost__label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.card-ghost__add:hover,.card-ghost__add:focus-visible{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.card-ghost__add:focus-visible{outline:var(--focus-ring);outline-offset:2px}.card-ghost__buttons{display:inline-flex}.card-ghost__buttons.is-split .card-ghost__add{border-radius:999px 0 0 999px;padding-right:10px}.card-ghost__looks{box-sizing:border-box;width:30px;height:var(--size-compact);border:1px solid var(--control-line);background:var(--panel-surface);color:var(--text);font:inherit;pointer-events:auto;cursor:pointer;box-shadow:var(--shadow-small);border-radius:0 999px 999px 0;place-items:center;margin:0 0 0 -1px;padding:0 2px 0 0;transition:background-color .12s ease-out,color .12s ease-out,border-color .12s ease-out;display:inline-grid}.card-ghost__looks[hidden]{display:none}.card-ghost__looks:hover,.card-ghost__looks:focus-visible,.card-ghost.is-looking .card-ghost__looks{border-color:var(--primary);background:var(--primary);color:var(--on-primary);position:relative}.card-ghost__looks:focus-visible{outline:var(--focus-ring);outline-offset:2px}.card-look-chip{max-width:100%;height:var(--size-compact);border:1px solid color-mix(in oklch, var(--primary) 45%, var(--control-line));background:color-mix(in oklch, var(--primary) 10%, var(--panel-surface));color:var(--text);font:inherit;font-size:var(--type-small);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:4px;margin:0 0 0 auto;padding:0 6px 0 10px;display:inline-flex}.card-look-chip:hover,.card-look-chip[aria-expanded=true]{background:color-mix(in oklch, var(--primary) 18%, var(--panel-surface))}.card-look-chip:focus-visible{outline:var(--focus-ring);outline-offset:1px}.card-look-chip__what{color:var(--muted)}.card-look-chip__name{font:600 11px/1 var(--font-mono,ui-monospace, monospace);text-overflow:ellipsis;overflow:hidden}.card-link__foot{align-items:center;gap:8px;min-width:0;display:flex}.card-look-note{border-radius:var(--radius);background:var(--surface-subtle,var(--hover));color:var(--muted);font-size:var(--type-small);margin:0;padding:6px 8px;line-height:1.4}@media (prefers-reduced-motion:reduce){.card-ghost{animation:none}.card-ghost__add,.card-ghost__looks{transition:none}}.pb-thumb{box-sizing:border-box;border:1px solid var(--control-line);border-radius:var(--radius);background:var(--preview-paper);width:100%;min-height:40px;transition:border-color .12s ease-out;display:block;position:relative;overflow:hidden}.pb-thumb__frame{transform-origin:0 0;pointer-events:none;opacity:0;border:0;transition:opacity .16s ease-out;position:absolute;top:0;left:0}.pb-thumb.is-ready .pb-thumb__frame{opacity:1}.pb-is-dragging,.pb-is-dragging *{cursor:grabbing!important}.pb-drag-holder{outline:none;width:0;height:0;position:fixed;top:0;left:0}.pb-drag-ghost{z-index:1000;min-height:var(--size-control);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle);color:var(--muted);font-size:var(--type-small);white-space:nowrap;box-shadow:var(--shadow-small);pointer-events:none;align-items:center;gap:6px;padding:0 8px 0 6px;font-weight:600;line-height:1.3;display:flex;position:fixed;top:0;left:0}.pb-drag-ghost>.icon{flex:none;margin:0}.pb-drag-ghost.is-component{color:var(--component-text)}.pb-drag-ghost.is-refused>.icon{color:inherit}.pb-drag-ghost__text{flex-direction:column;min-width:0;display:flex}.pb-drag-ghost__where{text-overflow:ellipsis;max-width:360px;font-size:var(--type-small);font-weight:500;overflow:hidden}.pb-drag-ghost__where[hidden]{display:none}.pb-drag-ghost:has(.pb-drag-ghost__where:not([hidden])){padding-block:6px}.pb-drag-ghost.is-refused{background:var(--danger);color:var(--on-media)}.pb-drag-ghost.is-refused .pb-drag-ghost__where{white-space:normal}.pb-canvas-layer{z-index:19;pointer-events:none;position:absolute;overflow:hidden}.pb-canvas-layer--flash{z-index:29}.pb-empty{box-sizing:border-box;pointer-events:auto;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute}.pb-empty[hidden]{display:none}.pb-empty__inner{box-sizing:border-box;border:2px dashed color-mix(in oklch, var(--component) 45%, transparent);border-radius:var(--radius-dialog);background:color-mix(in oklch, var(--surface) 88%, transparent);width:100%;max-width:760px;color:var(--text);font-size:var(--type-base);text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;align-items:center;gap:10px;padding:28px 24px 24px;transition:border-color .12s ease-out,background-color .12s ease-out;display:flex}.pb-empty.is-drop .pb-empty__inner{border-color:var(--component);background:var(--component-surface);border-style:solid}.pb-empty__badge{background:var(--component-surface);width:40px;height:40px;color:var(--component-text);border-radius:50%;place-items:center;display:grid}.pb-empty__title{font-size:var(--type-heading);margin:0;font-weight:700}.pb-empty__text{max-width:46ch;color:var(--muted);margin:0}.pb-empty__list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;width:100%;margin:8px 0 0;padding:0;list-style:none;display:grid}.pb-empty__pick{border:1px solid var(--control-line);border-radius:var(--radius-panel);background:var(--surface);width:100%;color:inherit;font:inherit;text-align:left;flex-direction:column;gap:8px;margin:0;padding:8px;transition:border-color .12s ease-out,box-shadow .12s ease-out;display:flex}.pb-empty__pick:hover{border-color:var(--component);box-shadow:var(--shadow-small)}.pb-empty__pick:focus-visible,.pb-empty__browse:focus-visible{outline:var(--focus-ring);outline-offset:2px}.pb-empty__tag{color:var(--component-text);font-family:var(--font-mono);font-size:var(--type-small);flex:none}.pb-empty__name{justify-content:space-between;align-items:baseline;gap:8px;font-weight:600;display:flex}.pb-empty__browse{min-height:var(--size-control);border:1px solid var(--control-line);border-radius:var(--radius);color:inherit;font:inherit;background:0 0;margin-top:4px;padding:0 14px}.pb-empty__browse:hover{background:var(--hover)}.pb-flash{box-sizing:border-box;box-shadow:0 0 0 3px var(--component), 0 0 0 9px color-mix(in oklch, var(--component) 22%, transparent);background:color-mix(in oklch, var(--component) 10%, transparent);opacity:0;border-radius:2px;position:absolute}.pb-flash[hidden]{display:none}.pb-flash.is-on{animation:1.4s ease-out forwards pb-flash}@keyframes pb-flash{0%{opacity:0}12%{opacity:1}60%{opacity:1}to{opacity:0}}.pb-flash.is-refused{box-shadow:0 0 0 2px var(--danger), 0 0 0 7px color-mix(in oklch, var(--danger) 18%, transparent);background:color-mix(in oklch, var(--danger) 8%, transparent)}.pb-flash-label{border:1px solid var(--component);background:var(--component-surface);max-width:min(420px,100% - 16px);color:var(--component-text);white-space:nowrap;text-overflow:ellipsis;opacity:0;border-radius:6px;padding:3px 8px;font-size:12px;line-height:18px;position:absolute;overflow:hidden}.pb-flash-label.is-centred{transform:translate(-50%)}.pb-flash-label.is-refused{border-color:var(--danger);background:var(--danger-bg);color:var(--danger-fg);white-space:normal}.pb-flash-label[hidden]{display:none}.pb-flash-label.is-on{animation:1.8s ease-out forwards pb-flash-label}.pb-flash-label.is-refused.is-on,.pb-flash.is-refused.is-on{animation-duration:2.6s}@keyframes pb-flash-label{0%{opacity:0}8%,80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.pb-thumb__frame,.pb-thumb,.pb-empty__inner,.pb-empty__pick{transition:none}.pb-flash.is-on,.pb-flash-label.is-on{opacity:1;animation:none}}.topbar>#repository-menu{grid-area:1/1}.topbar>.explorer-toggle{grid-area:1/2}.topbar>.topbar-actions{grid-area:1/3}.topbar>.topbar-add,.structure-add{min-height:var(--size-control);border-radius:var(--radius);background:var(--surface-subtle);color:var(--text);font-size:var(--type-base);white-space:nowrap;border:0;grid-area:1/1;justify-self:end;align-items:center;gap:6px;margin:0 12px 0 0;padding:0 12px 0 10px;font-weight:600;display:inline-flex}.topbar>.topbar-add[hidden],.structure-add[hidden]{display:none}.topbar>.topbar-add:hover,.structure-add:hover{background:var(--hover)}.topbar>.topbar-add.is-open,.structure-add.is-open{background:var(--pressed);color:var(--on-pressed)}.topbar>.topbar-add:focus-visible,.structure-add:focus-visible{outline:var(--focus-ring);outline-offset:2px}.pb-thumb:not(.is-ready){background:var(--surface-subtle)}.structure-add{min-height:30px;font-size:var(--type-small);margin:0;padding:0 8px}.canvas-bar{border-bottom:1px solid var(--control-line);background:var(--surface-toolbar);min-height:36px;color:var(--text);font-size:var(--type-small);flex:none;align-items:center;gap:12px;padding:4px 8px 4px 10px;display:flex}.canvas-bar[hidden]{display:none}.canvas-bar--component{border-bottom-color:color-mix(in oklch, var(--component) 35%, transparent);background:var(--component-surface)}.canvas-bar--component .canvas-devices{background:color-mix(in oklch, var(--component) 12%, transparent)}.canvas-bar--component :is(.canvas-device,.canvas-crumb):hover{background:color-mix(in oklch, var(--component) 14%, transparent)}.canvas-component,.canvas-component-end{min-width:0;color:var(--component-text);flex:none;align-items:center;gap:8px;display:flex}.canvas-component[hidden],.canvas-component-end[hidden]{display:none}.canvas-bar--component .canvas-crumbs{flex:0 auto}.canvas-bar--component .canvas-tools{margin-left:auto}.canvas-component{flex-shrink:1}.canvas-crumb--editing{color:var(--component-text);align-items:center;gap:5px;font-family:inherit;font-weight:500;display:inline-flex}.canvas-crumb--editing>.icon{flex:none;margin:0 1px 0 0}.canvas-crumb__tag{font:600 var(--type-small) / 1 var(--font-mono)}.canvas-component__used{height:var(--size-icon);border:1px solid color-mix(in oklch, var(--component) 40%, transparent);color:var(--component-text);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 6px 0 8px;transition:background-color .12s ease-out;display:inline-flex}.canvas-component__used:hover,.canvas-component__used[aria-expanded=true]{background:color-mix(in oklch, var(--component) 14%, transparent)}.canvas-component__used:focus-visible{outline:var(--focus-ring);outline-offset:1px}.canvas-component__used:disabled{opacity:.6;cursor:default}.canvas-component__used .icon{margin:0;transition:transform .12s ease-out}.canvas-component__used[aria-expanded=true] .icon{transform:rotate(180deg)}.canvas-component__done{height:var(--size-icon);border-radius:var(--radius);background:var(--component);color:var(--surface);font:inherit;cursor:pointer;border:0;align-items:center;padding:0 6px;font-weight:600;transition:background-color .12s ease-out;display:inline-flex}.canvas-component__done .icon{flex:none;margin:0}.canvas-component__done-label{opacity:0;white-space:nowrap;max-width:0;transition:max-width .16s ease-out,margin .16s ease-out,opacity .12s ease-out;overflow:hidden}.canvas-component__done:is(:hover,:focus-visible){background:color-mix(in oklch, var(--component) 86%, var(--text))}.canvas-component__done:is(:hover,:focus-visible) .canvas-component__done-label{opacity:1;max-width:48px;margin:0 2px 0 5px}.canvas-component__done:focus-visible{outline:var(--focus-ring);outline-offset:2px}.canvas-crumbs{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.canvas-crumbs::-webkit-scrollbar{display:none}.canvas-crumbs.is-clipped{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 32px);mask-image:linear-gradient(90deg,#0000 0,#000 32px)}.canvas-crumbs__list{white-space:nowrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.canvas-crumbs__item{flex:none;align-items:center;display:flex}.canvas-crumbs__separator{color:var(--muted);opacity:.7;padding:0 2px}.canvas-crumb{height:var(--size-icon);border-radius:var(--radius-small);color:var(--muted);font:var(--type-small) / 1 var(--font-mono);cursor:pointer;background:0 0;border:0;padding:0 6px}.canvas-crumb:hover{background:var(--hover);color:var(--text)}.canvas-crumb:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.canvas-crumb[aria-current=true]{background:var(--current);color:var(--text);font-weight:600}.canvas-crumb--component,.canvas-crumb--template{color:var(--component-text)}.canvas-crumb--component{font-weight:600}:is(.canvas-crumb--component,.canvas-crumb--template)[aria-current=true]{background:color-mix(in oklch, var(--component) 18%, transparent);color:var(--component-text)}.canvas-tools{flex:none;align-items:center;gap:6px;display:flex}.canvas-devices{border-radius:var(--radius);background:var(--hover);gap:2px;padding:2px;display:flex}.canvas-device{width:28px;height:var(--size-icon);min-inline-size:var(--size-tap);min-block-size:var(--size-tap);border-radius:var(--radius-small);color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:background-color .12s ease-out,color .12s ease-out;display:grid}.canvas-device:active{background:var(--hover);color:var(--text)}@media (hover:hover) and (pointer:fine){.canvas-device:hover{background:var(--hover);color:var(--text)}}.canvas-device:focus-visible{outline:var(--focus-ring);outline-offset:0}.canvas-devices .canvas-device[aria-pressed=true]{background:var(--panel-surface);box-shadow:var(--shadow-small);color:var(--text)}.canvas-width{align-items:center;display:flex;position:relative}.canvas-width__input{width:64px;height:var(--size-icon);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface-input);color:var(--text);font:var(--type-small) / 1 var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;padding:0 24px 0 6px}.canvas-width__input:focus{border-color:var(--focus);outline:1px solid var(--focus)}.canvas-width__unit{color:var(--muted);font:var(--type-small) / 1 var(--font-mono);pointer-events:none;position:absolute;right:6px}.canvas-host{--canvas-gutter:28px;justify-content:center;transition:padding .18s ease-out;position:relative}.canvas-host.is-framed{padding:16px var(--canvas-gutter);background:radial-gradient(circle, color-mix(in oklch, var(--text) 16%, transparent) 1px, transparent 1.5px) 0 0 / 16px 16px, var(--surface-subtle)}.canvas-stage{width:100%;min-width:0;max-width:100%;height:100%;transition:width .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.canvas-host.is-framed .native-preview-frame{border-radius:var(--radius-small);box-shadow:0 0 0 1px var(--control-line), var(--shadow-small)}.canvas-handle{z-index:1;cursor:ew-resize;touch-action:none;width:18px;display:none;position:absolute;top:0;bottom:0}.canvas-host.is-framed .canvas-handle{display:block}.canvas-handle--left{left:-20px}.canvas-handle--right{right:-20px}.canvas-handle:focus-visible{outline:none}.canvas-handle__grip{background:var(--muted);opacity:.45;border-radius:999px;width:4px;height:40px;transition:width .12s ease-out,height .12s ease-out,opacity .12s ease-out,background-color .12s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-handle:is(:hover,:focus-visible) .canvas-handle__grip,.canvas-host.is-resizing .canvas-handle:focus .canvas-handle__grip{background:var(--primary);opacity:1;width:6px;height:56px}.canvas-handle:focus-visible .canvas-handle__grip{outline:var(--focus-ring);outline-offset:2px}.canvas-size{z-index:1;background:var(--pressed);color:var(--on-pressed);font:600 var(--type-small) / 16px var(--font-mono);font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;border-radius:999px;padding:2px 8px;transition:opacity .12s ease-out;position:absolute;top:8px;left:50%;transform:translate(-50%)}.canvas-host.is-resizing{cursor:ew-resize}.canvas-host.is-resizing .canvas-stage{transition:none}.canvas-host.is-resizing .native-preview-frame{pointer-events:none}.canvas-host.is-resizing .canvas-size{opacity:1}@media (prefers-reduced-motion:reduce){.canvas-host,.canvas-stage,.canvas-device,.canvas-handle__grip,.canvas-size,.canvas-component__used,.canvas-component__used .icon,.canvas-component__done,.canvas-component__done-label{transition:none}}.canvas-component__used-short{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) 0}main.has-preview>.preview-pane{grid-row:1}main.has-preview>.code-split{grid-row:2}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}.native-preview-pane{overflow:hidden}.preview-frame-host{flex:1;min-height:0;display:flex}.preview-frame-host[hidden]{display:none}.preview-frame{border:0;flex:1;width:100%;min-width:0;height:100%;min-height:0}.native-preview-frame{background:var(--surface);border:0}.native-preview-error{background:var(--danger-bg);color:var(--danger-fg);font-size:var(--type-base);margin:0;padding:12px 16px;line-height:1.45}.native-preview-error[hidden]{display:none}.native-preview-warning{background:var(--warning-bg);color:var(--warning-fg);font-size:var(--type-base);padding:8px 16px;line-height:1.45}.native-preview-warning p{margin:0}.native-preview-warning[hidden]{display:none}.native-preview-warning__fix{min-height:var(--size-icon);border-radius:var(--radius);color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;margin-left:4px;padding:0 8px;font-weight:600}.native-preview-warning__fix:hover{background:var(--hover)}.native-preview-warning__fix:focus-visible{outline:var(--focus-ring);outline-offset:2px}.version-bar{border-bottom:1px solid var(--control-line);background:var(--panel-surface);color:var(--text);font-size:var(--type-base);align-items:center;gap:8px;padding:8px 12px 8px 16px;display:flex}.version-bar__text{white-space:nowrap;flex:0 auto;align-items:baseline;gap:8px;min-width:0;margin:0;display:flex;overflow:hidden}.version-bar__message{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.native-preview-pane.is-viewing :is(.edit-bar,.edit-bar__popover,.edit-bar__note,.insert-layer,.insert-picker,.agent-pins,.agent-pins__tray,.agent-pin-card){display:none!important}@media (width<=600px) and (height<=700px){main.has-preview .canvas-bar{padding-block:3px}main.has-preview .canvas-host.is-framed{padding-block:4px}}main.has-preview.code-collapsed>.code-split>:not(.code-resize){display:none}main.has-preview.code-collapsed>.code-split{z-index:30}.native-preview-pane.is-parked{visibility:hidden;pointer-events:none;z-index:-1;position:fixed;inset:0}*,: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{background:var(--foundation-action);color:var(--on-accent);border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.25rem;text-decoration:none;display:inline-flex}.inline-field:not([hidden]),:root :is(.page-structure__field,.page-structure__slot-field,.page-structure__attribute-add,.site-settings__field,.component-field,.component-attribute,.url-change,.edit-bar__field-label,.canvas-width) :is(input:is(:not([type]),[type=text],[type=url],[type=email],[type=tel],[type=number]),textarea):not([hidden]),:root :is(input.pages-edit__title,input.pages-edit__slug,input.pages-rename,input.edit-bar__field-input,input.canvas-width__input):not([hidden]){box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--control-line) 45%, transparent);caret-color:var(--primary);background-color:#0000;border-color:#0000;transition:background-color .12s ease-out,box-shadow .12s ease-out}.inline-field:hover:not(:disabled,[readonly],:focus),:root :is(.page-structure__field,.page-structure__slot-field,.page-structure__attribute-add,.site-settings__field,.component-field,.component-attribute,.url-change,.edit-bar__field-label,.canvas-width) :is(input:is(:not([type]),[type=text],[type=url],[type=email],[type=tel],[type=number]),textarea):hover:not(:disabled,[readonly],:focus),:root :is(input.pages-edit__title,input.pages-edit__slug,input.pages-rename,input.edit-bar__field-input,input.canvas-width__input):hover:not(:disabled,[readonly],:focus){background-color:var(--hover);box-shadow:inset 0 -1px 0 var(--control-line)}.inline-field:focus:not([readonly]),:root :is(.page-structure__field,.page-structure__slot-field,.page-structure__attribute-add,.site-settings__field,.component-field,.component-attribute,.url-change,.edit-bar__field-label,.canvas-width) :is(input:is(:not([type]),[type=text],[type=url],[type=email],[type=tel],[type=number]),textarea):focus:not([readonly]),:root :is(input.pages-edit__title,input.pages-edit__slug,input.pages-rename,input.edit-bar__field-input,input.canvas-width__input):focus:not([readonly]){background-color:color-mix(in srgb, var(--primary) 7%, var(--surface-input));box-shadow:inset 0 -2px 0 var(--primary);outline:none}.inline-field:focus-visible,:root :is(.page-structure__field,.page-structure__slot-field,.page-structure__attribute-add,.site-settings__field,.component-field,.component-attribute,.url-change,.edit-bar__field-label,.canvas-width) :is(input:is(:not([type]),[type=text],[type=url],[type=email],[type=tel],[type=number]),textarea):focus-visible,:root :is(input.pages-edit__title,input.pages-edit__slug,input.pages-rename,input.edit-bar__field-input,input.canvas-width__input):focus-visible{outline:none}.inline-field[aria-invalid=true],:root :is(.page-structure__field,.page-structure__slot-field,.page-structure__attribute-add,.site-settings__field,.component-field,.component-attribute,.url-change,.edit-bar__field-label,.canvas-width) :is(input:is(:not([type]),[type=text],[type=url],[type=email],[type=tel],[type=number]),textarea)[aria-invalid=true],:root :is(input.pages-edit__title,input.pages-edit__slug,input.pages-rename,input.edit-bar__field-input,input.canvas-width__input)[aria-invalid=true]{box-shadow:inset 0 -2px 0 var(--danger);border-color:#0000}.inline-field:disabled,:root :is(.page-structure__field,.page-structure__slot-field,.page-structure__attribute-add,.site-settings__field,.component-field,.component-attribute,.url-change,.edit-bar__field-label,.canvas-width) :is(input:is(:not([type]),[type=text],[type=url],[type=email],[type=tel],[type=number]),textarea):disabled,:root :is(input.pages-edit__title,input.pages-edit__slug,input.pages-rename,input.edit-bar__field-input,input.canvas-width__input):disabled{box-shadow:none}@media (forced-colors:active){.inline-field:focus,:root :is(.page-structure__field,.page-structure__slot-field,.page-structure__attribute-add,.site-settings__field,.component-field,.component-attribute,.url-change,.edit-bar__field-label,.canvas-width) :is(input:is(:not([type]),[type=text],[type=url],[type=email],[type=tel],[type=number]),textarea):focus,:root :is(input.pages-edit__title,input.pages-edit__slug,input.pages-rename,input.edit-bar__field-input,input.canvas-width__input):focus{outline:2px solid canvastext}}@media (prefers-reduced-motion:reduce){.inline-field:not([hidden]),:root :is(.page-structure__field,.page-structure__slot-field,.page-structure__attribute-add,.site-settings__field,.component-field,.component-attribute,.url-change,.edit-bar__field-label,.canvas-width) :is(input:is(:not([type]),[type=text],[type=url],[type=email],[type=tel],[type=number]),textarea):not([hidden]),:root :is(input.pages-edit__title,input.pages-edit__slug,input.pages-rename,input.edit-bar__field-input,input.canvas-width__input):not([hidden]){transition:none}}:where(:root,#app *){scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 40%, transparent) transparent}:where(:root,#app *)::-webkit-scrollbar{width:6px;height:6px}:where(:root,#app *)::-webkit-scrollbar-track{background:0 0}:where(:root,#app *)::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 40%, transparent);border-radius:999px}:where(:root,#app *)::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--muted) 65%, transparent)}#app .monaco-scrollable-element>.scrollbar>.slider{background:0 0}#app .monaco-scrollable-element>.scrollbar>.slider:before{content:"";background:color-mix(in srgb, var(--muted) 40%, transparent);pointer-events:none;border-radius:999px;position:absolute;inset:0}#app .monaco-scrollable-element>.scrollbar>.slider:hover:before{background:color-mix(in srgb, var(--muted) 65%, transparent)}#app .monaco-scrollable-element>.scrollbar.vertical>.slider:before{width:6px;left:auto}#app .monaco-scrollable-element>.scrollbar.horizontal>.slider:before{height:6px;top:auto}@media (forced-colors:active){:where(:root,#app *){scrollbar-color:auto}#app .monaco-scrollable-element>.scrollbar>.slider:before{background:canvastext}}:root{color:var(--text);background:var(--background);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;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;font-size:var(--type-base)}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled{cursor:default;opacity:.5}:is(.primary,.secondary,.button):disabled{background:var(--surface-subtle);color:var(--muted);opacity:1}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,pre:focus-visible{outline:var(--focus-ring);outline-offset:2px}button,select{color:inherit}#app{flex-direction:column;height:100dvh;display:flex}.topbar{background:var(--surface);anchor-name:--topbar;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;min-height:72px;padding:8px 28px;display:grid}.topbar>.explorer-toggle{justify-self:center}.brand{font-size:var(--type-title);white-space:nowrap;align-items:center;gap:12px;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{border-radius:var(--radius);font-size:var(--type-small);color:var(--muted);letter-spacing:.03em;white-space:nowrap;border:0;padding:5px 10px}.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:0 20px;display:flex}.sidebar-heading{justify-content:space-between;align-items:center;min-height:36px;margin:0 -20px 8px;padding:4px 12px 4px 20px;display:flex}.eyebrow,.files-heading{font-size:var(--type-small);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600}.workspace--sidebar-collapsed .sidebar{padding:0;overflow:visible}.workspace--sidebar-collapsed .sidebar>:not(.sidebar-resize){display:none}.changes-window{width:min(420px,100vw - 32px);max-height:70vh;padding:var(--panel-padding);border-radius:var(--radius-panel);background:var(--panel-surface);color:inherit;box-shadow:var(--shadow);border:0;margin:0;position:fixed;inset:auto;overflow:auto}.changes-window__title{font-size:var(--type-small);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;padding:6px 8px;font-weight:600}.topbar-actions{justify-content:end;justify-self:end;align-items:center;gap:14px;min-width:0;display:flex}.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{font-size:var(--type-small);color:var(--muted);background:var(--surface-toolbar);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;padding:6px 16px;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(--link);font:inherit;font-family:var(--font-mono);font-size:var(--type-small);border:0;border-radius:999px;flex:none;gap:5px;padding:1px 7px;line-height:18px;display:inline-flex}.code-pane__rule:active{background:var(--surface-raised)}@media (hover:hover) and (pointer:fine){.code-pane__rule:hover{background:var(--surface-raised)}}.code-pane__rule-file,.code-pane__rule-origin{color:var(--muted);font-family:inherit}.code-pane__rule-origin{font-family:system-ui,sans-serif}.code-pane__rule--neutral{background:var(--surface-raised);color:var(--text)}.code-pane__rule--overridden{box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);background:0 0}.code-pane__rule--overridden .code-pane__rule-selector{text-decoration:line-through}.code-pane>.workspace-content{flex:1}.small-dot{background:var(--line);border-radius:50%;width:5px;height:5px}select{background:var(--surface);border-radius:var(--radius);width:100%;height:var(--size-control);font-size:var(--type-base);text-overflow:ellipsis;border:0;padding:0 10px}.icon-button{height:var(--size-control);width:var(--size-control);border-radius:var(--radius);color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.icon-button:active:not(:disabled){background:var(--hover);color:var(--text)}@media (hover:hover) and (pointer:fine){.icon-button:hover:not(:disabled){background:var(--hover);color:var(--text)}}.files-heading{justify-content:space-between;align-items:center;margin:30px 0 12px;display:flex}.files-heading #revision{font-family:var(--font-mono);font-size:var(--type-small);letter-spacing:0;text-transform:none;font-weight:400}.sidebar-hint{font-size:var(--type-small);margin:16px 0;line-height:1.7}#files{flex:1;min-height:140px;max-height:calc(100dvh - 390px);margin:0 -8px;overflow:auto}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{font-size:var(--type-small);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:22px;font-weight:600}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{min-height:var(--size-control);border-radius:var(--radius);font-size:var(--type-base);border:0;padding:6px 14px;font-weight:600}.primary{background:var(--primary);color:var(--on-primary)}.primary:active:not(:disabled){background:var(--primary-hover)}@media (hover:hover) and (pointer:fine){.primary:hover:not(:disabled){background:var(--primary-hover)}}.secondary:active:not(:disabled){background:linear-gradient(var(--hover) 0 0), var(--surface)}@media (hover:hover) and (pointer:fine){.secondary:hover:not(:disabled){background:linear-gradient(var(--hover) 0 0), var(--surface)}}.fine-print{font-size:var(--type-small);color:var(--muted);margin-top:13px}.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{font-size:var(--type-small);color:var(--muted);font-family:var(--font-mono);margin-bottom:7px}.step strong{font-size:var(--type-base);font-weight:600}.step>span:last-child{font-size:var(--type-small);color:var(--muted)}.setup-card{background:var(--surface-subtle);border-radius:var(--radius-panel);border:0;max-width:495px;padding:20px 23px}.setup-card strong{font-size:var(--type-base);font-weight:600}.setup-card p{font-size:var(--type-small);color:var(--muted);margin:8px 0;line-height:1.7}.setup-card summary{font-size:var(--type-small);cursor:pointer;color:var(--link);margin-top:14px}.command{background:var(--selected);border-radius:var(--radius-small);font-family:var(--font-mono);font-size:var(--type-small);margin:12px 0;padding:10px 13px;display:block}.notice{background:var(--warning-bg);color:var(--warning-fg);font-size:var(--type-base);justify-content:center;align-items:center;gap:18px;padding:11px 26px;display:flex}.notice[hidden]{display:none}.text-button{color:var(--link);font-size:var(--type-base);background:0 0;border:0;padding:5px 0}.text-button:active,.text-link:active{text-decoration:underline}@media (hover:hover) and (pointer:fine){.text-button:hover,.text-link:hover{text-decoration:underline}}.text-link{font-size:inherit;color:var(--link);text-decoration:none}.empty-message{color:var(--muted);font-size:var(--type-base);padding:40px}.directory-summary{max-width:830px;margin:0 auto;padding:64px}.directory-summary h1{overflow-wrap:anywhere;margin-top:20px;font-size:36px}.upload-summary__image{border-radius:var(--radius);background:var(--surface);max-width:100%;max-height:50vh;margin:0 0 24px;display:block}.badge{font-size:var(--type-small);color:var(--link);background:var(--surface-subtle);border:0;border-radius:999px;padding:2px 9px;display:inline-flex}.project-meta{font-size:var(--type-base);margin-top:30px}.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{font-size:var(--type-small);color:var(--muted);margin-top:35px;padding:3px 0 3px 16px;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{grid-template-columns:auto minmax(0,1fr) auto;padding:0 20px}.topbar>.explorer-toggle{min-width:0}}@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:0 18px 28px}.workspace--sidebar-collapsed .sidebar{min-height:20px}.sidebar-heading{margin:0 -18px 8px;padding-left:18px}.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}.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(--panel-surface);border-radius:var(--radius-dialog);width:min(100%,360px);box-shadow:var(--shadow);border:0;padding:24px}.login-brand{justify-content:center;margin-bottom:16px}.login-brand .brand-mark{width:var(--size-control);height:var(--size-control);border-radius:var(--radius);font-size:var(--type-title)}.login-card h1{font-size:var(--type-title);letter-spacing:normal;text-align:center;margin:0 0 16px;font-weight:600;line-height:1.3}.login-button{width:100%}.login-state{color:var(--muted);font-size:var(--type-small);text-align:center;margin:8px 0}.login-action{min-height:calc(var(--size-control) + 20px)}.login-busy{min-height:var(--size-control);justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.login-cancel{color:var(--link);font:inherit;font-size:var(--type-small);cursor:pointer;background:0 0;border:0;margin:2px auto 0;padding:0;text-decoration:underline;display:block}.login-cancel:focus-visible{outline:var(--focus-ring);outline-offset:2px}.login-spinner{border:2px solid var(--control-line);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.9s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login-spinner{border-top-color:var(--control-line);border-right-color:var(--primary);animation:none}}.login-setup{font-size:var(--type-small);color:var(--muted);margin-top:16px}.login-setup summary{cursor:pointer;color:var(--link)}.login-notice{background:var(--warning-bg);color:var(--warning-fg);font-size:var(--type-base);border-radius:var(--radius);margin-top:12px;padding:12px}.login-notice[hidden]{display:none}.login-notice .text-link{margin-top:8px;display:block}.explorer-toggle{min-height:var(--size-control);background:var(--surface-subtle);border-radius:var(--radius);font-size:var(--type-base);white-space:nowrap;border:0;gap:12px;padding:0 12px 0 16px}.explorer.dropdown-panel{padding:var(--panel-padding-roomy);width:min(1040px,100vw - 32px);block-size:auto;flex-direction:column;max-height:none;inset-block-end:16px;overflow:clip}.explorer.dropdown-panel:popover-open{display:flex}.explorer.is-stepping-aside{pointer-events:none;opacity:.15}@media (prefers-reduced-motion:no-preference){.explorer.dropdown-panel{transition:opacity .15s ease-out}}.explorer-panel:not([hidden]){flex-direction:column;flex:1;min-height:0;display:flex}.explorer #files{flex:1;min-height:80px;max-height:none;overflow:auto}@media (width<=650px){.login-card{padding:20px}.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%}}.login-signin{text-decoration:none}.explorer-head{border-block-end:1px solid var(--control-line);align-items:stretch;gap:4px;margin-block-end:4px;display:flex}.explorer-head:has(>.explorer-tabs[hidden]){display:none}.explorer .explorer-settings{flex:none;align-self:center;block-size:44px;inline-size:44px}: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-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);--color-component:oklch(55% .2 300);--component:var(--color-component);--component-surface:oklch(from var(--color-component) 96% .03 h);--component-text:oklch(from var(--color-component) 42% .17 h);--agent-presence:var(--color-success);--agent-question-strong:oklch(66% .18 48);--agent-question-pin:oklch(94.5% .05 62);--agent-question-ink:oklch(46% .14 45);--agent-done-pin:oklch(from var(--color-primary) 90.5% .006 h);--agent-done-line:oklch(from var(--color-primary) 70% .012 h);--agent-done-ink:oklch(from var(--color-primary) 36% .015 h);--agent-pin-text:oklch(from var(--color-primary) 25% .01 h);--agent-question-surface:oklch(96% .04 62);--agent-question-text:oklch(42% .13 45);--agent-done-surface:oklch(from var(--color-primary) 92.5% .005 h);--agent-done-bubble:oklch(from var(--color-primary) 84% .008 h);--agent-done-bubble-ink:oklch(from var(--color-primary) 27% .015 h);--on-media:oklch(100% 0 none);--on-accent:var(--on-media);--preview-paper:var(--on-media);--media-paper:oklch(97% 0 none);--media-control-ink:oklch(20% .03 262);--media-scrim:oklch(18.23% .0315 261.1);--image-control-scrim:oklch(15.28% .0611 262.26);--shadow-ink:oklch(0% 0 none);--media-player-surface:var(--shadow-ink);--foundation-action:oklch(17.76% 0 none);--slot-surface:oklch(from var(--color-component) 47% .21 h);--items-slot-surface:oklch(50% .19 355);--structure-edit-highlight:oklch(from var(--shadow-ink) l c h / .05);--structure-edit-drop:0 6px 18px -8px oklch(from var(--shadow-ink) l c h / .28), 0 1px 3px oklch(from var(--shadow-ink) l c h / .12);--file-page:oklch(66% .17 45);--file-style:oklch(62% .15 255);--file-script:oklch(74% .15 95);--file-data:oklch(64% .11 190);--file-picture:oklch(64% .15 150);--file-video:oklch(62% .17 340);--file-sound:oklch(62% .15 300);--file-pdf:oklch(60% .18 25);--file-document:oklch(60% .14 255);--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);--selected:var(--semantic-selected);--text:var(--semantic-text);--line:var(--semantic-border);--muted:var(--semantic-text-muted);--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);--shadow-small:0 2px 6px var(--semantic-shadow);--link:var(--semantic-link);--danger-bg:oklch(from var(--success-bg) l c 25);--danger-fg:oklch(from var(--success-fg) l c 25);--danger:oklch(from var(--color-success) l c 25);--hover:color-mix(in oklch, var(--text) 9%, transparent);--current:color-mix(in oklch, var(--primary) 16%, transparent);--pressed:var(--primary);--on-pressed:var(--on-primary);--control-line:color-mix(in oklch, var(--text) 16%, transparent);--focus-ring:2px solid var(--focus);--type-badge:11px;--type-small:12px;--type-base:13px;--type-title:15px;--type-heading:20px;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-small:4px;--radius:6px;--radius-panel:8px;--radius-dialog:12px;--size-icon:24px;--size-compact:28px;--size-control:32px;--size-touch:44px;--size-tap:0px;--panel-surface:var(--surface-raised);--surface-card:var(--surface);--checkerboard:repeating-conic-gradient(oklch(97% 0 none) 0 25%, oklch(90% 0 none) 0 50%) 0 0 / 16px 16px;--panel-padding:6px;--panel-padding-roomy:12px}@media (hover:none),(pointer:coarse),(width<=768px){:root{--size-tap:var(--size-touch)}}.button{background:var(--primary);color:var(--on-primary)}.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-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:oklch(from var(--color-primary) 80% min(c, .12) h);--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);--component:oklch(from var(--color-component) 72% .16 h);--component-surface:oklch(from var(--color-component) 28% .05 h);--component-text:oklch(from var(--color-component) 85% .1 h);--agent-question-surface:oklch(31% .06 50);--agent-question-text:oklch(88% .08 62);--agent-done-surface:oklch(from var(--color-primary) 29% .006 h);--agent-done-bubble:oklch(from var(--color-primary) 40% .01 h);--agent-done-bubble-ink:oklch(from var(--color-primary) 92% .008 h);--structure-edit-highlight:oklch(from var(--on-media) l c h / .06);--structure-edit-drop:0 8px 24px -8px oklch(from var(--shadow-ink) l c h / .6), 0 2px 6px oklch(from var(--shadow-ink) l c h / .35);--pressed:var(--color-primary-light);--on-pressed:var(--color-primary-darkest);--surface-card:color-mix(in oklch, var(--panel-surface), white 6%)}}.pages{flex-direction:column;flex:1;min-height:0;display:flex}.pages-heading,.explorer .files-heading{margin:12px 0 8px}.explorer{--explorer-indent:20px;--explorer-column-at:clamp(14rem, 50cqi, 28rem)}.pages-heading,.explorer-heading{letter-spacing:0;text-transform:none;margin-block:8px 6px}.pages-heading__start,.explorer-heading__start{align-items:baseline;gap:6px;min-width:0;display:inline-flex}.pages-total,.explorer-heading__count{font-variant-numeric:tabular-nums;font-weight:400}:is(.pages-new,.explorer-new){min-height:var(--size-compact);border:1px solid var(--control-line);border-radius:var(--radius);color:var(--text);font:inherit;font-size:var(--type-small);cursor:pointer;background:0 0;align-items:center;padding:0 10px;font-weight:600;display:inline-flex}:is(.pages-new,.explorer-new):is([aria-expanded=true],:active){background:var(--hover)}:is(.pages-new,.explorer-new):focus-visible{outline:var(--focus-ring);outline-offset:2px}.pages-tree,.pages-group{margin:0;padding:0;list-style:none}.pages-tree>li+li,.pages-group>li+li,.pages-group{margin-top:2px}.pages-tree{--pages-indent:var(--explorer-indent);--pages-url-at:var(--explorer-column-at);flex:1;min-height:60px;margin:0 -8px;padding:2px;overflow:auto;container-type:inline-size}.pages-group[hidden]{display:none}.pages-group{background:linear-gradient(var(--control-line), var(--control-line)) no-repeat calc((var(--level,1) - 1) * var(--pages-indent) + 12px) 0 / 1px 100%}.pages-item{outline:none}.pages-row{min-block-size:max(var(--size-control), var(--size-tap));padding:0 6px 0 calc((var(--level,1) - 1) * var(--pages-indent) + 4px);border-radius:var(--radius);font-size:var(--type-base);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;display:flex}.pages-row:active{background:var(--hover)}.pages-row.is-current{background:var(--current);font-weight:600}.pages-row.is-current>.pages-icon{color:var(--link)}.pages-item:focus-visible>.pages-row{background:var(--hover);outline:var(--focus-ring);outline-offset:-2px}.pages-twisty,.pages-icon{width:16px;color:var(--muted);flex-shrink:0;place-items:center;display:inline-grid}.pages-row--empty .pages-label{color:var(--muted)}.pages-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.pages-count,.pages-note{color:var(--muted);flex-shrink:0}.pages-note{font-size:var(--type-small)}.pages-url{text-overflow:ellipsis;min-width:0;color:var(--muted);font-family:var(--font-mono);font-size:var(--type-small);flex-shrink:1;margin-left:auto;padding-left:12px;font-weight:400;overflow:hidden}.pages-row.is-current .pages-url{color:inherit;opacity:.8}.pages-more,.pages-add{width:var(--size-icon);height:var(--size-icon);border-radius:var(--radius);color:var(--muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;display:inline-grid}.pages-more:focus-visible,.pages-add:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.pages-more:active,.pages-add:active{background:var(--hover);color:var(--text)}.pages-url--button{border-radius:var(--radius-small);cursor:text;text-align:right;background:0 0;border:0}@media (hover:hover) and (pointer:fine){:is(.pages-new,.explorer-new):hover,.pages-row:not(.is-current):hover{background:var(--hover)}.pages-more:hover,.pages-add:hover{background:var(--hover);color:var(--text)}.pages-url--button:hover{color:var(--text);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}}@container (width>=30rem){.pages-row:has(>.pages-url){padding-inline-end:calc(100cqi - var(--pages-url-at) + 12px)}.pages-row>.pages-url{max-inline-size:calc(100cqi - var(--pages-url-at) - var(--pages-url-end,8px));text-align:start;margin:0;padding:0;position:absolute;inset-block-start:50%;inset-inline-start:var(--pages-url-at);translate:0 -50%}}@container (width<30rem){.pages-row>.pages-url{display:none}}@media (hover:none),(pointer:coarse){.pages-add{display:none}.pages-row>.row-action-overlay{margin-inline-start:auto}@container (width>=30rem){.pages-row>.pages-url{--pages-url-end:52px}.pages-row:has(>.pages-url)>.row-action-overlay{position:absolute;inset-block:0;inset-inline-end:0}}:is(.pages-new,.explorer-new){min-block-size:var(--size-touch)}}.pages-url-change,.pages-edit{max-inline-size:40rem;margin:4px 0 6px calc((var(--level,1) - 1) * var(--pages-indent) + 4px);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface-subtle);cursor:default;padding:8px 10px 10px 6px}.pages-url-change{padding-inline-start:26px}.pages-url-change .url-change__input{height:var(--size-compact)}.pages-row.is-dragging{opacity:.5}.pages-row.is-drop-target,.pages-heading.is-drop-target{background:var(--current);outline:2px dashed var(--primary);outline-offset:-2px}.pages-row.is-drop-before{box-shadow:inset 0 2px 0 var(--primary)}.pages-row.is-drop-after{box-shadow:inset 0 -2px 0 var(--primary)}.pages-empty{font-size:var(--type-small);padding:8px}.pages-edit{flex-direction:column;gap:4px;display:flex}.pages-edit__line{align-items:center;gap:6px;display:flex}.pages-edit__title,.pages-edit__slug{box-sizing:border-box;height:var(--size-compact);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface-input);color:var(--text);font:inherit;font-size:var(--type-base);padding:0 8px}.pages-edit__title{flex:1;min-width:0}.pages-edit__slug{width:16ch;min-width:0;font-family:var(--font-mono);font-size:var(--type-small)}.pages-edit__title:focus-visible,.pages-edit__slug:focus-visible{outline:var(--focus-ring);outline-offset:-1px}.pages-edit__title[aria-invalid=true],.pages-edit__slug[aria-invalid=true]{border-color:var(--warning-fg)}.pages-edit__url{font-family:var(--font-mono);font-size:var(--type-small);color:var(--muted);padding-left:22px}.pages-edit__url-button{border-radius:var(--radius-small);color:inherit;font:inherit;cursor:text;text-underline-offset:3px;background:0 0;border:0;margin-left:-4px;padding:1px 4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.pages-edit__url-button:hover{background:var(--hover);color:var(--text)}.pages-edit__url-button:focus-visible{outline:var(--focus-ring);outline-offset:2px}.pages-edit__url-button[hidden],.pages-edit__slug-box[hidden]{display:none}.pages-edit__slug-text{color:var(--text)}.pages-edit__slug-box{align-items:center;gap:1px;display:inline-flex}.pages-edit__message{font-size:var(--type-small);color:var(--muted);overflow-wrap:anywhere;margin:0;padding-left:22px;line-height:1.4}.pages-edit__message:empty{display:none}.pages-edit__message.is-error{color:var(--warning-fg)}.pages-edit__action{min-height:var(--size-icon);border-radius:var(--radius);color:var(--text);font:inherit;font-size:var(--type-small);cursor:pointer;background:0 0;border:0;padding:0 10px;font-weight:600}.pages-edit__action:hover{background:var(--hover)}.pages-edit__action--primary{background:var(--primary);color:var(--on-primary)}.pages-edit__action--primary:hover{background:var(--primary-hover)}.pages-edit__action:focus-visible{outline:var(--focus-ring);outline-offset:2px}.explorer-tabs{flex:1;gap:2px;display:flex}.explorer-tabs[hidden]{display:none}.explorer-tab{min-height:var(--size-control);color:var(--muted);font:inherit;font-size:var(--type-base);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 12px;font-weight:600}.explorer-tab:hover{color:var(--text)}.explorer-tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--primary)}.explorer-tab:focus-visible{outline:var(--focus-ring);outline-offset:-2px;border-radius:var(--radius) var(--radius) 0 0}.explorer-panel[hidden],.pages-label[hidden]{display:none}.pages-rename{box-sizing:border-box;min-width:0;height:var(--size-compact);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface-input);color:var(--text);font:inherit;font-size:var(--type-base);flex:1;padding:0 6px}.pages-rename:focus-visible{outline:var(--focus-ring);outline-offset:-1px}#explorer-media{min-width:0;overflow:hidden}.explorer-tabs{min-width:0}.explorer-tab{flex:1;min-width:0;padding-inline:8px}.pages-row.row-action-host{--row-action-background:var(--panel-surface);--row-action-base:var(--panel-surface);overflow:hidden}@media (hover:hover) and (pointer:fine){.pages-row.row-action-host:hover{--row-action-background:var(--hover)}}.pages-row.row-action-host.is-current{--row-action-background:var(--current)}.pages-item:focus-visible>.pages-row.row-action-host{--row-action-background:var(--hover)}.pages-row.row-action-host.is-drop-target{--row-action-background:var(--current)}.pages-row:has(>.pages-rename)>.row-action-overlay{display:none}.pages-item:focus-visible>.pages-row>.row-action-overlay>*{opacity:1;pointer-events:auto;transition:none}.pages-item:focus-visible>.pages-row>.row-action-overlay:before,.pages-item:focus-visible>.pages-row>.row-action-overlay:after,.pages-item:focus-visible>.pages-row>.row-action-overlay>*>*{opacity:1;transition:none;transform:none}.pages-edit__card{color:var(--text);font-size:var(--type-small);cursor:pointer;align-items:flex-start;gap:6px;padding-left:20px;line-height:1.4;display:flex}.pages-edit__card-box{width:14px;height:14px;accent-color:var(--primary);flex:none;margin:1px 0 0}.pages-edit__card-box:focus-visible{outline:var(--focus-ring);outline-offset:2px}@property --sheet-size{syntax:"<length>";inherits:false;initial-value:0}.sheet-handle{display:none}@media (width<=650px) and (height>=500px){@supports (grid-template-rows:subgrid){.workspace:has(>main.has-preview){grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0, 1fr) auto calc(var(--sheet-size) * .55) calc(var(--sheet-size) * .45);display:grid;overflow:clip}.workspace--sidebar-collapsed:has(>main.has-preview){grid-template-rows:auto minmax(0, 1fr) auto min(20px, var(--sheet-size)) max(0px, calc(var(--sheet-size) - 20px))}.workspace:has(>main.has-preview.code-collapsed){grid-template-rows:auto minmax(0, 1fr) auto var(--sheet-size) 0px}.workspace--sidebar-collapsed:has(>main.has-preview.code-collapsed){grid-template-rows:auto minmax(0, 1fr) auto min(20px, var(--sheet-size)) 0px}.workspace:has(>main.has-preview)>*{grid-column:1}.workspace:has(>main.has-preview)>.block-rail{grid-row:1}.workspace:has(>main.has-preview)>main{grid-row:2/-1;grid-template-rows:subgrid;height:auto;display:grid}.workspace:has(>main.has-preview)>main>.preview-pane{grid-row:1}.workspace:has(>main.has-preview)>main>.code-split{grid-row:4}.workspace:has(>main.has-preview)>.sidebar{z-index:1;grid-row:4;min-height:0;overflow:clip}.workspace:has(>main.has-preview) .page-structure{max-height:none}.workspace:not(.sheet-open)>main.has-preview>.code-split{visibility:hidden}.workspace:not(.sheet-open):has(>main.has-preview)>.sidebar{visibility:hidden}.workspace:has(>main.has-preview)>.sheet-handle{z-index:2;border:0;border-block-start:1px solid var(--control-line);background:var(--surface-subtle);min-block-size:36px;box-shadow:0 -2px 6px var(--semantic-shadow);color:var(--muted);font:inherit;font-size:var(--type-badge);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-start-start-radius:var(--radius-dialog);border-start-end-radius:var(--radius-dialog);grid-row:3;align-content:center;place-items:center;gap:3px;padding:6px 16px 4px;line-height:1.2;display:grid;position:relative}@media (prefers-reduced-motion:no-preference){.workspace:has(>main.has-preview){transition:--sheet-size .4s cubic-bezier(.32,.72,0,1)}.workspace:not(.sheet-open)>main.has-preview>.code-split{transition:visibility 0s linear .4s}.workspace:not(.sheet-open):has(>main.has-preview)>.sidebar{transition:visibility 0s linear .4s}.workspace.sheet-dragging:has(>main.has-preview){transition:none}}}}.explorer-heading__title{font:inherit;margin:0}#files{container-type:inline-size}.file-list{margin:0;padding:0;list-style:none}.file-list>li+li,.file-list .file-list{margin-block-start:2px}.file-list .file-list{border-inline-start:1px solid var(--control-line);margin-inline-start:12px;padding-inline-start:calc(var(--explorer-indent) - 13px)}.file-row-line{border-radius:var(--radius);align-items:center;display:flex;position:relative}.file-row-line>.file-row{flex:1;min-inline-size:0}.file-row-line:active{background:var(--hover)}@media (hover:hover) and (pointer:fine){.file-row-line:hover{background:var(--hover)}}.file-row-line:has(>.file-row.selected){background:var(--current)}.file-row-line:has(>.file-row:focus-visible){background:var(--hover);outline:var(--focus-ring);outline-offset:-2px}.file-row{inline-size:100%;min-block-size:max(var(--size-control), var(--size-tap));border-radius:var(--radius);font-size:var(--type-base);text-align:start;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding-block:0;padding-inline:4px 8px;display:flex}.file-row.selected{font-weight:600}.file-row:before{content:"";flex:none;block-size:16px;inline-size:16px}.file-row[aria-expanded]:before{background:var(--muted);-webkit-mask:var(--icon-caret-right) center / 12px no-repeat;mask:var(--icon-caret-right) center / 12px no-repeat}.file-row[aria-expanded=true]:before{rotate:90deg}@media (prefers-reduced-motion:no-preference){.file-row[aria-expanded]:before{transition:rotate .15s ease-out}}.file-icon{inline-size:16px;color:var(--muted);flex:none;place-items:center;display:grid}.file-icon.folder{color:var(--link)}.file-icon[data-type]{color:color-mix(in oklch, var(--file-tint,var(--muted)) 72%, var(--text))}.file-icon:is([data-type=text],[data-type=font],[data-type=archive],[data-type=other]){color:var(--muted)}.file-icon[data-type=page]{--file-tint:var(--file-page)}.file-icon[data-type=style]{--file-tint:var(--file-style)}.file-icon[data-type=script]{--file-tint:var(--file-script)}.file-icon[data-type=data]{--file-tint:var(--file-data)}.file-icon[data-type=picture]{--file-tint:var(--file-picture)}.file-icon[data-type=video]{--file-tint:var(--file-video)}.file-icon[data-type=sound]{--file-tint:var(--file-sound)}.file-icon[data-type=pdf]{--file-tint:var(--file-pdf)}.file-icon[data-type=document]{--file-tint:var(--file-document)}.filename{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.file-type{display:none}@container (width>=30rem){.file-row:has(>.file-type){padding-inline-end:calc(100cqi - var(--explorer-column-at) + 12px)}.file-row>.file-type{font-size:var(--type-small);color:var(--muted);font-weight:400;display:block;position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--explorer-column-at) - var(--depth,0) * var(--explorer-indent));translate:0 -50%}}.file-row>.file-status{background:0 0}.empty-folder{min-block-size:var(--size-control);font-size:var(--type-small);color:var(--muted);align-items:center;padding-inline-start:48px;display:flex}.file-list__empty{text-align:center;font-size:var(--type-small);color:var(--muted);justify-items:center;gap:4px;padding:32px 16px;display:grid}.file-list__empty strong{font-size:var(--type-base);color:var(--text);font-weight:600}@media (hover:none),(pointer:coarse){.file-row-line>.row-action-overlay>.file-add{display:none}@container (width<36rem){.file-row>.file-type{display:none}}.empty-folder{min-block-size:44px}}.workspace.workspace--blocks{grid-template-columns:48px var(--sidebar-width,280px) minmax(0, 1fr)}.block-rail{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;align-items:center;gap:4px;padding:10px 0;display:flex}.block-rail[hidden],.block-rail__tip[hidden]{display:none}.block-rail button{width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.block-rail svg{pointer-events:none}.block-rail button:hover{background:var(--surface-subtle);color:var(--primary)}.block-rail button:focus-visible{outline:var(--focus-ring);outline-offset:1px}.block-rail button:active{background:var(--selected)}.block-rail__tip{z-index:95;background:var(--text);color:var(--surface);font-size:var(--type-small);white-space:nowrap;pointer-events:none;border-radius:6px;padding:3px 8px;font-weight:600;position:fixed;transform:translateY(-50%)}@media (width<=650px){.block-rail{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;flex-shrink:0;padding:4px 10px}}@media (prefers-reduced-motion:reduce){.resize-grip,.resize-grip svg,.sidebar-resize,.code-resize,.code-width-resize{transition:none!important}}.code-resize{z-index:3;cursor:row-resize;touch-action:none;height:10px;transition:height .12s,top .12s;position:absolute;top:-5px;left:0;right:0}.code-resize:is(:hover,:focus-visible),.code-resizing .code-resize{height:18px;top:-9px}.code-resize:focus-visible{outline:var(--focus-ring);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;transition:flex-basis .12s,margin .12s;position:relative}.code-width-resize:is(:hover,:focus-visible),.code-width-resizing .code-width-resize{flex-basis:14px;margin:0 -4px}.code-split>.code-pane{isolation:isolate}.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:var(--focus-ring);outline-offset:-2px}.code-width-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}main.has-preview.code-collapsed .code-resize{width:64px;top:-10px;left:50%;right:auto;transform:translate(-50%)}main.has-preview.code-collapsed .code-resize:is(:hover,:focus-visible),main.has-preview.code-collapsed.code-resizing .code-resize{top:-18px}@media (pointer:coarse){main.has-preview.code-collapsed .code-resize,main.has-preview.code-collapsed .code-resize:is(:hover,:focus-visible),main.has-preview.code-collapsed.code-resizing .code-resize{height:44px;top:-44px}}.pages-menu{z-index:40;min-width:170px;padding:var(--panel-padding);border-radius:var(--radius-panel);background:var(--panel-surface);color:var(--text);font-size:var(--type-base);box-shadow:var(--shadow);flex-direction:column;gap:2px;display:flex;position:fixed}.pages-menu[hidden]{display:none}.pages-menu__item{min-height:var(--size-control);border-radius:var(--radius);color:inherit;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:4px 8px}.pages-menu__item:hover,.pages-menu__item:focus-visible{background:var(--hover)}.pages-menu__item:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.pages-menu__item{align-items:center;gap:16px;display:flex}.row-menu__shortcut{color:var(--muted);font-size:var(--type-small);margin-left:auto}.pages-menu__item[aria-disabled=true]{color:var(--muted);cursor:default;flex-wrap:wrap}.pages-menu__item[aria-disabled=true]:hover{background:0 0}.row-menu__note{max-width:260px;font-size:var(--type-small);white-space:normal;text-align:left;flex-basis:100%;line-height:1.4}.row-menu__group{flex-direction:column;gap:2px;display:flex}.row-menu__section{color:var(--muted);font-size:var(--type-small);padding:8px 8px 2px;font-weight:600}.row-menu__check{color:var(--primary);margin:0 0 0 auto}.row-menu__danger{color:var(--danger-fg)}.url-change{flex-direction:column;gap:4px;margin:0;display:flex}.url-change[hidden]{display:none}.url-change__field{font-size:var(--type-small);color:var(--muted);flex-direction:column;gap:4px;display:flex}.url-change__input{box-sizing:border-box;width:100%;height:var(--size-control);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface-input);color:var(--text);font-family:var(--font-mono);font-size:var(--type-small);padding:0 8px}.url-change__input:focus-visible{outline:var(--focus-ring);outline-offset:-1px}.url-change__input[aria-invalid=true]{border-color:var(--warning-fg)}.url-change__input[readonly]{background:0 0;border-style:dashed}.url-change__details{flex-direction:column;gap:4px;display:flex}.url-change__details[hidden],.url-change__keep[hidden]{display:none}.url-change__message{font-size:var(--type-small);color:var(--muted);overflow-wrap:anywhere;margin:0;line-height:1.4}.url-change__message:empty{display:none}.url-change__message.is-error{color:var(--warning-fg)}.url-change__keep{font-size:var(--type-small);color:var(--text);cursor:pointer;align-items:center;gap:6px;display:flex}.url-change__actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.url-change__hint{font-size:var(--type-small);color:var(--muted);margin-right:auto}.row-action-host{--row-action-background:var(--surface);--row-action-base:var(--surface);position:relative}.row-action-overlay{border-radius:inherit;isolation:isolate;pointer-events:none;align-items:center;gap:2px;padding:0 4px 0 20px;display:inline-flex;position:absolute;inset:0 0 0 auto}.row-action-host>.row-action-overlay:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(to right, transparent, var(--row-action-background) 20px);pointer-events:none;position:absolute;inset:0}.row-action-host>.row-action-overlay:after{content:"";z-index:-2;border-radius:inherit;background:linear-gradient(to right, transparent, var(--row-action-base) 20px);pointer-events:none;position:absolute;inset:0}.row-action-host>.row-action-overlay:before,.row-action-host>.row-action-overlay:after,.row-action-host>.row-action-overlay>*>*{opacity:0;transition:transform .14s ease-out,opacity .14s ease-out;transform:translate(40%)}.row-action-host>.row-action-overlay>*{opacity:0;pointer-events:none;transition:opacity .14s ease-out}.row-action-host:is(:hover,:focus-within,:has(>.row-action-overlay [aria-expanded=true]))>.row-action-overlay>*{opacity:1;pointer-events:auto}.row-action-host:is(:hover,:focus-within,:has(>.row-action-overlay [aria-expanded=true]))>.row-action-overlay:before,.row-action-host:is(:hover,:focus-within,:has(>.row-action-overlay [aria-expanded=true]))>.row-action-overlay:after,.row-action-host:is(:hover,:focus-within,:has(>.row-action-overlay [aria-expanded=true]))>.row-action-overlay>*>*{opacity:1;transform:none}.row-action-host:focus-within>.row-action-overlay:before,.row-action-host:focus-within>.row-action-overlay:after,.row-action-host:focus-within>.row-action-overlay>*,.row-action-host:focus-within>.row-action-overlay>*>*{transition:none}.row-action-host>.row-action-overlay>button:focus-visible{outline:var(--focus-ring);outline-offset:-2px}@media (hover:none),(pointer:coarse){.row-action-host{min-height:44px}.row-action-host>.row-action-overlay{flex-shrink:0;padding:0;position:static}.row-action-host>.row-action-overlay:before,.row-action-host>.row-action-overlay:after{display:none}.row-action-host>.row-action-overlay>button{min-width:44px;min-height:44px}.row-action-host>.row-action-overlay:before,.row-action-host>.row-action-overlay>*,.row-action-host>.row-action-overlay>*>*{opacity:1;transition:none;transform:none}.row-action-host>.row-action-overlay>*{pointer-events:auto}}@media (prefers-reduced-motion:reduce){.row-action-host>.row-action-overlay:before,.row-action-host>.row-action-overlay:after,.row-action-host>.row-action-overlay>*,.row-action-host>.row-action-overlay>*>*{transition:none}.row-action-host>.row-action-overlay>*>*{transform:none}}.page-structure{--structure-indent:14px;flex:1;min-height:0;margin:0 -10px;overflow:auto}.page-structure__meta{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;margin-bottom:10px;padding:0 10px 14px;display:flex}.page-structure__meta[hidden]{display:none}.page-structure__meta-heading{font-size:var(--type-small);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600}.page-structure__field[hidden]{display:none}.page-structure__field{font-size:var(--type-small);color:var(--muted);flex-direction:column;gap:4px;display:flex}.page-structure__field input{box-sizing:border-box;width:100%;height:var(--size-control);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface-input);color:var(--text);font:inherit;font-size:var(--type-base);padding:0 8px}.page-structure__field input:disabled{opacity:.5}.page-structure__field input[readonly]{background:0 0;border-style:dashed}.page-structure__meta-notice{font-size:var(--type-small);color:var(--muted);margin:0;line-height:1.4}.page-structure__meta-notice[hidden]{display:none}.page-structure__field input:focus-visible{outline:var(--focus-ring);outline-offset:-1px}.page-structure__tree{flex-direction:column;gap:2px;padding:0 4px 16px;display:flex;position:relative}.page-structure__tree.is-dragging{cursor:grabbing}.page-structure__row.is-drag-source{opacity:.55}.page-structure__row.is-drop-target,.page-structure__row.is-spring{background:color-mix(in oklab, var(--primary) 9%, transparent)}.page-structure__row.is-drop-refused{background:color-mix(in oklab, var(--danger) 10%, transparent)}.page-structure__drop{z-index:1;left:calc(10px + var(--depth,0) * var(--structure-indent,4px));background:var(--primary);pointer-events:none;border-radius:1px;height:2px;margin-top:-1px;position:absolute;right:12px}.page-structure__drop:before{content:"";border:2px solid var(--primary);background:var(--surface);border-radius:50%;width:4px;height:4px;position:absolute;top:-3px;left:-5px}.page-structure__drop.is-refused{background:var(--danger)}.page-structure__drop.is-refused:before{border-color:var(--danger)}.page-structure__drop[hidden],.page-structure__tree[hidden],.page-structure__group[hidden]{display:none}.page-structure__row{min-height:var(--size-control);padding:0 8px 0 calc(6px + var(--depth,0) * var(--structure-indent,4px));border-radius:var(--radius);font-size:var(--type-base);cursor:default;-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;gap:4px;line-height:1.3;display:flex}.page-structure__row:hover{background:var(--hover)}.page-structure__row[aria-selected=true]{background:var(--current);color:var(--text);font-weight:600}.page-structure__row:focus-visible{background:var(--hover);outline:var(--focus-ring);outline-offset:-2px}.page-structure__row[aria-selected=true]:focus-visible{background:var(--current)}.page-structure__toggle{width:14px;height:14px;color:var(--muted);flex:none;place-items:center;display:grid}.page-structure__row[aria-expanded] .page-structure__toggle:before{content:"";width:12px;height:12px;-webkit-mask:var(--icon-caret-down) center / contain no-repeat;mask:var(--icon-caret-down) center / contain no-repeat;background:currentColor}.page-structure__row[aria-expanded=false] .page-structure__toggle:before{-webkit-mask-image:var(--icon-caret-right);mask-image:var(--icon-caret-right)}.page-structure__row.is-spring .page-structure__toggle{color:var(--primary)}.page-structure__row.is-spring[aria-expanded=false] .page-structure__toggle:before{animation:.4s linear forwards structure-spring}@keyframes structure-spring{to{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.page-structure__row.is-spring .page-structure__toggle:before{animation:none}}.page-structure__row[aria-expanded] .page-structure__toggle:hover{color:var(--text)}.page-structure__label{align-items:center;gap:6px;min-width:0;line-height:1.2;display:flex}.page-structure__row--agent>.page-structure__label:after{content:"";background:var(--agent-presence);border-radius:50%;flex:none;block-size:8px;inline-size:8px}.page-structure__kind{font-size:var(--type-small);color:var(--muted);flex:none;font-weight:600}.page-structure__row[aria-selected=true] .page-structure__kind{color:var(--text)}.page-structure__kind--icon{align-items:center;gap:6px;display:inline-flex}.page-structure__kind--icon>.icon{margin:0}.page-structure__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=650px){.page-structure{max-height:240px;margin:0}}.page-structure__url-note{font-size:var(--type-small);color:var(--muted);margin:-4px 0 0;line-height:1.4}.page-structure__url-note[hidden]{display:none}.page-structure__row.row-action-host{--row-action-background:var(--structure-surface,var(--surface-subtle));--row-action-base:var(--structure-surface,var(--surface-subtle))}.page-structure__row.row-action-host:is(:hover,:focus-visible){--row-action-background:var(--hover)}.page-structure__row.row-action-host[aria-selected=true]{--row-action-background:var(--current)}.page-structure__row.row-action-host{overflow:clip}@media (hover:none),(pointer:coarse){.page-structure__row.row-action-host{flex-wrap:wrap;overflow:visible}.page-structure__row.row-action-host>.row-action-overlay{flex-wrap:wrap;flex-shrink:1;justify-content:flex-end;min-width:0;max-width:100%;margin-left:auto}}.page-structure__action{border-radius:var(--radius-small,4px);width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.page-structure__action:hover{color:var(--text);background:var(--hover)}.page-structure__action:focus-visible{outline:var(--focus-ring);outline-offset:-1px;color:var(--text)}.page-structure__row--slot[data-slot]:after{content:none}.page-structure__slot-badge{border-radius:var(--radius-small,4px);background:var(--component-surface);color:var(--component-text);font:inherit;font-size:var(--type-badge);white-space:nowrap;border:0;flex:none;margin-left:auto;padding:0 5px;font-weight:600;line-height:16px}button.page-structure__slot-badge{cursor:pointer}button.page-structure__slot-badge:focus-visible{outline:var(--focus-ring);outline-offset:1px}.page-structure__slot-toggle{flex:none}.page-structure__slot-toggle[aria-pressed=false]{color:var(--muted)}@media (hover:none),(pointer:coarse){.page-structure__slot-toggle{min-width:44px;min-height:44px}}.page-structure__label{flex:auto}.page-structure__row--empty-slot{color:var(--muted)}.page-structure__row--empty-slot .page-structure__kind,.page-structure__row--empty-slot .page-structure__text{opacity:.6;font-style:italic}.page-structure__row--empty-slot .page-structure__slot-badge{opacity:.7}.page-structure__action--open{width:auto;font:inherit;white-space:nowrap;padding:0 4px}.page-structure__component-outline{border:2px solid var(--component);border-radius:8px;padding:2px 0}.page-structure__row>.slot-chip{margin-left:auto;margin-right:6px}.page-structure__row--outer>.page-structure__label{opacity:.6}.page-structure__row:has(>.slot-chip--renaming)>.row-action-overlay{display:none}.repository-menu{min-width:0}.repository-menu__trigger{anchor-name:--repository-menu;border-radius:var(--radius-panel);max-width:min(38vw,360px);font-size:var(--type-title);background:0 0;border:0;align-items:center;gap:10px;padding:7px 10px 7px 8px;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;font-size:var(--type-small);color:var(--muted);font-weight:400;overflow:hidden}.repository-menu__caret{color:var(--muted)}.repository-menu__trigger:hover,.repository-menu__trigger[aria-expanded=true]{background:var(--hover)}.repository-menu__initial{border-radius:var(--radius);background:oklch(from var(--primary) .58 .12 var(--initial-hue,h));width:28px;height:28px;color:var(--on-accent);flex:none;place-items:center;font-size:13px;font-weight:700;line-height:1;display:inline-grid}.repository-menu__badge{display:contents}.repository-menu__trigger{position:relative}.repository-menu__questions,.repository-menu__finished{border:2px solid var(--surface);box-sizing:border-box;background:var(--agent-question-strong);min-width:18px;height:18px;color:var(--on-accent);font-size:var(--type-badge);text-align:center;border-radius:999px;padding:0 3px;font-weight:700;line-height:14px;position:absolute;inset-block-start:3px;inset-inline-start:30px}.repository-menu__questions[hidden],.repository-menu__finished[hidden]{display:none}.repository-menu__finished{background:var(--primary)}.repository-menu__item .repository-menu__finished{z-index:2;pointer-events:none;inset-block-start:4px;inset-inline-start:26px}.repository-menu__branch-item .repository-menu__finished{border-color:#0000;flex:none;position:static}.repository-menu__trigger .repository-menu__initial{width:32px;height:32px;font-size:15px}.repository-menu__popover{width:min(340px,100vw - 32px)}.repository-menu__popover [hidden]{display:none}.repository-menu__section{padding:6px 0}.repository-menu__section+.repository-menu__section,.repository-menu__agent+.repository-menu__section{margin-top:6px}.repository-menu__heading{font-size:var(--type-small);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;padding:6px 8px;font-weight:600;display:flex}.repository-menu__search{width:100%;height:var(--size-control);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface-input);color:var(--text);font:inherit;font-size:var(--type-base);margin:2px 0 6px;padding:0 8px;display:block}.repository-menu__search:focus-visible{outline:var(--focus-ring);outline-offset:-1px}.repository-menu__search[hidden],.repository-menu__empty[hidden]{display:none}.repository-menu__repos{flex-direction:column;gap:2px;max-height:min(320px,45dvh);margin:0;padding:0;list-style:none;display:flex;overflow:auto}.repository-menu__item{border-radius:var(--radius);flex-wrap:wrap;align-items:center;display:flex;position:relative}.repository-menu__item:hover,.repository-menu__item:focus-within{background:var(--hover)}.repository-menu__item:has(>.repository-menu__repo:focus-visible){outline:var(--focus-ring);outline-offset:-2px}.repository-menu__repo:focus-visible{outline:none}.repository-menu__remove:focus-visible,.repository-menu__action:focus-visible,.repository-menu__account:focus-visible,.repository-menu__heading-button:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.repository-menu__item:has([aria-current=true]){background:var(--current)}.repository-menu__repo{border-radius:var(--radius);min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:6px 8px;display:flex}.repository-menu__repo-text{flex-direction:column;flex:1;min-width:0;display:flex}.repository-menu__repo-name,.repository-menu__repo-owner,.repository-menu__account-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.repository-menu__repo-name{font-size:var(--type-base);font-weight:600;line-height:18px}.repository-menu__repo-owner{font-size:var(--type-small);color:var(--muted);line-height:16px}.repository-menu__repo[aria-current=true] .repository-menu__repo-name{color:var(--text)}.repository-menu__remove{z-index:1;border-radius:var(--radius);background:oklch(from var(--primary) .58 .12 var(--initial-hue,h));width:28px;height:28px;color:var(--on-accent);opacity:0;cursor:pointer;border:0;place-items:center;display:inline-grid;position:absolute;top:9px;left:8px}.repository-menu__item:hover .repository-menu__remove,.repository-menu__remove:focus-visible,.repository-menu__remove[aria-expanded=true]{opacity:1}.repository-menu__remove:hover{background:oklch(from var(--primary) .48 .12 var(--initial-hue,h))}@media (hover:none){.repository-menu__remove{opacity:1}}.repository-menu__confirm{border-radius:var(--radius);background:var(--surface);flex-basis:100%;margin:0 8px 8px;padding:10px}.repository-menu__confirm p{font-size:var(--type-small);color:var(--muted);margin:0 0 10px;line-height:1.5}.repository-menu__confirm .button{margin-right:8px;text-decoration:none;display:inline-flex}.repository-menu__empty{font-size:var(--type-small);color:var(--muted);margin:0;padding:6px 8px;line-height:1.5}.repository-menu__more{color:var(--muted);flex:none;padding-right:2px}.repository-menu__repo[aria-expanded=true] .repository-menu__more{color:var(--text)}.repository-menu__branch-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.repository-menu__branch-item[aria-checked=true]{background:var(--current);font-weight:600}.repository-menu__action{width:100%;min-height:var(--size-control);border-radius:var(--radius);color:inherit;font-size:var(--type-base);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:4px 8px;text-decoration:none;display:flex}.repository-menu__action:hover,.repository-menu__action:focus-visible{background:var(--hover)}.repository-menu__heading-button{width:var(--size-icon);height:var(--size-icon);border-radius:var(--radius);color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;margin:-4px -4px -4px 0;display:inline-grid}.repository-menu__heading-button:hover,.repository-menu__heading-button:focus-visible{background:var(--hover);color:var(--text)}.repository-menu__add,.repository-menu__quiet{color:var(--muted)}.repository-menu__add:hover,.repository-menu__quiet:hover{color:var(--text)}.repository-menu__account{min-height:var(--size-control);font-size:var(--type-base);align-items:center;gap:10px;padding:4px 8px;display:flex}.repository-menu__account[aria-current=true]{border-radius:var(--radius);background:var(--current);font-weight:600}.repository-menu__account .repository-menu__initial{width:24px;height:24px;font-size:var(--type-badge);border-radius:50%}.repository-menu__avatar{background:var(--surface);border-radius:50%;flex:none}.repository-menu__hint{font-size:var(--type-small);color:var(--muted);opacity:0;margin-left:auto}.repository-menu__account:hover .repository-menu__hint,.repository-menu__account:focus-visible .repository-menu__hint{opacity:1}@media (width<=650px){.repository-menu__trigger{max-width:65vw}}.repository-menu__owner{font-size:var(--type-small);color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;padding:8px 8px 2px;font-weight:600;display:flex}.repository-menu__owner:first-child{padding-top:2px}.repository-menu__owner-kind{letter-spacing:.04em;text-transform:uppercase;opacity:.8;font-weight:400}.flyout{width:240px;max-height:calc(100dvh - 16px);padding:var(--panel-padding);border-radius:var(--radius-panel);background:var(--panel-surface);color:var(--text);box-shadow:var(--shadow);font-size:var(--type-base);border:0;margin:0;position:fixed;inset:auto;overflow:auto}.flyout [hidden]{display:none}.flyout__heading{min-height:24px;font-size:var(--type-small);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:4px 4px 4px 8px;font-weight:600;display:flex}.flyout__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.flyout__item{width:100%;min-width:0;min-height:var(--size-control);border-radius:var(--radius);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 8px;display:flex}.flyout__item:hover:not(:disabled),.flyout__item:focus-visible{background:var(--hover)}.flyout__item:focus-visible,.flyout__icon-button:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.flyout__item:disabled{color:var(--muted);cursor:default}.flyout__icon-button{width:var(--size-icon);height:var(--size-icon);border-radius:var(--radius);color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.flyout__icon-button:hover:not(:disabled),.flyout__icon-button:focus-visible{background:var(--hover);color:var(--text)}.flyout__icon-button:disabled{opacity:.5;cursor:default}.flyout__note{font-size:var(--type-small);color:var(--muted);margin:0;padding:6px 8px;line-height:1.5}.resize-grip{background:var(--muted);width:4px;height:28px;color:var(--on-primary);opacity:0;pointer-events:none;border-radius:999px;place-items:center;transition:width .12s,height .12s,opacity .12s,background-color .12s;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.resize-grip svg{opacity:0;transform:rotate(var(--chevron-turn,0deg));transition:opacity .12s}.code-resize .resize-grip{width:28px;height:4px}.is-collapsed>.resize-grip{opacity:.55}.sidebar-resize:is(:hover,:focus-visible)>.resize-grip,.workspace--resizing .sidebar-resize>.resize-grip,.code-width-resize:is(:hover,:focus-visible)>.resize-grip,.code-width-resizing .code-width-resize>.resize-grip{opacity:1;background:var(--primary);width:16px;height:44px}.code-resize:is(:hover,:focus-visible)>.resize-grip,.code-resizing .code-resize>.resize-grip{opacity:1;background:var(--primary);width:44px;height:16px}.sidebar-resize:is(:hover,:focus-visible) svg,.code-resize:is(:hover,:focus-visible) svg,.code-width-resize:is(:hover,:focus-visible) svg{opacity:1}.sidebar-resize.is-collapsed,.code-width-resize:not(.is-collapsed){--chevron-turn:180deg}.code-resize{--chevron-turn:-90deg}.code-resize.is-collapsed{--chevron-turn:90deg}@media (prefers-reduced-motion:reduce){.resize-grip,.resize-grip svg,.sidebar-resize,.code-resize,.code-width-resize{transition:none!important}}.sidebar{position:relative}.sidebar-resize{z-index:2;cursor:col-resize;touch-action:none;width:10px;transition:width .12s,right .12s;position:absolute;top:0;bottom:0;right:-5px}.sidebar-resize:is(:hover,:focus-visible),.workspace--resizing .sidebar-resize{width:18px;right:-9px}.workspace--sidebar-collapsed .sidebar-resize{left:0;right:auto}.sidebar-resize:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.workspace--resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}@media (width<=650px){.workspace .sidebar-resize,.workspace--sidebar-collapsed .sidebar-resize{cursor:pointer;width:auto;height:20px;transition:height .12s;inset:auto 0 0}.workspace .sidebar-resize:is(:hover,:focus-visible),.workspace.workspace--resizing .sidebar-resize{width:auto;height:26px;right:0}.workspace .sidebar-resize>.resize-grip{opacity:.55;width:28px;height:4px}.workspace .sidebar-resize:is(:hover,:focus-visible)>.resize-grip,.workspace.workspace--resizing .sidebar-resize>.resize-grip{width:44px;height:16px}.workspace .sidebar-resize{--chevron-turn:90deg}.workspace .sidebar-resize.is-collapsed{--chevron-turn:-90deg}}.site-actions__live[hidden],.site-actions__download[hidden]{display:none}.workspace--code #main{min-width:0}.workspace--code .workspace-content{min-height:0;max-height:none;overflow:hidden}.code-editor{background:var(--surface);flex-direction:column;height:100%;min-height:0;display:flex}.code-editor__toolbar{background:var(--surface-toolbar);flex-wrap:wrap;align-items:center;gap:16px;padding:9px 20px;display:flex}.code-editor__toolbar--hosted{background:0 0;justify-content:end;gap:10px;padding:0}.code-editor__history[aria-pressed=true]{background:var(--pressed);color:var(--on-pressed)}.code-editor__notice{font-size:var(--type-small);color:var(--muted);padding:10px 20px}.code-editor__notice[hidden]{display:none}.code-editor__body{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.code-editor__canvas{flex:1;min-width:0;min-height:0;overflow:hidden}.code-editor__match{background:var(--selected)}.code-editor__match--overridden{background:color-mix(in oklch, var(--selected) 45%, transparent)}.code-editor__overridden{text-decoration:line-through;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);opacity:.6}.code-editor__element{background:var(--selected);outline:1px solid var(--focus)}.code-editor__element-line{border-left:3px solid var(--focus);margin-left:3px}.code-editor__diff-labels{font-size:var(--type-small);grid-template-columns:1fr 1fr;padding:8px 20px;display:grid}@media (width<=650px){.code-editor__toolbar{gap:8px;padding:8px 12px}}.publish-menu{flex-shrink:0;align-items:stretch;display:inline-flex}.publish-menu>:is(.publish-menu__trigger,.publish-menu__more){min-block-size:max(var(--size-control), var(--size-tap))}.publish-menu>.publish-menu__trigger{border-start-end-radius:0;border-end-end-radius:0}.publish-menu>.publish-menu__more{min-inline-size:var(--size-tap);border-inline-start:1px solid color-mix(in oklch, var(--on-primary) 35%, transparent);border-start-start-radius:0;border-end-start-radius:0;padding-inline:8px}.publish-menu__separator{border:0;border-top:1px solid color-mix(in oklch, var(--text) 18%, transparent);margin-block:10px}.publish-menu__panel>.publish-menu__discard,.publish-menu__panel>.publish-menu__discard:disabled{width:100%;color:var(--danger-fg);background:var(--danger-bg);justify-content:start}.publish-menu__panel>.publish-menu__discard:hover:enabled{background:var(--danger-bg);outline:1px solid var(--danger)}.publish-menu__panel{width:min(380px,100vw - 32px);padding:var(--panel-padding-roomy)}.publish-menu__files{flex-direction:column;gap:10px;max-height:40dvh;margin-block:10px 0;display:flex;overflow:auto}.publish-menu__file{font-size:var(--type-base);overflow-wrap:anywhere;align-items:start;gap:10px;display:flex}.publish-menu__file input{accent-color:var(--primary)}.publish-menu__changes{margin:-6px 0 2px 24px}.publish-menu__show-changes{min-height:var(--size-icon);border-radius:var(--radius);color:var(--link);font:inherit;font-size:var(--type-small);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin-left:-6px;padding:0 6px;text-decoration:underline}.publish-menu__show-changes:hover{background:var(--hover)}.publish-menu__show-changes:focus-visible{outline:var(--focus-ring);outline-offset:2px}.publish-menu__message{font-size:var(--type-small);margin-bottom:0;line-height:1.6}.publish-menu__message:empty{display:none}@supports (position-area:bottom){.publish-menu__panel{position-area:bottom span-left;justify-self:end}}.code-editor__conflict{background:var(--warning-bg);color:var(--warning-fg);font-size:var(--type-base);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 20px;display:flex}.code-editor__conflict[hidden]{display:none}.publish-diff{--diff-add-bg:var(--success-bg);--diff-add-fg:var(--success-fg);--diff-del-bg:var(--danger-bg);--diff-del-fg:var(--danger-fg);border:1px solid var(--line);border-radius:var(--radius-dialog);background:var(--surface);width:min(1200px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);box-shadow:var(--shadow);padding:0}.publish-diff[open]{flex-direction:column;display:flex}.publish-diff::backdrop{background:oklch(from var(--semantic-shadow) l c h / .45)}.publish-diff__header{border-bottom:1px solid var(--line);background:var(--surface-toolbar);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.publish-diff__title{font-size:var(--type-title);overflow-wrap:anywhere;margin:0;font-weight:600}.publish-diff__body{min-height:0;font-family:var(--font-mono);font-size:var(--type-small);flex:1;line-height:1.5;overflow:auto}.publish-diff__split{border-collapse:collapse;table-layout:fixed;width:100%}.publish-diff__split th{z-index:1;text-align:left;font:600 var(--type-small)/1.4 system-ui, sans-serif;background:var(--surface-subtle);border-bottom:1px solid var(--line);padding:6px 10px;position:sticky;top:0}.publish-diff__split th+th{border-left:1px solid var(--line)}.publish-diff__col-num{width:6ch}.publish-diff__num{text-align:right;vertical-align:top;color:var(--muted);-webkit-user-select:none;user-select:none;padding:0 8px}.publish-diff__code{white-space:pre-wrap;overflow-wrap:anywhere;vertical-align:top;padding:0 10px 0 4px}.publish-diff__code+.publish-diff__num{border-left:1px solid var(--line)}.publish-diff__code.is-del{background:var(--diff-del-bg);color:var(--diff-del-fg)}.publish-diff__code.is-add{background:var(--diff-add-bg);color:var(--diff-add-fg)}.publish-diff__code.is-empty{background:var(--surface-subtle)}.publish-diff__sign{-webkit-user-select:none;user-select:none;width:1.5ch;display:inline-block}.publish-diff__gap{text-align:center;color:var(--muted);background:var(--surface-subtle);padding:4px 10px;font-family:system-ui,sans-serif}.publish-diff__unified{white-space:pre;box-sizing:border-box;width:max-content;min-width:100%;margin:0;padding:6px 0;display:none}.publish-menu__diff-line{padding-inline:8px;display:block}.publish-menu__diff-line.is-add{background:var(--diff-add-bg);color:var(--diff-add-fg)}.publish-menu__diff-line.is-del{background:var(--diff-del-bg);color:var(--diff-del-fg)}.publish-menu__diff-number{text-align:right;width:4ch;color:var(--muted);margin-right:6px;display:inline-block}.publish-menu__diff-sign{width:1.5ch;display:inline-block}.publish-menu__diff-gap{color:var(--muted);padding-inline:8px;display:block}@media (width<=699px){.publish-diff__split{display:none}.publish-diff__unified{display:block}}.publish-menu__status{border-radius:var(--radius-small);min-width:16px;font:600 var(--type-badge)/16px var(--font-mono);text-align:center;flex-shrink:0;padding:0 4px}.publish-menu__status.is-A,.publish-menu__status.is-R{background:var(--success-bg);color:var(--success-fg)}.publish-menu__status.is-M{background:var(--current);color:var(--link)}.publish-menu__status.is-D{background:var(--warning-bg);color:var(--warning-fg)}.publish-menu__changes{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.publish-menu__note{font-size:var(--type-small);color:var(--muted)}.publish-menu__count{background:oklch(from currentColor l c h / .2);font-size:var(--type-badge);border-radius:999px;margin-left:6px;padding:0 6px;font-weight:600}.publish-menu__count:empty,.publish-menu__count[hidden]{display:none}.publish-menu:has(.publish-menu__trigger[data-state=live])>.button{background:var(--color-success);opacity:1}.publish-menu:has(.publish-menu__trigger[data-state=failed])>.button{background:var(--danger);opacity:1}.publish-menu__total{font-size:var(--type-base)}.publish-menu__total-summary{cursor:pointer;font-weight:600}.publish-menu__total-summary:focus-visible{outline:var(--focus-ring);outline-offset:2px}.slot-chip{--slot-chip-slot:var(--slot-surface);--slot-chip-items:var(--items-slot-surface);box-sizing:border-box;background:var(--slot-chip-slot);height:17px;color:var(--on-accent);font:600 10.5px / 17px var(--font-mono);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:999px;flex:none;margin:0 2px 0 3px;padding:0 7px;transition:filter .12s ease-out;display:inline-block}.slot-chip__name{outline:none}.slot-chip--renaming{cursor:text;-webkit-user-select:text;user-select:text;outline:var(--focus-ring);outline-offset:1px}.slot-chip--renaming,.slot-chip--renaming:hover{filter:none}.slot-chip--renaming>.slot-chip__name{caret-color:currentColor;min-width:1ch;display:inline-block}.slot-chip--items{background:var(--slot-chip-items)}.slot-chip--fixed{background:color-mix(in oklch, var(--muted) 16%, transparent);color:var(--muted);text-decoration:line-through;text-decoration-thickness:1.5px}.slot-chip:hover{filter:brightness(1.12)}.slot-chip--fixed:hover{filter:none;background:color-mix(in oklch, var(--muted) 26%, transparent)}.slot-chip:focus-visible{outline:var(--focus-ring);outline-offset:1px}.edit-bar__label:has(>.slot-chip){max-width:min(440px,100%)}.edit-bar__label>.slot-chip{flex:none}@media (prefers-reduced-motion:reduce){.slot-chip{transition:none}}.create-dialog{border:1px solid var(--line);border-radius:var(--radius-dialog);background:var(--surface);width:min(420px,100vw - 32px);color:var(--text);box-shadow:var(--shadow);padding:0}.create-dialog::backdrop{background:oklch(from var(--semantic-shadow) l c h / .45)}.create-dialog__form{flex-direction:column;gap:14px;padding:16px;display:flex}.create-dialog__title{font-size:var(--type-title);overflow-wrap:anywhere;margin:0;font-weight:600}.create-dialog__kinds{border:0;gap:6px;margin:0;padding:0;display:flex}.create-dialog__kinds[hidden],.create-dialog__kind[hidden],.create-dialog__field[hidden]{display:none}.create-dialog__kind{min-height:var(--size-control);border-radius:var(--radius);background:var(--surface-subtle);font-size:var(--type-base);cursor:pointer;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.create-dialog__kind:hover{background:linear-gradient(var(--hover) 0 0), var(--surface-subtle)}.create-dialog__kind:has(input:checked){background:var(--current);font-weight:600}.create-dialog__kind input{accent-color:var(--primary);margin:0}.create-dialog__kind:has(input:focus-visible){outline:var(--focus-ring);outline-offset:2px}.create-dialog__field{font-size:var(--type-small);color:var(--muted);flex-direction:column;gap:4px;display:flex}.create-dialog__field input{box-sizing:border-box;width:100%;height:var(--size-control);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface-input);color:var(--text);font:inherit;font-size:var(--type-base);padding:0 8px}.create-dialog__field input:focus-visible{outline:var(--focus-ring);outline-offset:-1px}.create-dialog__result{font-size:var(--type-small);color:var(--muted);overflow-wrap:anywhere;margin:0;line-height:1.5}.create-dialog__result.is-error{color:var(--warning-fg)}.create-dialog__actions{justify-content:flex-end;gap:8px;display:flex}.file-add{width:var(--size-icon);height:var(--size-icon);border-radius:var(--radius);color:var(--muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;display:inline-grid}.file-add:hover{background:var(--hover);color:var(--text)}.file-add:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.file-new{border-radius:var(--radius-small);background:var(--success-bg);color:var(--success-fg);font-size:var(--type-badge);letter-spacing:.04em;flex-shrink:0;padding:0 5px;font-weight:600;line-height:16px}.confirm-dialog__notes{flex-direction:column;gap:6px;display:flex}.confirm-dialog__option{font-size:var(--type-base);cursor:pointer;align-items:center;gap:8px;margin:10px 0 0;display:flex}.confirm-dialog__option[hidden]{display:none}.page-picker__tree{flex-direction:column;gap:2px;max-height:50dvh;margin:0;padding:2px;list-style:none;display:flex;overflow:auto}.page-picker__item{min-height:var(--size-control);padding:0 8px 0 calc((var(--level,1) - 1) * 16px + 8px);border-radius:var(--radius);font-size:var(--type-base);cursor:pointer;outline:none;align-items:center;gap:8px;display:flex}.page-picker__item:hover{background:var(--hover)}.page-picker__item:focus-visible{background:var(--hover);outline:var(--focus-ring);outline-offset:-2px}.page-picker__item.is-disabled{color:var(--muted);cursor:default}.page-picker__url{color:var(--muted);font-family:var(--font-mono);font-size:var(--type-small);margin-left:auto}