.pg-session-history{position:relative;font:var(--pg-ui-font-small)/1.5 var(--pg-ui-font);color:var(--pg-ui-text)}.pg-session-history button,.pg-session-history select{font:inherit;color:inherit;background:var(--pg-ui-surface);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);height:var(--pg-ui-control-height);padding:0 var(--pg-ui-space-2);cursor:pointer}.pg-session-history button:hover{background:var(--pg-ui-hover)}.pg-session-history button:disabled,.pg-session-history select:disabled{opacity:.45;cursor:default}.pg-session-history button:focus-visible,.pg-session-history select:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:2px}.pg-session-history-panel{position:absolute;right:0;top:calc(100% + var(--pg-ui-space-2));z-index:100;display:flex;flex-direction:column;gap:var(--pg-ui-space-3);width:320px;max-width:calc(100vw - 24px);padding:var(--pg-ui-space-3);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-radius);background:var(--pg-ui-surface);box-shadow:var(--pg-ui-shadow)}.pg-session-history-actions,.pg-session-history form{display:flex;gap:var(--pg-ui-space-2);margin:0;min-width:0}.pg-session-history-actions>button{display:flex;align-items:center;justify-content:center;gap:var(--pg-ui-space-2);flex:1}.pg-session-history select{min-width:0;flex:1}.pg-session-history [role=status],.pg-session-history [role=alert]{margin:0;color:var(--pg-ui-muted);overflow-wrap:anywhere}.pg-session-history-storage{display:flex;align-items:center;justify-content:space-between;gap:var(--pg-ui-space-2)}.pg-session-history-storage>span{color:var(--pg-ui-muted)}.pg-component-panel{display:grid;gap:var(--pg-ui-space-2);padding:var(--pg-ui-space-3) 0;border-top:1px solid var(--pg-ui-border);font-size:var(--pg-ui-font-small)}.pg-component-panel h3,.pg-component-panel p{margin:0}.pg-component-panel label{display:grid;gap:var(--pg-ui-space-1);min-width:0}.pg-component-panel input:not([type=checkbox]),.pg-component-panel select{width:100%;min-width:0;box-sizing:border-box;padding:var(--pg-ui-space-1) var(--pg-ui-space-2);border:1px solid var(--pg-ui-border-strong);border-radius:var(--pg-ui-control-radius);background:var(--pg-panel-bg,var(--pg-ui-surface));color:inherit}.pg-component-panel button{padding:var(--pg-ui-space-1) var(--pg-ui-space-2);border:1px solid var(--pg-ui-border-strong);border-radius:var(--pg-ui-control-radius);background:var(--pg-panel-bg,var(--pg-ui-surface));color:inherit;cursor:pointer}.pg-component-panel button:disabled{opacity:.5;cursor:default}.pg-component-panel fieldset,.pg-component-property{display:grid;gap:var(--pg-ui-space-2);min-width:0;border:1px solid var(--pg-ui-border);padding:var(--pg-ui-space-2)}.pg-component-panel small{color:var(--pg-ui-muted)}.pg-component-panel [role=alert]{color:var(--pg-ui-danger)}.pg-component-panel details>div{display:grid;gap:var(--pg-ui-space-1);margin:var(--pg-ui-space-2) 0;overflow-wrap:anywhere}.pg-component-panel :is(input:not([type=checkbox]),select,textarea){background:var(--pg-ui-control);border-color:transparent;min-height:var(--pg-ui-control-height);font:inherit}.pg-component-panel button{min-height:var(--pg-ui-control-height);border-color:var(--pg-ui-border)}.pg-component-panel fieldset{border-radius:var(--pg-ui-control-radius);margin:0}.pg-component-panel legend{color:var(--pg-ui-muted);padding:0 var(--pg-ui-space-1)}.pg-component-panel>button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--pg-ui-control-height);padding-block:0}.pg-component-property{grid-template-columns:minmax(0,1fr) auto;align-items:end}.pg-component-property>label,.pg-component-property>small{grid-column:1}.pg-component-property>button{grid-column:2;grid-row:1;align-self:end;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-component-panel fieldset>div:not(.pg-component-property){display:flex;flex-wrap:wrap;align-items:center;gap:var(--pg-ui-space-2)}.pg-component-panel fieldset>div:not(.pg-component-property)>button{margin-left:auto}.pg-variable-property-row{display:flex;align-items:end;gap:4px;min-width:0}.pg-variable-property-row>.pg-edit-property{flex:1;min-width:0}.pg-variable-binding{min-width:0;max-width:100%}.pg-variable-binding-trigger{display:flex;align-items:center;gap:var(--pg-ui-space-1);max-width:100%;min-height:var(--pg-ui-control-height);padding:0 var(--pg-ui-space-1);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-surface);color:var(--pg-ui-muted);font:inherit;cursor:pointer;height:var(--pg-ui-control-height);min-width:var(--pg-ui-control-height);justify-content:center;box-sizing:border-box}.pg-variable-binding-trigger[data-bound=true]{color:var(--pg-ui-accent-text);background:var(--pg-ui-selected);border-color:var(--pg-ui-accent)}.pg-variable-binding-name{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pg-ui-font-small)}.pg-variable-binding-popover{position:fixed;z-index:21000;width:min(320px,calc(100vw - 16px));max-height:min(432px,calc(100vh - 16px));display:flex;flex-direction:column;gap:8px;padding:12px;box-sizing:border-box;overflow:auto;color:var(--pg-ui-text);background:var(--pg-ui-surface);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-panel-radius, 12px);box-shadow:var(--pg-ui-shadow);font:12px/1.45 var(--pg-ui-font);text-align:left}.pg-variable-binding-popover header{display:flex;align-items:center;justify-content:space-between;gap:8px}.pg-variable-binding-popover button,.pg-variable-binding-popover input{font:inherit;color:inherit;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-surface);padding:var(--pg-ui-space-1) var(--pg-ui-space-2);min-height:var(--pg-ui-control-height);box-sizing:border-box}.pg-variable-binding-popover input{flex:none;width:100%;background:var(--pg-ui-subtle)}.pg-variable-binding-popover button{cursor:pointer}.pg-variable-binding-popover button:focus-visible,.pg-variable-binding-popover input:focus-visible,.pg-variable-binding-trigger:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:1px}.pg-variable-binding-options{overflow:auto;min-height:0}.pg-variable-binding-options button{display:flex;align-items:center;gap:8px;width:100%;border-color:transparent;text-align:left}.pg-variable-binding-options button>svg{width:var(--pg-ui-icon-size);height:var(--pg-ui-icon-size);flex:none}.pg-variable-binding-options button[data-active=true]{background:var(--pg-ui-hover)}.pg-variable-binding-options button[aria-selected=true]{background:var(--pg-ui-selected);color:var(--pg-ui-accent-text)}.pg-variable-binding-options i{flex:none;width:16px;height:16px;font-style:normal;text-align:center}.pg-variable-binding-swatch{border-radius:var(--pg-ui-control-radius);border:1px solid var(--pg-ui-border)}.pg-variable-binding-options span{display:flex;flex-direction:column;flex:1;min-width:0}.pg-variable-binding-options strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-variable-binding-options small,.pg-variable-binding-current small,.pg-variable-binding-popover footer{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-small)}.pg-variable-binding-options code{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pg-ui-font-small)}.pg-variable-binding-current{display:grid;gap:4px;padding:8px;border-radius:var(--pg-ui-radius, 6px);background:var(--pg-ui-selected)}.pg-variable-binding-current button{justify-self:start}.pg-variable-binding-popover footer{border-top:1px solid var(--pg-ui-border);padding-top:8px}.pg-variable-binding-popover footer{display:flex;flex-direction:column;gap:var(--pg-ui-space-2)}.pg-variable-binding-popover footer button{align-self:flex-start}.pg-variable-binding-library{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-small)}.pg-variable-binding-popover p{margin:0}.pg-variable-property-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-self:start;margin:var(--pg-ui-space-1) 0;gap:var(--pg-ui-space-1);align-items:end}.pg-variable-property-field:has(.pg-variable-binding-trigger[data-bound=true])>.pg-variable-binding{grid-column:1 / -1}.pg-variable-property-field .pg-variable-binding-name{max-width:100%}.pg-variable-property-field input{box-sizing:border-box;min-width:0;width:100%}.pg-variable-property-field>.pg-edit-property{margin:0}.pg-variable-binding-trigger>svg{flex:none}.pg-variable-binding-popover header>button{display:grid;place-items:center;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);padding:0;flex:none}.pg-styles-panel{display:grid;gap:var(--pg-ui-space-2);border-top:1px solid var(--pg-ui-border);padding:var(--pg-ui-space-3) 0;font-size:var(--pg-ui-font-small)}.pg-styles-panel h3,.pg-styles-panel p{margin:0;overflow-wrap:anywhere}.pg-styles-panel label{display:grid;gap:var(--pg-ui-space-1);min-width:0}.pg-styles-panel input,.pg-styles-panel select,.pg-styles-panel textarea{width:100%;box-sizing:border-box;min-width:0;padding:var(--pg-ui-space-1) var(--pg-ui-space-2);border:1px solid var(--pg-ui-border-strong);border-radius:var(--pg-ui-control-radius);background:var(--pg-panel-bg,var(--pg-ui-surface));color:inherit}.pg-styles-panel button{padding:var(--pg-ui-space-1) var(--pg-ui-space-2);border:1px solid var(--pg-ui-border-strong);border-radius:var(--pg-ui-control-radius);background:var(--pg-panel-bg,var(--pg-ui-surface));color:inherit;cursor:pointer}.pg-styles-panel button:disabled{opacity:.5;cursor:default}.pg-styles-panel fieldset,.pg-styles-panel details[open]{display:grid;gap:var(--pg-ui-space-2);min-width:0;border:1px solid var(--pg-ui-border);padding:var(--pg-ui-space-2)}.pg-styles-panel [role=alert]{color:var(--pg-ui-danger)}.pg-token-structure{margin:8px 16px;padding:var(--pg-ui-space-2);border:1px solid var(--pg-ui-border);font-size:var(--pg-ui-font-small)}.pg-token-structure label{display:inline-flex;gap:var(--pg-ui-space-1);align-items:center;margin:4px}.pg-styles-panel :is(input:not([type=checkbox]),select,textarea){background:var(--pg-ui-control);border-color:transparent;min-height:var(--pg-ui-control-height);font:inherit}.pg-styles-panel button{min-height:var(--pg-ui-control-height);border-color:var(--pg-ui-border)}.pg-styles-panel fieldset{border-radius:var(--pg-ui-control-radius);margin:0}.pg-styles-panel legend{color:var(--pg-ui-muted);padding:0 var(--pg-ui-space-1)}.pg-style-picker-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--pg-ui-space-2)}.pg-style-picker-row label{color:var(--pg-ui-muted)}.pg-style-picker-row select{color:var(--pg-ui-text)}.pg-styles-panel>:is(details,details[open]){border:0;border-top:1px solid var(--pg-ui-border);border-radius:0;padding:var(--pg-ui-space-2) 0}.pg-styles-panel summary{cursor:pointer;color:var(--pg-ui-muted);min-height:var(--pg-ui-control-height);align-content:center}.pg-language{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:11px;line-height:1.4;color:var(--pg-ink,inherit);background:var(--pg-ui-surface,#fff);border:1px solid var(--pg-line,#e6e6e6);border-radius:6px;padding:4px 6px;max-width:140px;cursor:pointer}.pg-language:hover{background:var(--pg-ui-hover,#f7f7f8)}.pg-language:focus-visible{outline:2px solid var(--pg-accent,#0d99ff);outline-offset:1px}.pg-vector-surface{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.pg-edit-node[data-selected=true] .pg-vector-surface[data-vector-mask=true] path{stroke:var(--pg-accent,var(--pg-ui-accent-text));stroke-width:1;stroke-dasharray:4 2}.pg-vector-editor{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:4;--pg-handle-scale:1}.pg-vector-pen-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;cursor:crosshair;touch-action:none}.pg-vector-overlay{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}.pg-vector-outline{fill:none;stroke:var(--pg-accent,var(--pg-ui-accent-text));pointer-events:none}.pg-vector-draft{fill:none;stroke:var(--pg-accent,var(--pg-ui-accent-text));stroke-dasharray:4 3;pointer-events:none}.pg-vector-segment{fill:none;stroke:transparent;pointer-events:stroke;cursor:copy;touch-action:none}.pg-vector-anchor{fill:var(--pg-ui-surface);stroke:var(--pg-accent,var(--pg-ui-accent-text));pointer-events:all;cursor:move;touch-action:none}.pg-vector-pen-anchor{pointer-events:none;cursor:crosshair}.pg-vector-anchor[data-vector-selected=true]{fill:var(--pg-accent,var(--pg-ui-accent-text))}.pg-vector-handle{fill:var(--pg-ui-surface);stroke:var(--pg-accent,var(--pg-ui-accent-text));pointer-events:all;cursor:move;touch-action:none}.pg-vector-handle-line{stroke:var(--pg-accent,var(--pg-ui-accent-text));pointer-events:none}.pg-vector-editor[data-vector-gesture=active] .pg-vector-anchor,.pg-vector-editor[data-vector-gesture=active] .pg-vector-handle{cursor:grabbing}.pg-vector-toolbar{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.pg-vector-toolbar button[aria-pressed=true]{color:var(--pg-accent,var(--pg-ui-accent-text));background:var(--pg-ui-selected)}.pg-edit-vector{border-top:1px solid var(--pg-workspace-border,var(--pg-ui-border));margin-top:16px;padding-top:12px}.pg-edit-vector h3{margin:0 0 8px;font-size:var(--pg-ui-font-size)}.pg-edit-vector h4{margin:12px 0 4px;font-size:var(--pg-ui-font-small);color:var(--pg-muted,var(--pg-ui-muted))}.pg-edit-vector p{font-size:var(--pg-ui-font-small);line-height:1.5;margin:6px 0}.pg-edit-vector-note{color:var(--pg-workspace-muted,var(--pg-ui-muted))}.pg-edit-vector-check{flex-direction:row;align-items:center;gap:8px}.pg-edit-vector-check input{width:auto}.pg-edit-vector-check>span{font-size:var(--pg-ui-font-small);color:inherit}.pg-edit-vector-actions{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.pg-edit-vector-actions button{font-size:var(--pg-ui-font-small);padding:5px 8px}.pg-edit-vector [data-vector-feedback]:empty{display:none}.pg-vector-marquee{fill:var(--pg-ui-selection-ring);stroke:var(--pg-accent,var(--pg-ui-accent-text));pointer-events:none}.pg-text-surface{width:100%;height:100%;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.pg-text-surface[data-text-resize=auto-width]{width:max-content;max-width:none;height:auto;white-space:pre}.pg-text-surface[data-text-resize=auto-height]{height:auto;min-height:100%}.pg-text-paragraph{margin:0}.pg-text-list{margin:0;padding-inline-start:1.4em}.pg-text-surface a{color:inherit;text-decoration:none;cursor:default}.pg-text-inline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;box-sizing:border-box;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;outline:2px solid var(--pg-accent,var(--pg-ui-accent-text));outline-offset:-2px}.pg-text-inline-note{margin:0;font-size:var(--pg-ui-font-small);color:var(--pg-workspace-muted,var(--pg-ui-muted))}.pg-edit-text{border-top:1px solid var(--pg-workspace-border,var(--pg-ui-border));margin-top:16px;padding-top:12px}.pg-edit-text h3{margin:0 0 8px;font-size:var(--pg-ui-font-size)}.pg-edit-text textarea{width:100%;min-height:72px;resize:vertical;font:inherit;line-height:1.5}.pg-edit-text-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pg-ui-space-2)}.pg-edit-text-toggles{display:flex;gap:4px;margin:6px 0}.pg-edit-text-toggles button{flex:1;text-align:center;padding:5px;font-size:var(--pg-ui-font-small)}.pg-edit-text p{font-size:var(--pg-ui-font-small);line-height:1.5;margin:6px 0}.pg-edit-text-note{color:var(--pg-workspace-muted,var(--pg-ui-muted))}.pg-edit-text [data-text-feedback]:empty{display:none}.pg-edit-text .pg-edit-property[data-text-mixed=true]>span:after{content:" · Mixed";color:var(--pg-accent,var(--pg-ui-accent-text))}.pg-edit-text .pg-text-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:-1px;border:0;white-space:nowrap}.pg-edit-text-scope{display:block;font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted);margin:var(--pg-ui-space-1) 0}.pg-edit-text-font-grid>.pg-edit-property:first-child,.pg-edit-text-font-grid>.pg-edit-property:last-child{grid-column:1 / -1}.pg-edit-text-grid .pg-edit-property{min-width:0;margin:0}.pg-edit-text-grid :is(input,select){width:100%;min-width:0;height:var(--pg-ui-control-height)}.pg-edit-text-toggles{display:grid;grid-template-columns:repeat(3,var(--pg-ui-control-height));gap:var(--pg-ui-space-1)}.pg-edit-text-toggles button{display:grid;place-items:center;height:var(--pg-ui-control-height);min-height:0;padding:0;font-size:var(--pg-ui-font-size)}.pg-edit-text-toggles button[aria-pressed=true]{color:var(--pg-ui-accent-text);background:var(--pg-ui-selected)}.pg-text-font-status{display:inline-flex;align-items:center;gap:var(--pg-ui-space-1)}.pg-text-font-status>button{display:grid;place-items:center;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);padding:0;border:0;background:transparent}.pg-live-screen{position:absolute;left:0;top:0;background:var(--pg-ui-surface);overflow:hidden}.pg-live-screen[hidden]{display:none}.pg-live-screen iframe{display:block;border:0;max-width:none}.pg-live-screen-status{position:absolute;z-index:20;pointer-events:auto;left:0;right:0;top:0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:32px;font-size:12px;color:var(--pg-ui-muted);background:var(--pg-ui-surface)}.pg-live-screen-status button{border:0;background:transparent;color:var(--pg-ui-accent-text);cursor:pointer}.pg-live-canvas{position:relative;pointer-events:none}.pg-live-canvas[data-interacting=true] .pg-edit-stage{pointer-events:none}.pg-live-canvas[data-interacting=true] .pg-edit-stage *{pointer-events:none!important}.pg-live-canvas[data-interacting=true] [data-selected=true]{outline:none!important}.pg-live-canvas[data-interacting=true] .pg-selection-handles{display:none}.pg-live-controls{display:flex;flex-direction:column;flex:none;gap:var(--pg-ui-space-2);padding:var(--pg-ui-space-2) var(--pg-ui-space-4);border-bottom:1px solid var(--pg-ui-border);color:var(--pg-ui-text);font-size:var(--pg-ui-font-small)}.pg-live-interact,.pg-edit-workspace .pg-edit-inspector .pg-live-controls select{min-width:0;height:var(--pg-ui-control-height);box-sizing:border-box;border:0;border-radius:var(--pg-ui-control-radius);padding:0 var(--pg-ui-space-2);background:transparent;color:inherit;font:inherit;text-align:center;cursor:pointer}.pg-live-interact{display:flex;align-items:center;justify-content:center;width:var(--pg-ui-control-height);color:var(--pg-ui-muted)}.pg-live-interact[aria-pressed=true]{background:var(--pg-ui-selected);color:var(--pg-ui-accent-text)}.pg-live-interact:not([aria-pressed=true]):not(:disabled):hover{background:var(--pg-ui-row-hover);color:var(--pg-ui-text)}.pg-live-viewport{display:grid;grid-template-columns:minmax(0,1fr) 72px repeat(2,var(--pg-ui-control-height));align-items:center;gap:var(--pg-ui-space-1)}.pg-edit-workspace .pg-edit-inspector .pg-live-controls select{width:100%;background:transparent;text-align:left}.pg-edit-workspace .pg-edit-inspector .pg-live-controls select:hover{background:var(--pg-ui-row-hover)}.pg-live-width{position:relative;display:flex;align-items:center;gap:var(--pg-ui-space-2);color:var(--pg-ui-muted);padding:0 var(--pg-ui-space-2);height:var(--pg-ui-control-height);box-sizing:border-box;border-radius:var(--pg-ui-control-radius)}.pg-live-width:before{content:"";position:absolute;left:0;top:var(--pg-ui-space-1);bottom:var(--pg-ui-space-1);border-left:1px solid var(--pg-ui-border)}.pg-live-width:is(:hover,:focus-within){background:var(--pg-ui-row-hover)}.pg-edit-inspector .pg-live-controls .pg-live-width input,.pg-edit-inspector .pg-live-controls .pg-live-width input:focus{width:100%;min-width:0;height:100%;min-height:0;padding:0;border:0;background:transparent;color:var(--pg-ui-text);font:inherit;line-height:normal;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:right}.pg-live-width input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.pg-live-controls :focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:1px}.pg-live-width:has(input:focus-visible){outline:2px solid var(--pg-ui-accent-text);outline-offset:1px}.pg-live-controls .pg-live-width input:focus-visible{outline:none}.pg-edit-viewport[data-hand=true] .pg-live-screen iframe{pointer-events:none!important}.pg-live-canvas .pg-edit-stage{pointer-events:auto}.pg-live-canvas[data-interacting=true] .pg-edit-node:after{display:none}.pg-live-controls .pg-live-state{display:grid;grid-template-columns:minmax(0,1fr) 108px;align-items:center;gap:var(--pg-ui-space-2);margin:0;color:var(--pg-ui-muted)}.pg-live-state select{color:var(--pg-ui-text)}.pg-live-draft-badge{position:absolute;top:0;right:0;font-size:11px;padding:4px 8px;border-radius:4px;background:var(--pg-ui-warning-bg);color:var(--pg-ui-text)}.pg-live-interact:disabled{opacity:.45;cursor:default}.pg-edit-workspace[data-live-interacting=true] .pg-editor-toolbar{display:none}.pg-live-shortcuts{position:relative}.pg-live-shortcuts summary{list-style:none;display:flex;align-items:center;justify-content:center;height:var(--pg-ui-control-height);border-radius:var(--pg-ui-control-radius);color:var(--pg-ui-muted);cursor:pointer}.pg-live-shortcuts summary::-webkit-details-marker{display:none}.pg-live-shortcuts summary:hover,.pg-live-shortcuts[open] summary{background:var(--pg-ui-row-hover);color:var(--pg-ui-text)}.pg-live-shortcuts svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.pg-live-shortcuts>div{position:absolute;right:0;top:calc(100% + var(--pg-ui-space-2));z-index:5;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--pg-ui-space-3);width:max-content;padding:var(--pg-ui-space-3);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-radius);background:var(--pg-ui-surface);box-shadow:var(--pg-ui-shadow)}.pg-live-shortcuts kbd{font:inherit;color:var(--pg-ui-muted);text-align:right}.pg-workspace-source-panel{display:flex;flex-direction:column;gap:var(--pg-ui-space-4);padding:var(--pg-ui-space-3);min-width:0;overflow-wrap:anywhere}.pg-workspace-source-panel[data-workspace-source-panel]>:is(h3,p){margin:0;font-size:var(--pg-ui-font-small);line-height:1.5}.pg-workspace-source-panel>button{max-width:100%}.pg-workspace-source-panel>:is(section,label){min-width:0}.pg-workspace-source-panel .pg-source-diagnostic-target{display:flex;align-items:center;gap:var(--pg-ui-space-2);width:100%;min-width:0;padding:var(--pg-ui-space-1) 0;border:0;border-radius:var(--pg-ui-control-radius);background:transparent;color:var(--pg-ui-accent-text);font:inherit;font-weight:600;text-align:left;overflow-wrap:anywhere;cursor:pointer}.pg-source-diagnostic-target span{margin-left:auto;flex:none}.pg-workspace-source-panel .pg-source-diagnostic-target:hover{background:var(--pg-ui-hover)}.pg-workspace-source-panel .pg-source-diagnostic-target:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:2px}.pg-source-code{display:flex;flex-direction:column;min-width:0;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-radius);overflow:hidden;background:var(--pg-ui-surface)}.pg-source-code-toolbar{display:flex;gap:var(--pg-ui-space-2);align-items:center;min-width:0;padding:var(--pg-ui-space-2)}.pg-source-code-toolbar select{flex:1;min-width:0}.pg-code-readonly{flex:none;font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted)}.pg-workspace-source-panel .pg-code-action{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--pg-ui-control-height);min-width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);padding:0;border:0;background:transparent;color:var(--pg-ui-muted);border-radius:var(--pg-ui-control-radius)}.pg-workspace-source-panel .pg-code-action:hover{background:var(--pg-ui-hover);color:var(--pg-ui-text)}.pg-workspace-source-panel .pg-code-action[aria-pressed=true]{background:var(--pg-ui-accent);color:var(--pg-ui-accent-text)}.pg-code-actions{display:flex;flex:none}.pg-code-filebar{display:flex;gap:var(--pg-ui-space-1);align-items:center;padding:var(--pg-ui-space-1) var(--pg-ui-space-2);border-block:1px solid var(--pg-ui-border);background:var(--pg-ui-subtle)}.pg-code-path{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pg-ui-muted);font-family:var(--pg-ui-font-mono);font-size:var(--pg-ui-font-caption)}.pg-code-file-tabs{display:flex;overflow-x:auto;background:var(--pg-ui-subtle);border-top:1px solid var(--pg-ui-border)}.pg-code-file-tabs button{flex:none;height:36px;padding:0 var(--pg-ui-space-3);background:transparent;border:0;border-radius:0;border-right:1px solid var(--pg-ui-border);border-top:2px solid transparent;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-small)}.pg-code-file-tabs button[aria-selected=true]{border-top-color:var(--pg-ui-accent-text);background:var(--pg-ui-surface);color:var(--pg-ui-text)}.pg-code-editor{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.pg-code-editor-host{min-height:0}.pg-code-editor .cm-editor{font-size:var(--pg-ui-font-small);color:var(--pg-ui-text);background:var(--pg-ui-surface)}.pg-code-editor .cm-scroller{overflow:auto;max-height:280px;font-family:var(--pg-ui-font-mono);line-height:1.65}.pg-code-editor .cm-content{padding:var(--pg-ui-space-3) 0;caret-color:var(--pg-ui-accent-text)}.pg-code-editor .cm-line{padding:0 var(--pg-ui-space-3)}.pg-code-editor .cm-gutters{background:var(--pg-ui-surface);color:var(--pg-ui-faint);border:0;-webkit-user-select:none;user-select:none}.pg-code-editor .cm-lineNumbers .cm-gutterElement{padding-left:var(--pg-ui-space-2)}.pg-code-editor :is(.cm-activeLine,.cm-activeLineGutter){background:var(--pg-ui-subtle)}.pg-code-editor .cm-cursor{border-left-color:var(--pg-ui-accent-text)}.pg-code-editor .cm-focused{outline:none}.pg-code-editor .cm-focused .cm-selectionBackground,.pg-code-editor .cm-selectionBackground,.pg-code-editor .cm-content ::selection{background:var(--pg-ui-selected)}.pg-code-editor .cm-panels{background:var(--pg-ui-subtle);color:var(--pg-ui-text);border-color:var(--pg-ui-border)}.pg-code-editor .cm-search{padding:var(--pg-ui-space-2);font-family:var(--pg-ui-font)}.pg-code-editor .cm-search input[type=text]{width:min(180px,65%);background:var(--pg-ui-surface);color:var(--pg-ui-text);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);padding:var(--pg-ui-space-1) var(--pg-ui-space-2)}.pg-code-editor .cm-search button{background:var(--pg-ui-surface);color:var(--pg-ui-text);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);font-family:var(--pg-ui-font)}.pg-code-editor .cm-search label{display:inline-flex;align-items:center;margin-top:var(--pg-ui-space-1)}.pg-code-editor .cm-searchMatch{background:var(--pg-ui-warning-bg);outline:1px solid var(--pg-ui-warn)}.pg-code-editor .cm-searchMatch-selected{background:var(--pg-ui-accent);outline-color:var(--pg-ui-accent-text)}.pg-code-editor .cm-foldPlaceholder{background:var(--pg-ui-subtle);color:var(--pg-ui-muted);border-color:var(--pg-ui-border)}.pg-code-status{display:flex;gap:var(--pg-ui-space-3);flex-wrap:wrap;padding:var(--pg-ui-space-1) var(--pg-ui-space-2);color:var(--pg-ui-muted);background:var(--pg-ui-subtle);border-top:1px solid var(--pg-ui-border);font-size:var(--pg-ui-font-caption)}.pg-code-status span:first-child{margin-right:auto}.pg-code-note{display:flex;flex-direction:column;gap:var(--pg-ui-space-1);padding:var(--pg-ui-space-2) var(--pg-ui-space-3);color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption);line-height:1.5;border-top:1px solid var(--pg-ui-border)}.pg-code-empty{display:grid;place-content:center;min-height:160px;padding:var(--pg-ui-space-4);color:var(--pg-ui-muted);font-size:var(--pg-ui-font-small)}.pg-code-dialog{width:min(1100px,calc(100vw - 32px));height:min(820px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-radius);background:var(--pg-ui-surface);color:var(--pg-ui-text);box-shadow:var(--pg-ui-shadow);font-family:var(--pg-ui-font)}.pg-code-dialog[open]{display:flex;flex-direction:column}.pg-code-dialog::backdrop{background:var(--pg-ui-overlay)}.pg-code-dialog>.pg-code-editor{flex:1}.pg-code-dialog .pg-code-editor-host{flex:1}.pg-code-dialog .cm-editor{height:100%}.pg-code-dialog .cm-scroller{max-height:none}.pg-code-dialog .pg-code-note{flex:none}.pg-source-connection{font-size:var(--pg-ui-font-small);color:var(--pg-ui-muted)}.pg-source-connection summary{cursor:pointer;padding-block:var(--pg-ui-space-1)}.pg-source-connection p{margin:var(--pg-ui-space-2) 0;line-height:1.5}.pg-code-dialog .pg-source-code-toolbar select{flex:0 1 220px}.pg-code-dialog .pg-code-readonly{margin-left:auto}.pg-code-status-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.pg-source-proposal,.pg-source-proposal label{display:flex;flex-direction:column;gap:var(--pg-ui-space-2);min-width:0}.pg-source-proposal{border-top:1px solid var(--pg-ui-border);padding-top:var(--pg-ui-space-4)}.pg-source-proposal label>span{font-size:var(--pg-ui-font-small);font-weight:600}.pg-source-proposal input{min-width:0;width:100%;box-sizing:border-box;min-height:var(--pg-ui-row-height)}.pg-source-inspect{min-width:0}.pg-source-inspect>summary{display:flex;align-items:center;gap:var(--pg-ui-space-2);min-height:var(--pg-ui-row-height);cursor:pointer;list-style:none;font-size:var(--pg-ui-font-small);font-weight:600}.pg-source-inspect>summary::-webkit-details-marker{display:none}.pg-source-inspect>summary:before{content:"›";color:var(--pg-ui-muted);font-size:var(--pg-ui-font-size)}.pg-source-inspect[open]>summary:before{transform:rotate(90deg)}.pg-source-inspect>summary>span{margin-left:auto;font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted);font-weight:400}.pg-source-inspect[open]>.pg-source-code{margin-top:var(--pg-ui-space-2)}.pg-source-controls{display:flex;flex-direction:column;gap:var(--pg-ui-space-2);border-top:1px solid var(--pg-ui-border);padding-top:var(--pg-ui-space-4)}.pg-source-mapped-property .pg-source-scope{margin:var(--pg-ui-space-2) 0;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption);line-height:1.5}.pg-source-related-screens{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-source-related-screens summary{cursor:pointer}.pg-source-related-screens ul{margin:var(--pg-ui-space-2) 0;padding-left:var(--pg-ui-space-4)}.pg-source-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--pg-ui-space-2)}.pg-source-section-heading h4{margin:0;font-size:var(--pg-ui-font-small);font-weight:600}.pg-source-reviewed{border-radius:var(--pg-ui-radius-sm);padding:var(--pg-ui-space-1) var(--pg-ui-space-2);background:var(--pg-ui-success-bg);color:var(--pg-ui-text);font-size:var(--pg-ui-font-caption);white-space:nowrap}.pg-workspace-source-panel .pg-source-button{display:flex;justify-content:center;align-items:center;width:100%;min-height:var(--pg-ui-row-height);padding:var(--pg-ui-space-2) var(--pg-ui-space-3);border:1px solid var(--pg-ui-border-strong);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-surface);font-size:var(--pg-ui-font-small);font-weight:600}.pg-workspace-source-panel .pg-source-button:hover:not(:disabled){background:var(--pg-ui-hover)}.pg-workspace-source-panel .pg-source-primary{background:var(--pg-ui-accent-text);color:var(--pg-ui-on-strong);border-color:transparent}.pg-workspace-source-panel .pg-source-primary:hover:not(:disabled){background:var(--pg-ui-accent-text-hover)}.pg-workspace-source-panel .pg-source-reset{align-self:center;border:0;padding:var(--pg-ui-space-1) var(--pg-ui-space-2);background:transparent;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-workspace-source-panel .pg-source-notice{margin:0;padding:var(--pg-ui-space-3);background:var(--pg-ui-subtle);border-radius:var(--pg-ui-control-radius);font-size:var(--pg-ui-font-small);line-height:1.6}.pg-source-notice[data-tone=warning]{background:var(--pg-ui-warning-bg)}.pg-source-notice[data-tone=success]{background:var(--pg-ui-success-bg)}.pg-source-diagnostics{margin:0;padding:0 0 0 var(--pg-ui-space-4);color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-source-diagnostics li+li{margin-top:var(--pg-ui-space-2)}.pg-source-diagnostics strong{display:block;font-weight:500}.pg-source-diagnostics li{overflow-wrap:anywhere;line-height:1.6}.pg-source-diagnostics p{margin:var(--pg-ui-space-1) 0}.pg-source-diagnostics .pg-source-diagnostic-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--pg-ui-space-2);color:var(--pg-ui-text)}.pg-source-diagnostic-heading small{color:var(--pg-ui-muted);font-weight:400}.pg-source-diagnostics summary{cursor:pointer}.pg-source-diagnostics details code{display:block}.pg-source-diff{min-width:0}.pg-source-diff .pg-source-diff-feedback{margin:0 0 var(--pg-ui-space-2);padding:var(--pg-ui-space-2) var(--pg-ui-space-3);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-success-bg);color:var(--pg-ui-text);font-size:var(--pg-ui-font-caption);line-height:1.5}.pg-source-diff .pg-source-diff-feedback[data-tone=warning]{background:var(--pg-ui-warning-bg)}.pg-source-diff-dialog>.pg-source-diff-feedback{margin:var(--pg-ui-space-3) var(--pg-ui-space-5) 0;flex:none}.pg-source-diff-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--pg-ui-space-2);margin-bottom:var(--pg-ui-space-2)}.pg-source-diff-heading>div:first-child{display:flex;align-items:baseline;gap:var(--pg-ui-space-2);min-width:0}.pg-source-diff-heading h4{margin:0;font-size:var(--pg-ui-font-small);font-weight:600}.pg-source-diff-heading>div>span{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-source-diff-files{display:flex;flex-direction:column;gap:var(--pg-ui-space-3);min-width:0}.pg-source-diff-file{min-width:0;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-radius);overflow:hidden;background:var(--pg-ui-surface)}.pg-source-diff-file>summary{display:flex;align-items:center;gap:var(--pg-ui-space-2);cursor:pointer;padding:var(--pg-ui-space-2) var(--pg-ui-space-3);list-style:none;background:var(--pg-ui-subtle);min-height:var(--pg-ui-control-height)}.pg-source-diff-file>summary::-webkit-details-marker{display:none}.pg-source-diff-file>summary:before{content:"›";color:var(--pg-ui-muted)}.pg-source-diff-file[open]>summary:before{transform:rotate(90deg)}.pg-source-diff-filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pg-ui-font-small);font-weight:500}.pg-source-diff-counts{display:flex;flex:none;gap:var(--pg-ui-space-2);font:500 var(--pg-ui-font-caption)/1.5 var(--pg-ui-font-mono)}.pg-source-diff-counts [data-change=added]{color:color-mix(in srgb,var(--pg-ui-pass) 55%,var(--pg-ui-text))}.pg-source-diff-counts [data-change=removed]{color:color-mix(in srgb,var(--pg-ui-danger) 65%,var(--pg-ui-text))}.pg-source-diff-path{padding:var(--pg-ui-space-2) var(--pg-ui-space-3);font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--pg-ui-border)}.pg-source-diff .cm-scroller{max-height:360px}.pg-code-editor .cm-line.pg-diff-added{background:var(--pg-ui-success-bg)}.pg-code-editor .cm-line.pg-diff-removed{background:var(--pg-ui-danger-bg)}.pg-code-editor .cm-line.pg-diff-context{color:var(--pg-ui-muted);background:var(--pg-ui-subtle)}.pg-source-diff .pg-code-status{display:none}.pg-diff-scroll{max-height:360px;overflow:auto;scrollbar-width:thin}.pg-diff-table{width:100%;border-collapse:collapse;color:var(--pg-ui-text);font:var(--pg-ui-font-caption)/1.7 var(--pg-ui-font-mono)}.pg-diff-number-column{width:calc(3ch + var(--pg-ui-space-2))}.pg-diff-number{width:3ch;min-width:3ch;padding:var(--pg-ui-space-1);text-align:right;vertical-align:top;color:var(--pg-ui-faint);-webkit-user-select:none;user-select:none}.pg-diff-content{padding:var(--pg-ui-space-1) var(--pg-ui-space-2);vertical-align:top}.pg-diff-table .pg-diff-content code{display:inline;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;white-space:pre}.pg-diff-scroll[data-wrap=true] .pg-diff-table{table-layout:fixed}.pg-diff-scroll[data-wrap=true] .pg-diff-number{width:3ch}.pg-diff-scroll[data-wrap=true] .pg-diff-content code{white-space:pre-wrap;overflow-wrap:anywhere}.pg-diff-marker{display:inline-block;width:1.5ch;color:var(--pg-ui-muted);-webkit-user-select:none;user-select:none}.pg-diff-table .pg-diff-added{background:var(--pg-ui-success-bg)}.pg-diff-table .pg-diff-removed{background:var(--pg-ui-danger-bg)}.pg-diff-table :is(.pg-diff-hunk,.pg-diff-note){background:var(--pg-ui-subtle);color:var(--pg-ui-muted)}.pg-diff-table .pg-diff-hunk .pg-diff-content{padding-block:var(--pg-ui-space-2)}.pg-source-diff-dialog .pg-diff-scroll{max-height:none}.pg-source-diff-dialog>.pg-source-diff-heading{margin:0;padding:var(--pg-ui-space-4) var(--pg-ui-space-5);border-bottom:1px solid var(--pg-ui-border);flex:none}.pg-source-diff-dialog>.pg-source-diff-files{flex:1;overflow:auto;padding:var(--pg-ui-space-5);background:var(--pg-ui-background)}.pg-source-diff-dialog .cm-editor{height:auto}.pg-source-diff-dialog .cm-scroller{max-height:none}.pg-source-diff summary:focus-visible,.pg-source-inspect>summary:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:-2px}.pg-source-mapped-property .pg-source-scope{display:inline-flex;align-items:center;padding:var(--pg-ui-space-1) var(--pg-ui-space-2);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-selected);color:var(--pg-ui-accent-text);font-size:var(--pg-ui-font-caption)}.pg-source-mapped-property output{display:block;padding:var(--pg-ui-space-2);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-subtle);font-size:var(--pg-ui-font-small);overflow-wrap:anywhere}.pg-source-proposal-section{border-top:1px solid var(--pg-ui-border);padding-top:var(--pg-ui-space-3)}.pg-source-proposal-section>summary{cursor:pointer;color:var(--pg-ui-muted)}.pg-source-proposal-section[open]>summary{margin-bottom:var(--pg-ui-space-3)}.pg-source-validation{border-block:1px solid var(--pg-ui-border);padding-block:var(--pg-ui-space-3);font-size:var(--pg-ui-font-small)}.pg-source-validation dl{margin:var(--pg-ui-space-2) 0}.pg-source-validation dl>div,.pg-source-validation li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--pg-ui-space-3);padding-block:var(--pg-ui-space-1)}.pg-source-validation dd{margin:0;font-variant-numeric:tabular-nums}.pg-source-validation ul{list-style:none;padding:0;margin:var(--pg-ui-space-2) 0}.pg-source-validation li>:first-child{min-width:0;overflow-wrap:anywhere}.pg-source-validation li>:last-child{flex:none;font-variant-numeric:tabular-nums}.pg-source-validation small{display:block;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-source-validation [data-status=failed]{color:var(--pg-ui-danger)}.pg-source-validation [data-status=blocked]{color:var(--pg-ui-muted)}.pg-source-validation summary{cursor:pointer;padding-block:var(--pg-ui-space-1)}.pg-source-validation summary:focus-visible{outline:2px solid var(--pg-ui-accent-text)}.pg-source-validation-actions{display:flex;gap:var(--pg-ui-space-2)}.pg-source-publication{display:grid;gap:var(--pg-ui-space-2);padding:var(--pg-ui-space-3) 0;border-top:1px solid var(--pg-ui-border)}.pg-source-publication code{overflow-wrap:anywhere;font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted)}.pg-source-publication details p{overflow-wrap:anywhere}.pg-page-fonts>summary{gap:var(--pg-ui-space-2)}.pg-page-fonts .pg-font-count{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption);font-weight:500}.pg-page-fonts>summary .pg-font-status{margin-left:auto}.pg-page-fonts>summary .pg-font-icon-button{margin-left:auto}.pg-page-fonts>summary .pg-font-status+.pg-font-icon-button{margin-left:0}.pg-font-status,.pg-font-state{display:inline-flex;align-items:center;flex:none;color:var(--pg-ui-warn)}.pg-font-state[data-ready=true]{color:var(--pg-ui-muted)}.pg-page-fonts .pg-font-list{padding-bottom:var(--pg-ui-space-3)}.pg-font-row{padding-block:var(--pg-ui-space-2)}.pg-font-row+.pg-font-row{margin-top:var(--pg-ui-space-2);border-top:1px solid var(--pg-ui-border);padding-top:var(--pg-ui-space-4)}.pg-font-row-title{display:flex;align-items:center;gap:var(--pg-ui-space-2)}.pg-font-sample-icon{display:grid;place-items:center;flex:none;width:var(--pg-ui-row-height);height:var(--pg-ui-row-height);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);font-size:var(--pg-ui-font-size);color:var(--pg-ui-muted)}.pg-font-name{min-width:0;flex:1}.pg-font-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pg-ui-font-small);font-weight:550;line-height:1.6}.pg-font-meta{display:flex;align-items:center;gap:var(--pg-ui-space-1);min-height:var(--pg-ui-tool-size)}.pg-font-meta small{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption);font-variant-numeric:tabular-nums}.pg-font-glyphs{max-width:72px;padding-inline:var(--pg-ui-space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid color-mix(in srgb,var(--pg-ui-warn) 30%,transparent);border-radius:var(--pg-ui-radius-sm);background:color-mix(in srgb,var(--pg-ui-warn) 8%,transparent);color:var(--pg-ui-text);font-size:var(--pg-ui-font-small);line-height:1.3}.pg-workspace .pg-page-fonts .pg-font-action{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:var(--pg-ui-control-height);padding:0 var(--pg-ui-space-2);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-surface);color:var(--pg-ui-text);font-size:var(--pg-ui-font-caption)}.pg-workspace .pg-page-fonts .pg-font-action:hover{background:var(--pg-ui-subtle);border-color:var(--pg-ui-border-strong)}.pg-font-file{display:flex;align-items:center;gap:var(--pg-ui-space-2);margin-top:var(--pg-ui-space-2);min-height:var(--pg-ui-control-height);padding-left:var(--pg-ui-space-2);background:var(--pg-ui-subtle);border-radius:var(--pg-ui-control-radius);color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-font-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-font-source{display:inline-flex;flex:none}.pg-font-project{display:inline-flex;align-items:center;gap:var(--pg-ui-space-1)}.pg-font-project>.pg-font-error{max-width:140px}.pg-font-source-review{width:min(760px,calc(100vw - 32px))}.pg-font-source-review .pg-font-connect-body{overflow:auto;max-height:65vh}.pg-font-source-review .pg-font-connect-body pre{max-width:100%;overflow:auto}.pg-workspace .pg-page-fonts .pg-font-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);min-height:var(--pg-ui-control-height);padding:0;border:0;border-radius:var(--pg-ui-control-radius);background:transparent;color:var(--pg-ui-muted)}.pg-workspace .pg-page-fonts .pg-font-icon-button:hover{background:color-mix(in srgb,var(--pg-ui-text) 5%,transparent);color:var(--pg-ui-text)}.pg-workspace .pg-page-fonts button:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:2px}.pg-workspace .pg-page-fonts button:disabled{opacity:.45;cursor:default}.pg-font-empty,.pg-font-error{padding:var(--pg-ui-space-2) 0;font-size:var(--pg-ui-font-small);color:var(--pg-ui-muted)}.pg-font-error{color:var(--pg-ui-danger)}.pg-font-connect{width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);margin:auto;padding:0;color:var(--pg-ui-text);background:var(--pg-ui-surface);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-radius);box-shadow:var(--pg-ui-shadow)}.pg-font-connect::backdrop{background:color-mix(in srgb,var(--pg-ui-text) 15%,transparent)}.pg-font-connect header,.pg-font-connect footer{display:flex;align-items:center;gap:var(--pg-ui-space-2);padding:var(--pg-ui-space-3) var(--pg-ui-space-4)}.pg-font-connect header{justify-content:space-between;border-bottom:1px solid var(--pg-ui-border)}.pg-font-connect-body{display:grid;gap:var(--pg-ui-space-3);padding:var(--pg-ui-space-4)}.pg-font-preview-name{display:grid;gap:var(--pg-ui-space-1);min-width:0}.pg-font-preview-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-workspace .pg-font-connect .pg-font-preview{margin:0;padding:var(--pg-ui-space-4);background:var(--pg-ui-subtle);border-radius:var(--pg-ui-control-radius);color:var(--pg-ui-text);font-size:var(--pg-ui-font-size);line-height:1.7;max-height:180px;overflow:auto}.pg-font-mapping{display:flex;align-items:center;gap:var(--pg-ui-space-2);font-size:var(--pg-ui-font-small)}.pg-font-mapping span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-font-connect footer{justify-content:flex-end;border-top:1px solid var(--pg-ui-border)}.pg-font-storage{display:inline-flex;align-items:center;gap:var(--pg-ui-space-1);margin-right:auto;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-workspace .pg-font-connect footer button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--pg-ui-row-height);padding-inline:var(--pg-ui-space-3)}.pg-font-connect footer button[data-primary]{background:var(--pg-ui-accent);color:var(--pg-ui-accent-text);border-color:transparent}.pg-panel-toggle{position:absolute;top:12px;z-index:5;display:grid;place-items:center;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);padding:var(--pg-ui-space-1);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-surface);color:var(--pg-ui-muted);font:var(--pg-ui-font-small)/1 var(--pg-ui-font);cursor:pointer;box-sizing:border-box}.pg-panel-toggle:hover{background:var(--pg-ui-hover)}.pg-panel-toggle:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:2px}.pg-panel-toggle svg{width:var(--pg-ui-icon-size);height:var(--pg-ui-icon-size);fill:none;stroke:currentColor;stroke-width:1.2}.pg-token-open{border:1px solid var(--pg-ui-border);background:var(--pg-ui-surface);border-radius:var(--pg-ui-radius);padding:6px 12px;color:var(--pg-ui-text);font:inherit;cursor:pointer}.pg-token-open:disabled{cursor:default;opacity:.55}.pg-token-open-count{display:inline-block;min-width:18px;height:18px;margin-left:6px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--pg-ui-canvas-accent);color:var(--pg-ui-surface);font-size:11px;line-height:18px;text-align:center;vertical-align:1px}.pg-token-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pg-token-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;display:grid;place-items:center;padding:24px;background:var(--pg-ui-overlay);text-align:left}.pg-token-dialog{--pg-token-accent: var(--pg-ui-accent);--pg-token-line: var(--pg-ui-border);--pg-token-ink: var(--pg-ui-text);--pg-token-muted: var(--pg-ui-muted);width:min(1280px,100%);height:min(820px,100vh - 48px);display:flex;flex-direction:column;overflow:hidden;color:var(--pg-token-ink);background:var(--pg-ui-surface);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-panel-radius);box-shadow:var(--pg-ui-shadow);font:12px/1.45 var(--pg-ui-font)}.pg-variable-popover{--pg-token-accent: var(--pg-ui-accent);--pg-token-line: var(--pg-ui-border);--pg-token-ink: var(--pg-ui-text);--pg-token-muted: var(--pg-ui-muted)}.pg-token-dialog:focus{outline:none}.pg-token-dialog h2,.pg-token-dialog h3,.pg-token-dialog p{margin:0}.pg-token-dialog>header{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:10px 12px 10px 16px;border-bottom:1px solid var(--pg-token-line)}.pg-token-dialog>header h2{font-size:var(--pg-ui-font-size);font-weight:600;margin-right:auto}.pg-token-dialog>header>input{width:260px}:is(.pg-token-dialog,.pg-variable-popover) button,:is(.pg-token-dialog,.pg-variable-popover) input,:is(.pg-token-dialog,.pg-variable-popover) select{font:inherit;color:inherit;border:1px solid transparent;border-radius:var(--pg-ui-control-radius);padding:5px 8px;background:var(--pg-ui-subtle);min-height:var(--pg-ui-control-height);box-sizing:border-box}:is(.pg-token-dialog,.pg-variable-popover) button{background:var(--pg-ui-surface);border-color:var(--pg-token-line);cursor:pointer}:is(.pg-token-dialog,.pg-variable-popover) button:hover:not(:disabled){background:var(--pg-ui-hover)}:is(.pg-token-dialog,.pg-variable-popover) button:disabled{cursor:default;opacity:.45}:is(.pg-token-dialog,.pg-variable-popover) input:focus,:is(.pg-token-dialog,.pg-variable-popover) select:focus{background:var(--pg-ui-surface);border-color:var(--pg-ui-accent-text);outline:none}:is(.pg-token-dialog,.pg-variable-popover) button:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:1px}:is(.pg-token-dialog,.pg-variable-popover) input:disabled,:is(.pg-token-dialog,.pg-variable-popover) select:disabled{cursor:default;opacity:.55}:is(.pg-token-dialog,.pg-variable-popover) label{display:flex;flex-direction:column;gap:4px;font-size:var(--pg-ui-font-small);color:var(--pg-token-muted)}:is(.pg-token-dialog,.pg-variable-popover) button.pg-token-icon{display:grid;place-items:center;width:28px;height:28px;padding:0;border-color:transparent;color:var(--pg-ui-muted);font-size:15px;line-height:1}.pg-token-icon svg{width:var(--pg-ui-icon-size);height:var(--pg-ui-icon-size);flex:none}.pg-token-icon svg:not([fill]){fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.pg-token-error{margin:8px 12px!important;padding:8px 12px;border-radius:var(--pg-ui-control-radius);color:var(--pg-ui-danger);background:var(--pg-ui-danger-bg)}.pg-token-loading{padding:16px;color:var(--pg-token-muted)}.pg-token-body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:216px minmax(0,1fr)}.pg-token-sidebar{display:flex;flex-direction:column;gap:1px;min-height:0;overflow:auto;padding:10px 8px;background:var(--pg-ui-subtle);border-right:1px solid var(--pg-token-line)}.pg-token-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 8px 4px;font-size:var(--pg-ui-font-small);font-weight:600;color:var(--pg-token-muted)}.pg-token-sidebar-heading small{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.pg-token-sidebar-heading+.pg-token-sidebar-heading,.pg-token-nav-item+.pg-token-sidebar-heading{margin-top:12px}.pg-token-dialog button.pg-token-nav-item{display:flex;align-items:center;gap:6px;width:100%;text-align:left;border-color:transparent;background:transparent;padding:5px 8px 5px 12px;color:var(--pg-token-ink);white-space:nowrap;overflow:hidden}.pg-token-dialog button.pg-token-nav-item:hover:not(:disabled){background:var(--pg-ui-hover)}.pg-token-dialog button.pg-token-nav-item[aria-pressed=true]{background:var(--pg-ui-selected);color:var(--pg-ui-accent-text)}.pg-token-nav-item small{margin-left:auto;color:var(--pg-token-muted);font-size:var(--pg-ui-font-caption)}.pg-token-nav-item svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round;opacity:.7}.pg-token-manage{display:flex;flex-direction:column;gap:8px;margin:6px 4px 10px;padding:10px;background:var(--pg-ui-surface);border:1px solid var(--pg-token-line);border-radius:var(--pg-ui-radius)}.pg-token-manage>button{align-self:flex-start}.pg-token-manage-actions{display:flex;gap:6px}.pg-token-mode-row{display:grid;gap:6px;padding-top:8px;border-top:1px solid var(--pg-token-line)}.pg-token-main{display:flex;flex-direction:column;min-width:0;min-height:0}.pg-token-tablebar{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:8px 12px;border-bottom:1px solid var(--pg-token-line)}.pg-token-breadcrumb{margin-right:auto;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-token-breadcrumb small{margin-left:8px;font-weight:400;color:var(--pg-token-muted)}.pg-token-dialog button.pg-token-create{border-color:transparent;background:var(--pg-token-accent);color:var(--pg-ui-on-accent);font-weight:600}.pg-token-dialog button.pg-token-create:hover:not(:disabled){background:var(--pg-ui-accent-hover)}.pg-token-main .pg-token-manage{margin:8px 12px 0}.pg-token-create-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}.pg-token-create-form .pg-token-manage-actions{grid-column:1 / -1}.pg-token-table-scroll{flex:1 1 auto;min-height:0;overflow:auto}.pg-token-dialog table{border-collapse:collapse;width:100%;table-layout:fixed}.pg-token-dialog thead th{position:sticky;top:0;z-index:1;background:var(--pg-ui-surface);font-weight:600;font-size:var(--pg-ui-font-small);color:var(--pg-token-muted);padding:8px 12px;border-bottom:1px solid var(--pg-token-line);text-align:left}.pg-token-dialog th:first-child{width:36%}.pg-token-dialog tbody th,.pg-token-dialog tbody td{padding:0;border-bottom:1px solid var(--pg-ui-border);text-align:left;font-weight:400;vertical-align:middle}.pg-token-dialog tbody tr:hover{background:var(--pg-ui-subtle)}.pg-token-dialog tr[data-selected=true],.pg-token-dialog tr[data-selected=true]:hover{background:var(--pg-ui-selected)}.pg-token-dialog tbody th button{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 12px;border:0;border-radius:0;background:transparent;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-token-dialog tbody th button small{margin-left:auto;padding-left:8px;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-token-group-row th{padding:6px 12px 4px;background:var(--pg-ui-subtle);font-size:var(--pg-ui-font-small);font-weight:600;color:var(--pg-token-muted)}.pg-token-group-row svg{width:13px;height:13px;margin-right:6px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round}.pg-token-dialog button.pg-token-cell{display:flex;align-items:center;gap:7px;width:100%;min-height:36px;padding:0 12px;border:0;border-radius:0;background:transparent;text-align:left;white-space:nowrap;overflow:hidden}.pg-token-dialog button.pg-token-cell:hover:not(:disabled){background:var(--pg-ui-hover)}.pg-token-dialog button.pg-token-cell:focus-visible{outline-offset:-2px}.pg-token-cell-text{overflow:hidden;text-overflow:ellipsis;font:11px/1.4 var(--pg-ui-font-mono)}.pg-token-cell small{margin-left:auto;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-token-swatch{flex:none;width:16px;height:16px;border-radius:4px;border:1px solid #0000001f;box-shadow:inset 0 0 0 1px #fff6}.pg-token-type-glyph{flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:4px;background:var(--pg-ui-subtle, #f5f5f8);color:var(--pg-ui-muted);font:600 10px/1 var(--pg-ui-font)}.pg-token-type-glyph[data-glyph]:before{content:attr(data-glyph)}.pg-token-type-glyph[data-type=color]{border:1px solid #0000001f;background:repeating-conic-gradient(var(--pg-ui-border, #dedee5) 0 25%,var(--pg-ui-surface, #fff) 0 50%) 0 0 / 8px 8px}.pg-token-type-glyph[data-type=color][style]{background-image:none}.pg-token-alias-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:2px 8px 2px 6px;border:1px solid var(--pg-ui-border);border-radius:999px;background:var(--pg-ui-subtle);font-size:var(--pg-ui-font-small);color:var(--pg-ui-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-token-alias-chip svg{flex:none;width:10px;height:10px;fill:none;stroke:var(--pg-ui-accent-text);stroke-width:1.4;stroke-linejoin:round}.pg-token-empty{padding:18px 12px;color:var(--pg-token-muted)}.pg-token-details{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;padding:12px 14px 16px;border-left:1px solid var(--pg-token-line)}.pg-token-details-heading{display:flex;align-items:center;gap:8px}.pg-token-details-heading label{flex:1;min-width:0}.pg-token-details-heading input{font-weight:600}.pg-token-details-meta{display:flex;gap:8px;color:var(--pg-token-muted);font-size:var(--pg-ui-font-small)}.pg-token-details-meta span+span:before{content:"·";margin-right:8px}.pg-token-mode-field{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--pg-token-line)}.pg-token-mode-value{display:flex;align-items:center;justify-content:space-between;gap:8px}.pg-token-mode-name{flex:none;min-width:3em;white-space:nowrap;font-size:var(--pg-ui-font-small);font-weight:600;color:var(--pg-token-muted)}.pg-token-cell-preview{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:var(--pg-ui-font-small)}.pg-token-mode-field small{color:var(--pg-token-muted);font-size:var(--pg-ui-font-caption)}.pg-token-mode-actions{display:flex;flex-wrap:wrap;gap:4px}.pg-token-mode-actions button{font-size:var(--pg-ui-font-small);padding:3px 8px;min-height:26px}.pg-token-alias-picker{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--pg-token-line);border-radius:var(--pg-ui-radius);background:var(--pg-ui-surface);box-shadow:var(--pg-ui-shadow)}.pg-token-alias-list{display:flex;flex-direction:column;max-height:220px;overflow:auto}.pg-token-dialog .pg-token-alias-list button{display:flex;align-items:center;gap:8px;width:100%;border-color:transparent;padding:5px 6px;text-align:left;white-space:nowrap;overflow:hidden}.pg-token-alias-list button span{overflow:hidden;text-overflow:ellipsis}.pg-token-alias-list button small{margin-left:auto;color:var(--pg-token-muted);font-size:var(--pg-ui-font-caption)}.pg-token-alias-list p{padding:6px;color:var(--pg-token-muted)}.pg-token-dialog button.pg-token-remove{align-self:flex-start;margin-top:auto;color:var(--pg-ui-danger)}.pg-token-diff{flex:0 0 auto;overflow:auto;max-height:28vh;padding:10px 14px;border-top:1px solid var(--pg-token-line)}.pg-token-diff h3{font-size:var(--pg-ui-font-small);margin-bottom:6px}.pg-token-diff summary{cursor:pointer;font-weight:600}.pg-token-diff pre{font:11px/1.5 var(--pg-ui-font-mono);overflow:auto;margin:6px 0 10px}.pg-token-dialog footer{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex-shrink:0;padding:10px 12px;border-top:1px solid var(--pg-token-line);background:var(--pg-ui-subtle)}.pg-token-dialog footer>span{margin-right:auto;font-size:var(--pg-ui-font-small);color:var(--pg-token-muted)}.pg-token-preview-mode{flex-direction:row!important;align-items:center;gap:6px!important}.pg-token-publishing-note{margin:0;padding:var(--pg-ui-space-2) var(--pg-ui-space-3);border-top:1px solid var(--pg-ui-border);color:var(--pg-ui-muted);font-size:var(--pg-ui-font-small)}.pg-token-dialog button.pg-token-primary{border-color:transparent;background:var(--pg-token-accent);color:var(--pg-ui-on-accent);font-weight:600}.pg-token-dialog button.pg-token-primary:hover:not(:disabled){background:var(--pg-ui-accent-hover)}@media(max-width:1000px){.pg-token-body{grid-template-columns:180px minmax(0,1fr)}}@media(max-width:800px){.pg-token-backdrop{padding:8px}.pg-token-dialog{height:calc(100vh - 16px)}.pg-token-body{grid-template-columns:minmax(0,1fr)}.pg-token-sidebar{display:none}}@media(max-width:600px){.pg-token-dialog>header>input{width:140px}}.pg-variable-popover{position:fixed;z-index:30;display:flex;flex-direction:column;gap:8px;max-height:min(600px,calc(100vh - 16px));overflow:auto;padding:8px 12px 12px;background:var(--pg-ui-surface);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-panel-radius);box-shadow:var(--pg-ui-shadow);color:var(--pg-token-ink);font:12px/1.4 var(--pg-ui-font)}.pg-variable-popover>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.pg-variable-popover [role=tablist]{display:flex;gap:2px}.pg-variable-popover [role=tab]{border:0;border-radius:var(--pg-ui-control-radius);padding:4px 10px;background:transparent;color:var(--pg-token-muted);font-weight:600}.pg-variable-popover [role=tab][aria-selected=true]{background:var(--pg-ui-hover);color:var(--pg-token-ink)}.pg-variable-popover>header>strong{padding:4px 2px;font-weight:600}.pg-variable-popover-title{margin:0;font-size:var(--pg-ui-font-small);color:var(--pg-token-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-variable-link{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 8px;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-radius);background:var(--pg-ui-subtle)}.pg-variable-link>svg{flex:none;width:12px;height:12px;fill:none;stroke:var(--pg-ui-accent-text);stroke-width:1.4}.pg-variable-link>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.pg-token-dialog,.pg-variable-popover) .pg-variable-link>button{padding:2px 8px;font-size:var(--pg-ui-font-small)}.pg-variable-note{margin:0;font-size:var(--pg-ui-font-small);color:var(--pg-token-muted)}.pg-variable-custom{display:flex;flex-direction:column;gap:10px}:is(.pg-token-dialog,.pg-variable-popover) .pg-variable-text{gap:4px}:is(.pg-token-dialog,.pg-variable-popover) .pg-variable-inherit{align-self:flex-start}.pg-color-picker{display:flex;flex-direction:column;gap:10px}.pg-color-area{position:relative;height:176px;border-radius:var(--pg-ui-radius);cursor:crosshair;touch-action:none;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent)}.pg-color-thumb{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000004d,0 1px 3px #00000059;transform:translate(-50%,-50%);pointer-events:none}.pg-color-strips{display:flex;align-items:center;gap:10px}:is(.pg-token-dialog,.pg-variable-popover) .pg-color-eyedropper{flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--pg-ui-control-radius);background:transparent}:is(.pg-token-dialog,.pg-variable-popover) .pg-color-eyedropper:hover{background:var(--pg-ui-hover)}.pg-color-eyedropper svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}.pg-color-sliders{flex:1;display:flex;flex-direction:column;gap:10px}.pg-color-hue,.pg-color-alpha{position:relative;height:12px;border-radius:6px;cursor:pointer;touch-action:none}.pg-color-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pg-color-alpha{background:repeating-conic-gradient(#d9d9d9,#d9d9d9 25%,#fff 0%,#fff 50%) 0 0 / 8px 8px}.pg-color-alpha>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.pg-color-hue .pg-color-thumb,.pg-color-alpha .pg-color-thumb{top:50%}.pg-color-area:focus-visible,.pg-color-hue:focus-visible,.pg-color-alpha:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:2px}.pg-color-fields{display:flex;gap:4px}:is(.pg-token-dialog,.pg-variable-popover) .pg-color-fields select{flex:none;width:64px}:is(.pg-token-dialog,.pg-variable-popover) .pg-color-fields input{min-width:0;width:100%}:is(.pg-token-dialog,.pg-variable-popover) .pg-color-hex{flex:1;font-variant-numeric:tabular-nums;text-transform:uppercase}:is(.pg-token-dialog,.pg-variable-popover) label.pg-color-field{flex:1;flex-direction:row;align-items:center;gap:2px;min-width:0;color:var(--pg-token-ink)}:is(.pg-token-dialog,.pg-variable-popover) label.pg-color-field:last-child{flex:0 0 64px}.pg-color-field span{color:var(--pg-token-muted)}.pg-color-swatches{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--pg-token-line)}.pg-color-swatches>span{font-size:var(--pg-ui-font-small);color:var(--pg-token-muted)}.pg-color-swatches>div{display:flex;flex-wrap:wrap;gap:6px}:is(.pg-token-dialog,.pg-variable-popover) .pg-color-swatches button{width:20px;height:20px;padding:0;border:1px solid #0000001f;border-radius:4px;box-shadow:inset 0 0 0 1px #fff6}.pg-variable-library{display:flex;flex-direction:column;gap:6px}.pg-variable-library-list{display:flex;flex-direction:column;gap:1px;max-height:300px;overflow:auto}.pg-variable-library-list h4{margin:8px 0 2px;font-size:var(--pg-ui-font-small);font-weight:600;color:var(--pg-token-muted)}.pg-variable-library-list h4 small{margin-left:6px;font-weight:400}:is(.pg-token-dialog,.pg-variable-popover) .pg-variable-library-list button{display:flex;align-items:center;gap:8px;width:100%;padding:5px 6px;border:0;border-radius:var(--pg-ui-control-radius);background:transparent;text-align:left;color:var(--pg-token-ink)}:is(.pg-token-dialog,.pg-variable-popover) .pg-variable-library-list button:hover{background:var(--pg-ui-hover)}:is(.pg-token-dialog,.pg-variable-popover) .pg-variable-library-list button[aria-pressed=true]{background:var(--pg-ui-selected)}.pg-variable-library-list button span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-variable-library-list button svg{flex:none;width:12px;height:12px;fill:none;stroke:var(--pg-ui-accent-text);stroke-width:1.6}.pg-variable-library-list .pg-token-swatch[data-glyph]:after{content:attr(data-glyph);display:grid;place-items:center;height:100%;font-size:var(--pg-ui-font-caption);color:var(--pg-token-muted)}.pg-variable-library-list p{padding:6px;color:var(--pg-token-muted)}.pg-token-create-anchor{position:relative}.pg-token-create-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:20;display:flex;flex-direction:column;min-width:168px;padding:4px;background:var(--pg-ui-surface);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-radius);box-shadow:var(--pg-ui-shadow)}:is(.pg-token-dialog,.pg-variable-popover) .pg-token-create-menu button{display:flex;align-items:center;gap:8px;border:0;border-radius:var(--pg-ui-control-radius);padding:6px 8px;background:transparent;text-align:left;color:var(--pg-token-ink)}:is(.pg-token-dialog,.pg-variable-popover) .pg-token-create-menu button:hover,:is(.pg-token-dialog,.pg-variable-popover) .pg-token-create-menu button:focus-visible{background:var(--pg-ui-hover);outline:none}.pg-token-rename{display:flex;align-items:center;gap:8px}:is(.pg-token-dialog,.pg-variable-popover) .pg-token-rename input{flex:1;min-width:0;padding:3px 6px}.pg-token-code summary{cursor:pointer;font-size:var(--pg-ui-font-small);color:var(--pg-token-muted)}.pg-token-code[open] summary{margin-bottom:6px}.pg-token-proposal{display:grid;grid-template-columns:minmax(220px,2fr) minmax(120px,1fr);gap:8px 12px;flex-shrink:0;padding:12px 16px;border-top:1px solid var(--pg-token-line);background:var(--pg-ui-subtle)}.pg-token-proposal-summary{grid-column:1 / -1;display:flex;align-items:baseline;gap:10px;margin:0;font-weight:600}.pg-token-proposal-summary small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:var(--pg-token-muted)}.pg-token-proposal-notes{grid-column:1 / -1}.pg-token-dialog .pg-token-proposal textarea{resize:vertical;font:inherit;padding:6px 8px;border:1px solid var(--pg-token-line);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-surface);color:var(--pg-token-ink)}.pg-token-proposal .pg-token-manage-actions{grid-column:1 / -1}.pg-token-proposal-result{flex-shrink:0;margin:0;padding:10px 16px;border-top:1px solid var(--pg-token-line);background:var(--pg-ui-success-bg)}.pg-token-proposal-result a{font-weight:600;color:var(--pg-ui-accent-text)}.pg-token-proposal-result code{font-size:var(--pg-ui-font-small)}.pg-token-menu-anchor{position:relative}.pg-token-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:25;display:flex;flex-direction:column;min-width:220px;padding:4px;background:var(--pg-ui-surface);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-radius);box-shadow:var(--pg-ui-shadow)}.pg-token-menu-up{top:auto;bottom:calc(100% + 4px)}.pg-token-row-menu{position:fixed;right:auto;min-width:180px}.pg-token-dialog .pg-token-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:0;border-radius:var(--pg-ui-control-radius);padding:6px 8px;background:transparent;text-align:left;color:var(--pg-token-ink)}.pg-token-dialog .pg-token-menu button:hover:not(:disabled),.pg-token-dialog .pg-token-menu button:focus-visible{background:var(--pg-ui-hover);outline:none}.pg-token-menu button small{font-size:var(--pg-ui-font-caption);color:var(--pg-token-muted)}.pg-token-dialog .pg-token-menu button.pg-token-danger{color:var(--pg-ui-danger)}.pg-token-manage{position:relative}.pg-token-dialog .pg-token-manage-close{position:absolute;top:6px;right:6px}.pg-token-manage-note{margin:0 24px 0 0;font-size:var(--pg-ui-font-small);color:var(--pg-token-muted)}.pg-token-name{display:flex;align-items:center;min-width:0}.pg-token-name>button:first-child{flex:1;min-width:0}.pg-token-dialog .pg-token-row-actions{display:grid;place-items:center;flex:none;visibility:hidden;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);min-height:var(--pg-ui-control-height);padding:0;border:0;border-radius:var(--pg-ui-control-radius);background:transparent;color:var(--pg-token-muted)}tr:hover .pg-token-row-actions,tr[data-selected=true] .pg-token-row-actions,.pg-token-row-actions:focus-visible{visibility:visible}.pg-token-dialog .pg-token-row-actions:hover{background:var(--pg-ui-hover)}.pg-token-cell small[title]{color:var(--pg-ui-muted)}.pg-token-dialog thead th small{margin-left:6px;font-weight:400}.pg-variable-link{flex-direction:row;align-items:center;gap:var(--pg-ui-space-1);padding:var(--pg-ui-space-1)}.pg-variable-popover .pg-variable-link-target{display:flex;align-items:center;gap:var(--pg-ui-space-2);flex:1;min-width:0;padding:var(--pg-ui-space-1);background:transparent;border:0;text-align:left}.pg-variable-link-target>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-variable-link-target>svg{flex:none;width:var(--pg-ui-icon-size);height:var(--pg-ui-icon-size);fill:none;stroke:currentColor;stroke-width:1.3}.pg-variable-popover .pg-variable-link-target:disabled{opacity:1}.pg-variable-popover .pg-variable-detach{flex:none;background:transparent}.pg-token-dialog thead th small svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;vertical-align:middle}.pg-variable-code summary{cursor:pointer;font-size:var(--pg-ui-font-small);color:var(--pg-token-muted)}.pg-variable-code[open] summary{margin-bottom:6px}.pg-token-dialog .pg-variable-code input{width:100%;font:11px/1.4 var(--pg-ui-font-mono)}.pg-token-dialog{border-radius:var(--pg-ui-panel-radius, 12px);box-shadow:var(--pg-ui-shadow)}.pg-token-dialog button,.pg-token-dialog input,.pg-token-dialog select{border-radius:var(--pg-ui-radius, 6px)}.pg-token-policy{padding:8px 12px;color:var(--pg-token-muted);background:var(--pg-ui-subtle);border-bottom:1px solid var(--pg-token-line);font-size:var(--pg-ui-font-small)}.pg-token-save-state{display:flex;flex-direction:column;gap:2px;margin-right:auto;font-size:var(--pg-ui-font-small)}.pg-token-save-state small{color:var(--pg-token-muted)}.pg-token-dialog .pg-token-mobile-collection{display:none}@media(max-width:800px){.pg-token-dialog .pg-token-mobile-collection{display:block;max-width:36%}.pg-token-tablebar{flex-wrap:wrap}.pg-token-dialog footer{max-height:30vh;overflow:auto}}.pg-token-dialog.pg-token-dock{position:fixed;z-index:20000;top:56px;right:12px;bottom:12px;width:min(360px,calc(100vw - 24px));height:auto}.pg-token-dialog.pg-token-dock[data-advanced]{width:min(880px,calc(100vw - 24px))}.pg-token-dialog.pg-token-dock>header>input{width:auto;flex:1 1 120px;min-width:0}.pg-token-dialog.pg-token-dock>header h2{margin-right:0}.pg-token-cell[data-inherited]{color:var(--pg-ui-faint, var(--pg-token-muted))}.pg-token-cell[data-inherited] .pg-token-swatch{opacity:.55}.pg-variable-custom[data-inherited] input{color:var(--pg-token-muted)}.pg-basic{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.pg-basic-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--pg-token-line)}.pg-token-dialog .pg-basic-tabs button{display:grid;place-items:center;width:36px;height:30px;padding:0;border-color:transparent;color:var(--pg-ui-muted);background:transparent}.pg-token-dialog .pg-basic-tabs button[aria-selected=true]{color:var(--pg-ui-accent-text);background:var(--pg-ui-selected)}.pg-basic-tabs svg,.pg-basic svg{width:var(--pg-ui-icon-size);height:var(--pg-ui-icon-size);fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.pg-basic-rows{flex:1 1 auto;min-height:0;overflow:auto;list-style:none;margin:0;padding:4px 6px}.pg-basic-rows>li{display:flex;align-items:center;gap:6px;min-height:36px;padding:2px 6px;border-radius:var(--pg-ui-control-radius)}.pg-basic-rows>li[data-focused]{background:var(--pg-ui-selected)}.pg-basic-rows>li[data-changed] .pg-basic-name>span:after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;vertical-align:middle;border-radius:50%;background:var(--pg-ui-canvas-accent)}.pg-token-dialog button.pg-basic-name{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;border-color:transparent;background:transparent;text-align:left;padding:4px 6px}.pg-basic-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-basic-swatches{display:flex;gap:4px}.pg-token-dialog button.pg-basic-swatch{width:28px;height:28px;min-height:0;padding:0;border:1px solid var(--pg-ui-border-strong);border-radius:50%}.pg-basic-stepper{display:inline-flex;align-items:center;border:1px solid var(--pg-token-line);border-radius:var(--pg-ui-control-radius)}.pg-token-dialog .pg-basic-stepper button{min-height:26px;height:26px;border:0;background:transparent;padding:0 8px}.pg-token-dialog .pg-basic-stepper button.pg-basic-value{min-width:56px;padding:0 4px;font-family:var(--pg-ui-font-mono);font-size:var(--pg-ui-font-small)}.pg-basic-corner{flex:none;width:22px;height:22px;box-sizing:border-box;border-top:2px solid currentColor;border-left:2px solid currentColor;color:var(--pg-ui-muted)}.pg-basic-gap{flex:none;height:10px;border-radius:2px;background:var(--pg-ui-canvas-accent);opacity:.7}.pg-basic-specimen{flex:none;min-width:28px;font-style:normal;line-height:1;color:var(--pg-ui-text)}.pg-basic-usage{display:inline-flex;align-items:center;justify-content:flex-end;gap:3px;min-width:36px;color:var(--pg-token-muted);font-size:var(--pg-ui-font-caption);font-variant-numeric:tabular-nums}.pg-basic-reset-slot{flex:none;width:26px;height:26px}.pg-basic-rows>li.pg-basic-modes{min-height:20px;padding-top:0;padding-bottom:0}.pg-basic-modes .pg-basic-name{flex:1 1 auto}.pg-basic-mode{width:32px;margin:0 -2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--pg-token-muted);font-size:var(--pg-ui-font-caption)}.pg-basic-usage svg{width:12px;height:12px}.pg-token-dialog button.pg-basic-reset{display:grid;place-items:center;width:26px;height:26px;min-height:0;padding:0;border-color:transparent;color:var(--pg-ui-muted)}.pg-token-dialog button.pg-basic-advanced{display:flex;align-items:center;justify-content:space-between;margin:6px 12px 10px;border-color:transparent;color:var(--pg-ui-muted);background:transparent}.pg-token-apply{flex:none;max-height:45%;display:flex;flex-direction:column;border-top:1px solid var(--pg-token-line);background:var(--pg-ui-subtle)}.pg-token-apply-review{flex:1 1 auto;min-height:0;overflow:auto}.pg-token-apply-review>.pg-token-diff{max-height:none;overflow:visible}.pg-token-apply ul{list-style:none;margin:0;padding:6px 12px}.pg-token-apply li{display:flex;align-items:center;gap:6px;min-height:30px}.pg-token-apply li>svg{width:14px;height:14px;fill:none;stroke:var(--pg-token-muted);stroke-width:1.4;flex:none}.pg-token-apply-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-token-apply-name small{display:block;color:var(--pg-token-muted);overflow:hidden;text-overflow:ellipsis}.pg-token-apply code{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pg-ui-font-small)}.pg-token-apply .pg-token-swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--pg-ui-border-strong)}.pg-token-apply-empty{color:var(--pg-token-muted)}.pg-token-apply-progress{width:calc(100% - 24px);margin:0 12px;height:4px}.pg-token-apply-actions{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px}.pg-token-apply-actions>button{white-space:nowrap}.pg-token-apply-actions>[data-apply-choice]{flex:1}.pg-token-apply-spacer{flex-basis:100%;height:0}.pg-token-diff details[data-generated]>summary{color:var(--pg-token-muted)}.pg-token-diff summary small{margin-left:6px;color:var(--pg-token-muted)}@media(prefers-reduced-motion:reduce){.pg-token-apply-progress{animation:none}}.pg-token-save-state[data-save-state=unsaved]:before,.pg-token-save-state[data-save-state=saving]:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--pg-ui-warn);vertical-align:middle}.pg-token-dialog button.pg-token-labelled{display:inline-flex;align-items:center;gap:4px;padding:0 8px;border-color:transparent;color:var(--pg-ui-muted);background:transparent}.pg-token-labelled svg{width:var(--pg-ui-icon-size);height:var(--pg-ui-icon-size);fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.pg-token-labelled>span{font-size:var(--pg-ui-font-small)}.pg-token-applied{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;color:var(--pg-ui-accent-text);background:var(--pg-ui-selected);font-size:var(--pg-ui-font-caption)}.pg-token-applied svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pg-token-apply details.pg-token-diff{margin:6px 0 0}.pg-token-apply details.pg-token-diff>summary{cursor:pointer;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-small)}.pg-token-apply details.pg-token-diff>summary small{margin-left:6px}.pg-token-loading{padding:16px 12px}.pg-token-open{position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;flex:none}.pg-token-open svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}.pg-token-open[aria-pressed=true]{background:var(--pg-ui-selected);color:var(--pg-ui-accent-text);border-color:transparent}.pg-token-open-count{position:absolute;top:-6px;right:-6px;margin:0}.pg-token-open-dirty{position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--pg-ui-canvas-accent)}.pg-token-dialog.pg-token-dock[data-expanded]{top:52px;left:12px;right:12px;width:auto}.pg-token-dialog.pg-token-dock,.pg-variable-popover{border-radius:var(--pg-ui-radius)}.pg-token-table-scroll tr[data-selected=true]{box-shadow:inset 2px 0 var(--pg-ui-accent-text)}.pg-canvas-background{margin-bottom:var(--pg-ui-space-4);--pg-token-muted: var(--pg-ui-muted)}.pg-canvas-background-row{display:flex;align-items:center;gap:var(--pg-ui-space-2)}.pg-canvas-background .pg-canvas-background-trigger{display:flex;align-items:center;gap:var(--pg-ui-space-2);flex:1;min-width:0;text-align:left;background:var(--pg-ui-control);border:1px solid transparent;padding:var(--pg-ui-space-1) var(--pg-ui-space-2);min-height:var(--pg-ui-control-height)}.pg-canvas-background .pg-canvas-background-trigger[aria-expanded=true]{border-color:var(--pg-ui-accent-text)}.pg-canvas-background-swatch{width:var(--pg-ui-icon-size);height:var(--pg-ui-icon-size);flex:none;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-radius-sm)}.pg-canvas-background-alpha{margin-left:auto;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-canvas-background .pg-canvas-background-reset{flex:none;padding:var(--pg-ui-space-1);color:var(--pg-ui-muted);background:transparent;border:0}.pg-canvas-background-picker{margin-top:var(--pg-ui-space-3)}.pg-canvas-background .pg-color-fields select{flex:0 0 64px;width:64px}.pg-canvas-background .pg-color-fields input{min-width:0;width:100%}.pg-canvas-background .pg-color-hex{flex:1;font-variant-numeric:tabular-nums;text-transform:uppercase}.pg-canvas-background .pg-color-field{display:flex;align-items:center;flex:1;min-width:0;gap:var(--pg-ui-space-1)}.pg-canvas-background .pg-color-field:last-child{flex:0 0 60px}.pg-canvas-background .pg-color-eyedropper{display:grid;place-items:center;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);flex:none;padding:0;border:0}.pg-source-edit-support{margin:0 var(--pg-ui-space-4);border-bottom:1px solid var(--pg-ui-border);font-size:var(--pg-ui-font-small)}.pg-source-edit-support>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--pg-ui-space-2);min-height:var(--pg-ui-row-height);list-style:none;cursor:pointer;color:var(--pg-ui-muted)}.pg-source-edit-support>summary::-webkit-details-marker{display:none}.pg-source-edit-support>summary:after{content:"›";color:var(--pg-ui-faint)}.pg-source-edit-support[open]>summary:after{transform:rotate(90deg)}.pg-source-edit-support>summary>span:first-child{flex:1}.pg-source-edit-support dl{margin:0 0 var(--pg-ui-space-3);font-size:var(--pg-ui-font-caption)}.pg-source-edit-support dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pg-ui-space-2);padding:var(--pg-ui-space-1) 0}.pg-source-edit-support dd{margin:0;color:var(--pg-ui-muted);overflow-wrap:anywhere}.pg-source-edit-support small{display:block;font:inherit;margin-top:var(--pg-ui-space-1)}.pg-source-field-support{display:inline-block;margin-left:var(--pg-ui-space-2);font-size:var(--pg-ui-font-caption);font-weight:400;white-space:nowrap;color:var(--pg-ui-muted)}.pg-source-edit-support dd .pg-source-field-support{margin:0}.pg-source-edit-support [data-source-field-support=mapped],.pg-source-field-support[data-source-field-support=mapped]{color:var(--pg-ui-accent-text)}.pg-layout-panel{display:grid;gap:var(--pg-ui-space-2)}.pg-layout-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(64px,1fr);gap:var(--pg-ui-space-2);align-items:center}.pg-layout-field input,.pg-layout-field select{width:100%;min-width:0;font:inherit}.pg-layout-grid{display:grid;gap:var(--pg-ui-space-2)}.pg-layout-panel p{margin:0;font-size:var(--pg-ui-font-small);opacity:.75}.pg-layout-padding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-layout-padding-grid .pg-layout-field{grid-template-columns:minmax(0,1fr);gap:var(--pg-ui-space-1)}.pg-layout-padding-grid .pg-layout-field>span{color:var(--pg-ui-muted)}.pg-dimension-sizing{width:100%;min-width:0;max-width:100%;font-size:var(--pg-ui-font-small);color:var(--pg-ui-muted)}.pg-layout-padding-switch{display:flex;align-items:center;justify-content:space-between;gap:var(--pg-ui-space-2);margin-top:var(--pg-ui-space-1)}.pg-layout-padding-switch>button{display:flex;align-items:center;justify-content:center;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);padding:0}.pg-layout-padding-switch>button[aria-pressed=true]{background:var(--pg-ui-selected);color:var(--pg-ui-accent-text)}.pg-layout-padding-switch+.pg-layout-field{grid-template-columns:minmax(0,1fr)}.pg-layout-padding-switch+.pg-layout-field>span{display:none}.pg-layout-subheading{font-size:var(--pg-ui-font-small);font-weight:600;margin:var(--pg-ui-space-2) 0 0}.pg-image-crop-editor{padding:12px;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-surface);font-size:var(--pg-ui-font-small)}.pg-image-crop-editor p{margin:0 0 8px}.pg-image-crop-preview{display:block;width:100%;max-height:300px;overflow:hidden;touch-action:none;cursor:move;background:repeating-conic-gradient(#e1e1e1,#e1e1e1 25%,#fff 0%,#fff 50%) 0 0/12px 12px}.pg-image-crop-tools{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.pg-image-crop-tools button,.pg-image-crop-actions button{font-size:var(--pg-ui-font-small);padding:5px 8px}.pg-image-crop-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.pg-appearance-panel fieldset{border:1px solid var(--pg-border, var(--pg-ui-border));margin:6px 0;padding:6px;min-width:0}.pg-appearance-panel label{display:flex;gap:6px;justify-content:space-between;margin:4px 0}.pg-appearance-panel input,.pg-appearance-panel select{min-width:0;max-width:140px}.pg-appearance-panel button{margin:2px}.pg-appearance-surface,.pg-appearance-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.pg-appearance-surface{display:block;isolation:isolate}.pg-appearance-fill{display:block}.pg-appearance-surface{z-index:-1}.pg-appearance-compact{min-width:0;color:var(--pg-ui-text)}.pg-appearance-compact>fieldset{border:0;margin:0;padding:0}.pg-appearance-compact .pg-appearance-section-heading{display:flex;align-items:center;justify-content:space-between;min-height:var(--pg-ui-row-height);margin-top:var(--pg-ui-space-2);gap:var(--pg-ui-space-2)}.pg-appearance-compact .pg-appearance-section-heading h3,.pg-appearance-compact .pg-appearance-section-heading h4{margin:0;font-size:var(--pg-ui-font-small);font-weight:600}.pg-appearance-layer-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--pg-ui-space-2)}.pg-appearance-compact-row{display:grid;grid-template-columns:var(--pg-ui-control-height) minmax(0,1fr) 52px var(--pg-ui-control-height) var(--pg-ui-control-height);align-items:center;gap:var(--pg-ui-space-1);min-height:var(--pg-ui-row-height)}.pg-appearance-effect-row{display:grid;grid-template-columns:minmax(0,1fr) var(--pg-ui-control-height) var(--pg-ui-control-height);align-items:center;gap:var(--pg-ui-space-1);min-height:var(--pg-ui-row-height)}.pg-appearance-compact .pg-appearance-compact-value{display:flex;align-items:center;gap:2px;min-width:0;height:var(--pg-ui-control-height);margin:0;padding:0 var(--pg-ui-space-1);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-subtle)}.pg-appearance-compact .pg-appearance-compact-value:focus-within{outline:1px solid var(--pg-ui-accent-text)}.pg-appearance-compact .pg-appearance-compact-value input{width:100%;min-width:0;max-width:none;margin:0;padding:0;border:0;outline:0;background:transparent;font-size:var(--pg-ui-font-small);height:100%;font-variant-numeric:tabular-nums;min-height:0;line-height:inherit}.pg-appearance-compact-value input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:right}.pg-appearance-compact-value input::-webkit-inner-spin-button,.pg-appearance-compact-value input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.pg-appearance-compact-value>span{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-appearance-blend-control{position:relative;min-width:0}.pg-appearance-blend-control>svg{position:absolute;left:var(--pg-ui-space-2);top:50%;transform:translateY(-50%);color:var(--pg-ui-muted);pointer-events:none}.pg-appearance-blend-control>select{width:100%;max-width:none;height:var(--pg-ui-control-height);padding:0 var(--pg-ui-space-2) 0 calc(var(--pg-ui-icon-size) + 2 * var(--pg-ui-space-2));border:0;border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-subtle);font-size:var(--pg-ui-font-small)}.pg-appearance-compact-value>svg{flex:none;color:var(--pg-ui-muted)}.pg-appearance-compact button.pg-appearance-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);margin:0;padding:var(--pg-ui-space-1);border:0;background:transparent;color:var(--pg-ui-muted);border-radius:var(--pg-ui-control-radius)}.pg-appearance-compact button.pg-appearance-icon:hover:not(:disabled){background:var(--pg-ui-subtle);color:var(--pg-ui-text)}.pg-appearance-compact button.pg-appearance-icon:focus-visible,.pg-appearance-compact button.pg-appearance-swatch:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:1px}.pg-appearance-compact button.pg-appearance-swatch{position:relative;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);margin:0;padding:0;overflow:hidden;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);background:repeating-conic-gradient(var(--pg-ui-border) 0% 25%,var(--pg-ui-surface) 0% 50%) 50% / 8px 8px}.pg-appearance-swatch>span{position:absolute;top:0;right:0;bottom:0;left:0}.pg-appearance-compact button.pg-appearance-paint-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--pg-ui-space-1);margin:0;border:0;border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-subtle);text-align:left;font-size:var(--pg-ui-font-small);color:var(--pg-ui-text);text-transform:capitalize;height:var(--pg-ui-control-height)}.pg-appearance-compact>fieldset:disabled{opacity:.55}.pg-appearance-advanced{margin-top:var(--pg-ui-space-3);border-top:1px solid var(--pg-ui-subtle);padding-top:var(--pg-ui-space-2)}.pg-appearance-advanced>summary{cursor:pointer;font-size:var(--pg-ui-font-small);color:var(--pg-ui-muted);padding:var(--pg-ui-space-1) 0}.pg-appearance-advanced>.pg-appearance-panel{padding:var(--pg-ui-space-2);margin-top:var(--pg-ui-space-2);border:1px solid var(--pg-ui-subtle);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-background)}.pg-appearance-compact>[role=alert]{margin:8px 0;color:var(--pg-ui-danger);font-size:var(--pg-ui-font-small);overflow-wrap:anywhere}.pg-appearance-section-heading>h4{flex:1;min-width:0}.pg-appearance-section-heading>.pg-variable-binding{flex:none;max-width:60%}.pg-appearance-summary-field{display:grid;min-width:0;gap:var(--pg-ui-space-1)}.pg-appearance-summary-field>span{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-small)}.pg-appearance-property-control{display:flex;flex-wrap:wrap;min-width:0;align-items:center;gap:var(--pg-ui-space-1)}.pg-appearance-property-control>.pg-appearance-compact-value{flex:1}.pg-appearance-property-control>.pg-variable-binding{flex:none;max-width:100%}.pg-appearance-property-control>.pg-variable-binding[data-bound]{flex:1 0 100%}.pg-appearance-blend-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--pg-ui-space-2);margin-top:var(--pg-ui-space-2);font-size:var(--pg-ui-font-small)}.pg-appearance-compact .pg-appearance-section-heading:not(:first-child){margin-top:var(--pg-ui-space-3);padding-top:var(--pg-ui-space-2);border-top:1px solid var(--pg-ui-border)}.pg-appearance-compact .pg-appearance-section-heading:first-child{margin-top:0;margin-bottom:var(--pg-ui-space-2)}.pg-appearance-layer-row .pg-appearance-compact-value input{text-align:left}.pg-appearance-popover{position:fixed;width:288px;max-height:calc(100vh - 16px);overflow-y:auto;padding:var(--pg-ui-space-3);font:var(--pg-ui-font-small) var(--pg-ui-font)}.pg-appearance-popover>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--pg-ui-space-3)}.pg-appearance-popover>header button{display:grid;place-items:center;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);padding:0;border:0;background:transparent}.pg-appearance-popover .pg-appearance-panel>fieldset,.pg-appearance-popover .pg-appearance-panel>fieldset>fieldset{display:grid;gap:var(--pg-ui-space-2);margin:0;padding:0;border:0}.pg-appearance-popover .pg-appearance-panel>fieldset>fieldset>label,.pg-appearance-popover .pg-appearance-stroke-options>label{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--pg-ui-space-2);margin:0;font-size:var(--pg-ui-font-small)}.pg-appearance-popover .pg-appearance-panel input:not([type=range]),.pg-appearance-popover .pg-appearance-panel select{min-width:0;height:var(--pg-ui-control-height);border:0;border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-control);color:var(--pg-ui-text);font:inherit}.pg-appearance-popover .pg-appearance-panel>fieldset>fieldset>label>input,.pg-appearance-popover .pg-appearance-stroke-options>label>input{width:45%}.pg-appearance-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pg-ui-space-1);border-top:1px solid var(--pg-ui-border);padding-top:var(--pg-ui-space-2)}.pg-appearance-popover .pg-appearance-detail-actions>button{display:grid;place-items:center;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);padding:0;border:0;background:transparent}.pg-appearance-detail-actions>button:nth-child(2)>svg{transform:rotate(180deg)}.pg-appearance-stroke-options{padding-top:var(--pg-ui-space-2);border-top:1px solid var(--pg-ui-border)}.pg-appearance-stroke-options>summary{color:var(--pg-ui-muted);cursor:pointer;margin-bottom:var(--pg-ui-space-2)}.pg-appearance-stroke-options[open]{display:grid;gap:var(--pg-ui-space-2)}.pg-clipboard-relationship-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:16;display:grid;place-items:center;padding:24px;background:var(--pg-ui-overlay)}.pg-clipboard-relationship-dialog{width:min(460px,100%);max-height:calc(100dvh - 48px);overflow:auto;box-sizing:border-box;padding:20px;border:1px solid var(--pg-line, var(--pg-ui-border));border-radius:var(--pg-ui-panel-radius);background:var(--pg-surface, var(--pg-ui-surface));color:var(--pg-text, var(--pg-ui-text));box-shadow:var(--pg-ui-shadow);font-size:var(--pg-ui-font-small)}.pg-clipboard-relationship-dialog h2{margin:0 0 8px;font-size:17px}.pg-clipboard-relationship-dialog p{margin:4px 0 8px;line-height:1.5}.pg-clipboard-relationship-dialog h3{display:flex;justify-content:space-between;margin:18px 0 8px;font-size:var(--pg-ui-font-size)}.pg-clipboard-relationship-dialog h3 span,.pg-clipboard-relationship-note{color:var(--pg-muted, var(--pg-ui-muted))}.pg-clipboard-relationship-fields{margin:0;padding:0;border:0;min-width:0}.pg-clipboard-relationship-item{min-width:0;margin:0 0 8px;padding:6px 10px 10px;border:1px solid var(--pg-line, var(--pg-ui-border));border-radius:var(--pg-ui-control-radius)}.pg-clipboard-relationship-item legend{padding:0 4px;font-weight:600}.pg-clipboard-relationship-item legend span{margin-left:6px;font-weight:400;font-size:var(--pg-ui-font-small);color:var(--pg-muted, var(--pg-ui-muted))}.pg-clipboard-relationship-field{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:12px;align-items:center;margin-top:8px}.pg-clipboard-relationship-field span{overflow-wrap:anywhere}.pg-clipboard-relationship-field input,.pg-clipboard-relationship-field select{width:100%;min-width:0;box-sizing:border-box;padding:6px 8px;color:inherit;background:var(--pg-surface, var(--pg-ui-surface));border:1px solid var(--pg-line, var(--pg-ui-border));border-radius:var(--pg-ui-control-radius);font:inherit}.pg-clipboard-relationship-check{display:flex;gap:6px;align-items:center;margin:10px 0}.pg-clipboard-relationship-flows{margin:0;padding:0;list-style:none}.pg-clipboard-relationship-flows li{display:flex;justify-content:space-between;gap:12px;margin:4px 0}.pg-clipboard-relationship-flows small{color:var(--pg-muted, var(--pg-ui-muted))}.pg-clipboard-relationship-flows[data-flows-included=false]{opacity:.55}.pg-clipboard-relationship-dialog footer{position:sticky;bottom:-20px;display:flex;justify-content:flex-end;gap:8px;margin:16px -20px -20px;padding:12px 20px;background:var(--pg-surface, var(--pg-ui-surface));border-top:1px solid var(--pg-line, var(--pg-ui-border))}.pg-clipboard-relationship-problems,.pg-clipboard-relationship-error{margin:12px 0;padding:10px 12px;border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-warning-bg);color:var(--pg-ui-warn);line-height:1.5}.pg-clipboard-relationship-problems ul{margin:0;padding-left:18px}.pg-clipboard-relationship-error{background:var(--pg-ui-danger-bg);color:var(--pg-ui-danger)}@media(max-width:480px){.pg-clipboard-relationship-backdrop{padding:12px}.pg-clipboard-relationship-dialog{max-height:calc(100dvh - 24px)}.pg-clipboard-relationship-field{grid-template-columns:1fr;gap:4px}}.pg-assets-panel{display:flex;flex-direction:column;gap:var(--pg-ui-space-2);min-width:0}.pg-assets-panel>h3{margin:0;font-size:var(--pg-ui-font-small)}.pg-assets-panel>fieldset{display:flex;flex-direction:column;gap:var(--pg-ui-space-3);min-width:0;border:0;padding:0;margin:0}.pg-assets-panel :is(input,select,textarea,button){min-width:0;max-width:100%}.pg-assets-panel textarea{display:block;width:100%;min-height:80px;margin:var(--pg-ui-space-2) 0;resize:vertical}.pg-assets-panel button{margin:0;overflow-wrap:anywhere}.pg-assets-advanced{border-top:1px solid var(--pg-ui-border);padding-top:var(--pg-ui-space-3)}.pg-assets-advanced>summary{cursor:pointer;font-size:var(--pg-ui-font-small);color:var(--pg-ui-muted)}.pg-assets-advanced>h4{margin:var(--pg-ui-space-3) 0 var(--pg-ui-space-2);font-size:var(--pg-ui-font-small)}.pg-assets-advanced>button+button{margin-left:var(--pg-ui-space-2)}.pg-assets-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--pg-ui-space-2)}.pg-assets-heading>h3{margin:0}.pg-assets-panel .pg-assets-icon{display:grid;place-items:center;width:24px;height:24px;min-height:0;padding:0;border:0;border-radius:var(--pg-ui-radius-sm);background:transparent;color:var(--pg-ui-muted)}.pg-assets-panel .pg-assets-icon:hover:not(:disabled){background:var(--pg-ui-hover);color:var(--pg-ui-text)}.pg-assets-panel .pg-assets-icon:disabled{color:var(--pg-ui-faint);opacity:.5}.pg-assets-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.pg-assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:var(--pg-ui-space-3)}.pg-assets-tile{position:relative;display:flex;flex-direction:column;gap:var(--pg-ui-space-1);min-width:0}.pg-assets-panel .pg-assets-thumb{display:grid;place-items:center;aspect-ratio:1;width:100%;padding:var(--pg-ui-space-2);border:1px solid var(--pg-line);border-radius:var(--pg-ui-radius);background:var(--pg-ui-subtle);cursor:copy}.pg-assets-panel .pg-assets-thumb:hover{border-color:var(--pg-ui-accent-text)}.pg-assets-thumb img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.pg-assets-tile>input{width:100%;min-width:0;height:22px;padding:0 4px;border:1px solid transparent;background:transparent;font-size:var(--pg-ui-font-caption);color:var(--pg-ui-text)}.pg-assets-tile>input:hover,.pg-assets-tile>input:focus{border-color:var(--pg-line);background:var(--pg-ui-surface)}.pg-assets-tile-actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;padding:2px;border-radius:var(--pg-ui-radius-sm);background:var(--pg-ui-surface);box-shadow:var(--pg-ui-shadow);opacity:0;transition:opacity .12s}.pg-assets-tile:hover .pg-assets-tile-actions,.pg-assets-tile:focus-within .pg-assets-tile-actions{opacity:1}@media(hover:none){.pg-assets-tile-actions{opacity:1}}.pg-edit-workspace .pg-edit-assets-content .pg-assets-tile>input{background:transparent;border:1px solid transparent;text-align:left;padding-inline:var(--pg-ui-space-1)}.pg-edit-workspace .pg-edit-assets-content .pg-assets-tile>input:hover{background:var(--pg-ui-subtle)}.pg-edit-workspace .pg-edit-assets-content .pg-assets-tile>input:focus{background:var(--pg-ui-control)}.pg-edit-assets-content .pg-assets-thumb{border-color:var(--pg-ui-border);border-radius:var(--pg-ui-radius);background:var(--pg-ui-background)}.pg-edit-assets-content .pg-assets-thumb:hover{border-color:var(--pg-ui-selection-ring);background:var(--pg-ui-subtle)}.pg-linked-asset-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pg-ui-font-small)}.pg-linked-asset-kind{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-assets-thumb .pg-linked-asset{pointer-events:none}.pg-linked-asset-unavailable{display:grid;place-items:center;width:100%;height:100%;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-linked-asset-unavailable img{max-width:100%;max-height:100%;opacity:.5}.pg-live-canvas[data-interacting=true] .pg-linked-asset,.pg-live-canvas[data-interacting=true] .pg-linked-asset *{pointer-events:auto!important}.pg-linked-assets .pg-assets-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.pg-edit-navigation .pg-assets-panel.pg-linked-assets{padding:0;border:0}.pg-assets-empty{margin:0;padding-block:var(--pg-ui-space-2);color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-linked-asset-unavailable{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pg-linked-asset-error-dot{position:absolute;right:0;top:0;width:4px;height:4px;border-radius:50%;background:var(--pg-ui-warn)}.pg-linked-asset-issues{padding:var(--pg-ui-space-2);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius)}.pg-linked-asset-issues>div{display:flex;align-items:center;justify-content:space-between;gap:var(--pg-ui-space-2)}.pg-linked-asset-issues>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-canvas-guides{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:2}.pg-canvas-guides[data-viewport-guides]{overflow:hidden}.pg-canvas-guide{stroke:var(--pg-ui-selection-ring);pointer-events:stroke;cursor:move;touch-action:none}.pg-canvas-guide-error{position:absolute;top:20px;left:20px;background:var(--pg-ui-surface);color:var(--pg-ui-danger);z-index:4}.pg-canvas-guides-panel{display:grid;gap:6px}.pg-canvas-guides-panel label{display:flex;align-items:center;justify-content:space-between;gap:8px}.pg-canvas-guides-panel input,.pg-canvas-guides-panel select{width:90px;min-width:0}.pg-canvas-guides-panel input[type=checkbox]{width:auto}.pg-canvas-guides-panel fieldset{display:grid;gap:4px;min-width:0}.pg-canvas-guides-panel p{font-size:var(--pg-ui-font-small);margin:0;opacity:.75}.pg-data-workspace{min-height:0;min-width:0;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain;container-type:inline-size}.pg-edit-navigation .pg-data-workspace [data-workspace-data-panel]{overflow:visible}.pg-data-selection,.pg-data-empty{padding:var(--pg-ui-space-4)}.pg-data-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--pg-ui-space-2)}.pg-data-empty>p,.pg-data-workspace .pg-data-selection{margin:0}.pg-data-workspace .pg-data-selection{padding-bottom:0;color:var(--pg-ui-text)}.pg-data-panel{display:flex;flex-direction:column;gap:var(--pg-ui-space-3);min-width:0}.pg-data-workspace .pg-data-panel{padding:var(--pg-ui-space-4)}.pg-data-panel>:is(h2,p),.pg-data-panel>div>:is(h2,p){margin:0}.pg-data-panel label{display:flex;flex-direction:column;gap:var(--pg-ui-space-1)}.pg-data-panel :is([data-workspace-binding],[data-workspace-repeat]){border-top:1px solid var(--pg-ui-border);padding-top:var(--pg-ui-space-2);display:flex;flex-direction:column;gap:var(--pg-ui-space-2)}.pg-data-panel details code{display:block;overflow-wrap:anywhere}.pg-data-panel textarea{width:100%;resize:vertical}.pg-data-browser{display:flex;flex-direction:column;gap:var(--pg-ui-space-4);min-width:0}.pg-data-schema{min-width:0}.pg-data-schema>header{display:flex;align-items:center;justify-content:space-between;gap:var(--pg-ui-space-2)}.pg-data-schema>header strong{overflow:hidden;text-overflow:ellipsis}.pg-data-schema>header>span,.pg-data-schema-source{color:var(--pg-ui-muted)}.pg-data-schema-source{display:flex;flex-direction:column;gap:var(--pg-ui-space-1);margin-top:var(--pg-ui-space-1)}.pg-data-schema-source code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-data-schema ul{list-style:none;padding:0;margin:var(--pg-ui-space-2) 0 0}.pg-data-schema li>button{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,35%);align-items:end;gap:var(--pg-ui-space-2);width:100%;text-align:left;border:0;background:transparent}.pg-data-schema li>button[aria-pressed=true]{color:var(--pg-ui-accent-text);background:var(--pg-ui-selected)}.pg-data-field-name{display:flex;flex-direction:column;min-width:0;gap:var(--pg-ui-space-1)}.pg-data-field-name>code{overflow-wrap:anywhere}.pg-data-field-name>span,.pg-data-field-type{color:var(--pg-ui-muted)}.pg-data-field-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.pg-data-panel :is(input,select,button){min-width:0;height:var(--pg-ui-control-height);font:inherit}.pg-data-panel>h2{font-size:var(--pg-ui-font-small)}.pg-data-panel>input,.pg-data-panel select{width:100%;box-sizing:border-box}.pg-data-browser{gap:var(--pg-ui-space-3)}.pg-data-schema>header{min-height:var(--pg-ui-row-height)}.pg-data-schema>header>span{font-size:var(--pg-ui-font-caption);font-variant-numeric:tabular-nums}.pg-data-schema-source{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pg-ui-font-caption);margin:0}.pg-data-schema li>button{height:var(--pg-ui-row-height);padding:0 var(--pg-ui-space-2)}.pg-data-field-name>code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-data-connect{display:grid;gap:var(--pg-ui-space-2);padding:var(--pg-ui-space-3) var(--pg-ui-space-2);margin-bottom:var(--pg-ui-space-2);border-bottom:1px solid var(--pg-ui-border)}.pg-data-connect-row{display:flex;align-items:center;gap:var(--pg-ui-space-2)}.pg-data-connect-target{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-data-connect-row>button{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:var(--pg-ui-space-1);padding:0 var(--pg-ui-space-2)}.pg-data-connect-row svg,.pg-data-repeat svg{flex:none}.pg-data-repeat{display:flex;align-items:center;gap:var(--pg-ui-space-2);color:var(--pg-ui-accent-text)}.pg-data-repeat>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-data-count{margin-left:var(--pg-ui-space-2);font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted);font-variant-numeric:tabular-nums}.pg-data-target,.pg-data-section{display:grid;gap:var(--pg-ui-space-2);min-width:0}.pg-data-target>header,.pg-data-section>header,.pg-data-binding>header{display:flex;align-items:center;gap:var(--pg-ui-space-2);min-width:0}.pg-data-target>header{min-height:var(--pg-ui-row-height)}.pg-data-target>header strong,.pg-data-binding>header strong{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-data-target>header svg,.pg-data-binding>header svg{flex:none}.pg-data-section{border-top:1px solid var(--pg-ui-border);padding-top:var(--pg-ui-space-3)}.pg-data-section>header{justify-content:space-between}.pg-data-panel .pg-data-icon-button{width:var(--pg-ui-control-height);padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none;background:transparent;border:0}.pg-data-panel .pg-data-icon-button:hover{background:var(--pg-ui-row-hover)}.pg-data-panel input[type=search],.pg-data-panel input:not([type]),.pg-data-panel textarea{width:100%;box-sizing:border-box}.pg-data-panel label.pg-data-filter{display:flex;flex-direction:row;align-items:center;gap:var(--pg-ui-space-2);color:var(--pg-ui-muted)}.pg-data-filter input[type=checkbox]{height:auto;margin:0;accent-color:var(--pg-ui-accent-text)}.pg-data-schema>header{display:block}.pg-data-schema>header>button{width:100%;display:flex;align-items:center;gap:var(--pg-ui-space-2);padding:0;border:0;background:transparent;text-align:left}.pg-data-schema>header strong{flex:1;font-size:var(--pg-ui-font-small)}.pg-data-schema>header>button>span{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-data-schema-source{padding-left:calc(var(--pg-ui-icon-size) + var(--pg-ui-space-2))}.pg-data-schema li>button{height:auto;min-height:calc(var(--pg-ui-row-height) + var(--pg-ui-space-2));padding:var(--pg-ui-space-1) var(--pg-ui-space-2);border-radius:var(--pg-ui-radius-sm)}.pg-data-schema li>button:hover{background:var(--pg-ui-subtle)}.pg-data-field-name{gap:0}.pg-data-field-name>span{color:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pg-data-field-name>code{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption);line-height:1.5}.pg-data-field-type{font-size:var(--pg-ui-font-caption);line-height:1.5}.pg-data-binding-slot{display:flex;gap:var(--pg-ui-space-2);justify-content:space-between;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption);min-width:0}.pg-data-binding-slot>code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-data-binding-slot>span{flex:none}.pg-data-value{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:var(--pg-ui-space-1) var(--pg-ui-space-2);min-width:0;font-size:var(--pg-ui-font-caption)}.pg-data-value>span{display:flex;justify-content:space-between;gap:var(--pg-ui-space-2);color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-data-value output{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.pg-data-value small{color:var(--pg-ui-muted);overflow-wrap:anywhere;font-size:var(--pg-ui-font-caption)}.pg-data-value>small{grid-column:1 / -1}.pg-data-value[data-state=error] output,.pg-data-error,.pg-data-issue{color:var(--pg-ui-danger)}.pg-data-options[open]{display:grid;gap:var(--pg-ui-space-2)}.pg-data-options summary{cursor:pointer;color:var(--pg-ui-muted)}.pg-data-options label{flex-direction:row;justify-content:space-between;align-items:center}.pg-data-options label select{width:60%}.pg-data-condition{display:grid;gap:var(--pg-ui-space-2)}.pg-data-condition label{flex-direction:row;justify-content:space-between;align-items:center}.pg-data-condition label select{width:60%}.pg-data-written{display:grid;gap:var(--pg-ui-space-2)}.pg-data-panel .pg-data-slot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:var(--pg-ui-space-2);color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-data-slot select{color:var(--pg-ui-text)}.pg-data-connect>details{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-data-overview{border-top:1px solid var(--pg-ui-border);padding-top:var(--pg-ui-space-3)}.pg-data-overview ul{list-style:none;padding:0;margin:var(--pg-ui-space-2) 0 0}.pg-data-overview li>button{width:100%;height:auto;min-height:var(--pg-ui-row-height);display:flex;align-items:center;gap:var(--pg-ui-space-2);text-align:left;background:transparent;border:0;padding:var(--pg-ui-space-2)}.pg-data-overview li>button>span{display:flex;flex-direction:column;min-width:0}.pg-data-overview strong,.pg-data-overview code{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pg-data-overview code{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-data-overview svg{flex:none}.pg-data-overview .pg-data-issue{margin-left:auto}.pg-data-panel progress{width:100%;height:var(--pg-ui-space-1);accent-color:var(--pg-ui-accent-text)}.pg-data-error{display:grid;gap:var(--pg-ui-space-2);overflow-wrap:anywhere;min-width:0}.pg-data-error>button{justify-self:start}.pg-data-schema li>button[aria-pressed=true]:hover{background:var(--pg-ui-selected)}.pg-data-connection-context{display:grid;gap:var(--pg-ui-space-1);min-width:0;margin:0;font-size:var(--pg-ui-font-caption)}.pg-data-connection-context>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:var(--pg-ui-space-2);min-width:0}.pg-data-connection-context dt{flex:none;color:var(--pg-ui-muted)}.pg-data-connection-context dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.pg-data-connection-context [data-data-source-status=declared]{color:var(--pg-ui-accent-text)}.pg-data-connection-context [data-data-source-status=unchecked]{color:var(--pg-ui-muted)}@container (max-width: 200px){.pg-data-schema li>button{grid-template-columns:minmax(0,1fr) minmax(0,45%)}.pg-data-panel .pg-data-slot,.pg-data-connection-context>div{grid-template-columns:minmax(0,1fr)}.pg-data-connection-context dd{text-align:left}}.pg-scope-transfer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--pg-ui-overlay)}.pg-scope-transfer{width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:20px 22px;background:var(--pg-ui-surface);border:1px solid var(--pg-line);border-radius:var(--pg-ui-panel-radius);box-shadow:var(--pg-ui-shadow);font-size:var(--pg-ui-font-small)}.pg-scope-transfer h2{margin:0 0 8px;font-size:15px}.pg-scope-transfer>p{margin:0 0 14px;line-height:1.5}.pg-scope-transfer-item{margin:0 0 12px;padding:10px 12px 12px;border:1px solid var(--pg-line);border-radius:var(--pg-ui-radius);min-width:0}.pg-scope-transfer-item legend{padding:0 4px;font-weight:600}.pg-scope-transfer-evidence{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:3px 12px;margin:0 0 10px;font-size:var(--pg-ui-font-small)}.pg-scope-transfer-evidence dt{color:var(--pg-muted)}.pg-scope-transfer-evidence dd{margin:0;overflow-wrap:anywhere}.pg-scope-transfer-evidence code{font:10px/1.4 var(--pg-ui-font-mono);background:var(--pg-ui-subtle);padding:0 3px;border-radius:var(--pg-ui-radius-sm)}.pg-scope-transfer-option{display:flex;align-items:center;gap:6px;margin:6px 0 4px;cursor:default}.pg-scope-transfer-option input{margin:0}.pg-scope-transfer-item select,.pg-scope-transfer-item input[type=text],.pg-scope-transfer-item input:not([type]){display:block;width:100%;margin:0 0 4px 20px;max-width:calc(100% - 20px)}.pg-scope-transfer-note{margin:4px 0 4px 20px;color:var(--pg-muted);font-size:var(--pg-ui-font-small);line-height:1.5}.pg-scope-transfer-error{margin:0 0 12px;padding:8px 10px;background:var(--pg-ui-danger-bg);color:var(--pg-ui-danger);border-radius:var(--pg-ui-control-radius);line-height:1.5}.pg-scope-transfer-actions{display:flex;justify-content:flex-end;gap:8px}.pg-layer-row[data-layer-drop-decision=true]{--pg-layer-drop-color: var(--pg-ui-warn);background:var(--pg-ui-warning-bg)}.pg-layer-panel{padding:8px 0;font-size:var(--pg-ui-font-small)}.pg-layer-feedback{margin:0;padding:8px 12px;color:var(--pg-muted);font-size:var(--pg-ui-font-caption);line-height:1.5}.pg-layer-feedback:empty{display:none}.pg-layer-feedback{border-top:1px solid var(--pg-line)}.pg-layer-row{position:relative;display:flex;align-items:center;gap:var(--pg-ui-space-1);height:var(--pg-ui-row-height);padding:0 var(--pg-ui-space-2) 0 min(calc(var(--pg-ui-space-2) + var(--pg-layer-depth) * var(--pg-ui-space-3)),calc(var(--pg-ui-space-4) * 5));cursor:default;-webkit-user-select:none;user-select:none;outline:none}.pg-layer-row:hover{background:var(--pg-ui-hover)}.pg-layer-row[aria-selected=true]{background:var(--pg-ui-selected);color:var(--pg-ui-text)}.pg-layer-row:focus-visible{outline:2px solid var(--pg-accent);outline-offset:-2px}.pg-layer-toggle,.pg-layer-toggle-space{flex:0 0 16px;width:16px;height:24px}.pg-layer-row .pg-layer-toggle{padding:0;border:0;background:transparent;color:inherit;font-size:var(--pg-ui-font-size);border-radius:var(--pg-ui-radius-sm);display:grid;place-items:center}.pg-layer-row .pg-layer-toggle:hover{background:var(--pg-ui-selection-ring)}.pg-layer-icon{flex:0 0 var(--pg-ui-icon-size);text-align:center;opacity:1;display:flex;align-items:center;color:var(--pg-ui-muted)}.pg-layer-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-layer-zone{position:absolute;left:0;right:0;pointer-events:none}.pg-layer-zone-before{top:0;height:25%}.pg-layer-zone-inside{top:25%;height:50%}.pg-layer-zone-after{bottom:0;height:25%}.pg-layer-row[data-layer-drop-position]{--pg-layer-drop-color: var(--pg-accent)}.pg-layer-row[data-layer-drop-valid=false]{--pg-layer-drop-color: var(--pg-ui-danger);background:var(--pg-ui-danger-bg)}.pg-layer-row[data-layer-drop-position=inside]{box-shadow:inset 0 0 0 2px var(--pg-layer-drop-color);background:var(--pg-ui-selected)}.pg-layer-row[data-layer-drop-position=before]:before,.pg-layer-row[data-layer-drop-position=after]:after{content:"";position:absolute;z-index:1;left:calc(6px + var(--pg-layer-depth) * 14px);right:6px;height:2px;background:var(--pg-layer-drop-color);pointer-events:none}.pg-layer-row[data-layer-drop-position=before]:before{top:-1px}.pg-layer-row[data-layer-drop-position=after]:after{bottom:-1px}.pg-layer-row[data-layer-kind=component] .pg-layer-icon,.pg-layer-row[data-layer-kind=instance] .pg-layer-icon{color:var(--pg-ui-accent-text)}.pg-layer-row[aria-selected=true] .pg-layer-icon{color:inherit}.pg-layer-search{display:flex;align-items:center;gap:var(--pg-ui-space-1);margin:0 var(--pg-ui-space-3) var(--pg-ui-space-2);padding:0 var(--pg-ui-space-2);min-height:var(--pg-ui-control-height);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-control);color:var(--pg-ui-muted)}.pg-layer-search>svg{flex:none}.pg-layer-search input{flex:1;min-width:0;width:100%;border:0;background:transparent;padding-inline:0}.pg-layer-search input::-webkit-search-cancel-button{display:none}.pg-layer-match-count{font-size:var(--pg-ui-font-caption);font-variant-numeric:tabular-nums}.pg-layer-search button,.pg-layer-row .pg-layer-visibility{display:grid;place-items:center;flex:none;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);padding:0;border:0;background:transparent;color:inherit}.pg-layer-visibility{opacity:0}.pg-layer-row:hover .pg-layer-visibility,.pg-layer-row:focus-within .pg-layer-visibility,.pg-layer-visibility[aria-pressed=true]{opacity:1}.pg-layer-row[data-layer-hidden=true] .pg-layer-name{color:var(--pg-ui-faint)}.pg-layer-row[aria-selected=true]:hover{background:var(--pg-ui-selected)}.pg-layer-row[aria-selected=true] .pg-layer-visibility:hover{background:transparent}.pg-layer-empty{padding:var(--pg-ui-space-3);margin:0;color:var(--pg-ui-muted)}.pg-edit-workspace .pg-layer-search>input[type=search]{background:transparent;border:0;outline:none;box-shadow:none;padding:0}.pg-layer-search:has(input:focus-visible){box-shadow:inset 0 0 0 1px var(--pg-ui-selection-ring)}.pg-layer-name{display:flex;flex-direction:column}.pg-layer-name>:is(span,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-layer-name>small{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-layer-row[data-search-result=true]{height:calc(var(--pg-ui-row-height) + var(--pg-ui-space-4))}.pg-edit-arrange{border-top:1px solid var(--pg-workspace-border, var(--pg-ui-border));margin-top:16px;padding-top:12px}.pg-edit-arrange h3{margin:0 0 8px;font-size:var(--pg-ui-font-size)}.pg-edit-arrange p{font-size:var(--pg-ui-font-small);line-height:1.5;margin:6px 0}.pg-edit-arrange-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.pg-edit-arrange-actions button{min-height:34px;padding:5px;font-size:var(--pg-ui-font-small)}.pg-edit-arrange-note{color:var(--pg-workspace-muted, var(--pg-ui-muted))}.pg-edit-arrange [data-layer-arrangement-feedback]:empty{display:none}.pg-edit-arrange .pg-arrange-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:-1px;border:0;white-space:nowrap}.pg-selection-handles{position:absolute;left:0;top:0;width:0;height:0;overflow:visible;pointer-events:none;z-index:3;--pg-handle-scale:1}.pg-selection-box{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;box-sizing:border-box}.pg-selection-box-shared{box-shadow:inset 0 0 0 1px var(--pg-ui-border)}.pg-selection-handle{z-index:1;position:absolute;pointer-events:auto;box-sizing:border-box;width:calc(8px * var(--pg-handle-scale));height:calc(8px * var(--pg-handle-scale));margin:calc(-4px * var(--pg-handle-scale)) 0 0 calc(-4px * var(--pg-handle-scale));background:var(--pg-ui-surface);border:calc(1px * var(--pg-handle-scale)) solid var(--pg-ui-canvas-accent);touch-action:none}.pg-selection-handle-nw{left:0;top:0;cursor:nwse-resize}.pg-selection-handle-n{left:50%;top:0;cursor:ns-resize}.pg-selection-handle-ne{left:100%;top:0;cursor:nesw-resize}.pg-selection-handle-e{left:100%;top:50%;cursor:ew-resize}.pg-selection-handle-se{left:100%;top:100%;cursor:nwse-resize}.pg-selection-handle-s{left:50%;top:100%;cursor:ns-resize}.pg-selection-handle-sw{left:0;top:100%;cursor:nesw-resize}.pg-selection-handle-w{left:0;top:50%;cursor:ew-resize}.pg-selection-rotate{position:absolute;pointer-events:auto;width:calc(20px * var(--pg-handle-scale));height:calc(20px * var(--pg-handle-scale));touch-action:none}.pg-selection-rotate-nw{right:100%;bottom:100%}.pg-selection-rotate-ne{left:100%;bottom:100%}.pg-selection-rotate-se{left:100%;top:100%}.pg-selection-rotate-sw{right:100%;top:100%}.pg-selection-rotation-center{display:none;position:absolute;left:50%;top:50%;width:calc(10px * var(--pg-handle-scale));height:calc(10px * var(--pg-handle-scale));transform:translate(-50%,-50%);border:calc(1px * var(--pg-handle-scale)) solid var(--pg-ui-canvas-accent);border-radius:50%;box-sizing:border-box;pointer-events:none}.pg-selection-rotation-center:before,.pg-selection-rotation-center:after{content:"";position:absolute;background:var(--pg-ui-canvas-accent);left:50%;top:50%;transform:translate(-50%,-50%)}.pg-selection-rotation-center:before{width:calc(16px * var(--pg-handle-scale));height:calc(1px * var(--pg-handle-scale))}.pg-selection-rotation-center:after{height:calc(16px * var(--pg-handle-scale));width:calc(1px * var(--pg-handle-scale))}.pg-selection-box:has(.pg-selection-rotate:hover)>.pg-selection-rotation-center,.pg-selection-handles[data-selection-rotating=true] .pg-selection-rotation-center{display:block}.pg-selection-guide{position:absolute;pointer-events:none;background:var(--pg-ui-selection-ring)}.pg-selection-guide[data-selection-guide=x]{width:calc(1px * var(--pg-handle-scale))}.pg-selection-guide[data-selection-guide=y]{height:calc(1px * var(--pg-handle-scale))}.pg-selection-feedback{position:absolute;left:0;top:calc(-28px * var(--pg-handle-scale));transform:scale(var(--pg-handle-scale));transform-origin:0 0;margin:0;padding:2px 6px;font-size:var(--pg-ui-font-small);line-height:1.5;white-space:nowrap;background:var(--pg-ui-surface);border:1px solid var(--pg-line,var(--pg-ui-border));border-radius:var(--pg-ui-control-radius);color:var(--pg-muted,var(--pg-ui-muted))}.pg-selection-feedback:empty{display:none}.pg-selection-dimensions{position:absolute;pointer-events:none;transform:scale(var(--pg-handle-scale)) translate(-50%);transform-origin:0 0;padding:2px 6px;border-radius:var(--pg-ui-radius-sm);background:var(--pg-ui-canvas-accent);color:var(--pg-ui-on-strong);font:11px/16px var(--pg-ui-font);white-space:nowrap}.pg-edit-geometry{border-top:1px solid var(--pg-workspace-border,var(--pg-ui-border));margin-top:16px;padding-top:12px}.pg-edit-geometry h3{margin:0 0 8px;font-size:var(--pg-ui-font-size)}.pg-edit-geometry-note{font-size:var(--pg-ui-font-caption);line-height:1.6;color:var(--pg-workspace-muted,var(--pg-ui-muted));margin:6px 0}.pg-edit-geometry [data-layer-geometry-feedback]:empty{display:none}.pg-edit-constraints-note{margin-top:var(--pg-ui-space-2);color:var(--pg-ui-muted);font-size:var(--pg-ui-font-small)}.pg-edit-constraints-note>summary{cursor:pointer}.pg-edit-rotation-field{display:block;position:relative;min-width:0}.pg-edit-rotation-field>svg{position:absolute;left:var(--pg-ui-space-2);top:50%;transform:translateY(-50%);width:var(--pg-ui-icon-size);height:var(--pg-ui-icon-size);pointer-events:none;color:var(--pg-ui-muted)}.pg-edit-workspace .pg-edit-rotation-field>input{padding-left:calc(var(--pg-ui-icon-size) + var(--pg-ui-space-2) * 2)}.pg-selection-member{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;outline:calc(1px * var(--pg-handle-scale)) dashed var(--pg-ui-canvas-accent)}.pg-selection-spacing{position:absolute;pointer-events:none;border-color:var(--pg-ui-selection-ring);border-style:solid;border-width:0}.pg-selection-spacing[data-selection-spacing=x]{height:calc(5px * var(--pg-handle-scale));border-width:calc(1px * var(--pg-handle-scale)) 0 0}.pg-selection-spacing[data-selection-spacing=y]{width:calc(5px * var(--pg-handle-scale));border-width:0 0 0 calc(1px * var(--pg-handle-scale))}.pg-selection-feedback.pg-selection-announcement,.pg-geometry-diagnostic{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:-1px;border:0;white-space:nowrap}.pg-component-connections{margin:0;padding:var(--pg-ui-space-3) var(--pg-ui-space-4);border-bottom:1px solid var(--pg-ui-border);font-size:var(--pg-ui-font-small)}.pg-component-connections header{display:flex;align-items:center;gap:var(--pg-ui-space-2);min-height:var(--pg-ui-control-height);color:var(--pg-ui-accent-text)}.pg-component-connections strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.pg-component-connections small{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-connection-diamond{font-size:var(--pg-ui-tool-size)}.pg-connection-count{border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-selected);padding:0 var(--pg-ui-space-2);font-size:var(--pg-ui-font-caption)}.pg-component-connections button{cursor:pointer;font:inherit;color:inherit;background:transparent;border:0;text-align:left}.pg-component-connections nav{display:flex;align-items:center;gap:var(--pg-ui-space-1);margin-block:var(--pg-ui-space-2)}.pg-component-connections nav button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--pg-ui-space-1) var(--pg-ui-space-2);border-radius:var(--pg-ui-control-radius)}.pg-component-connections nav button:first-child{flex-shrink:0;color:var(--pg-ui-accent-text)}.pg-component-connections nav button[aria-pressed=true]{background:var(--pg-ui-selected)}.pg-connection-field{padding-block:var(--pg-ui-space-2)}.pg-connection-field-control{display:grid;gap:var(--pg-ui-space-2)}.pg-connection-field-control>span:first-child{display:flex;justify-content:space-between;align-items:center;gap:var(--pg-ui-space-2)}.pg-connection-field small{flex-shrink:0;color:var(--pg-ui-accent-text)}.pg-connection-field input,.pg-connection-field select{width:100%;min-width:0;box-sizing:border-box;border:1px solid transparent;border-radius:var(--pg-ui-control-radius);padding:var(--pg-ui-space-2);background:var(--pg-ui-subtle);color:inherit;font:inherit}.pg-connection-list{margin-top:var(--pg-ui-space-1)}.pg-connection-list summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:var(--pg-ui-control-height);list-style:none;color:var(--pg-ui-muted)}.pg-connection-list summary::-webkit-details-marker{display:none}.pg-connection-list summary:after{content:"›"}.pg-connection-list[open] summary:after{transform:rotate(90deg)}.pg-component-connections .pg-connection-row{width:100%;display:flex;align-items:center;gap:var(--pg-ui-space-2);min-height:var(--pg-ui-control-height);padding:var(--pg-ui-space-1) var(--pg-ui-space-2)}.pg-connection-row>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-component-connections button:hover{background:var(--pg-ui-hover)}.pg-component-connections button:focus-visible,.pg-connection-list summary:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:-2px}.pg-component-connections .pg-connection-row[aria-current=true]{background:var(--pg-ui-selected);color:var(--pg-ui-accent-text)}.pg-connection-main-label{color:var(--pg-ui-accent-text);font-size:var(--pg-ui-font-caption);margin:var(--pg-ui-space-2) 0}.pg-connection-colors{display:grid;gap:var(--pg-ui-space-1)}.pg-connection-color{position:relative;display:flex;align-items:center;gap:var(--pg-ui-space-2);padding:var(--pg-ui-space-2);background:var(--pg-ui-subtle);border:1px solid transparent;border-radius:var(--pg-ui-control-radius);cursor:pointer;min-width:0}.pg-connection-color:has(input:checked){border-color:var(--pg-ui-accent-text);background:var(--pg-ui-selected)}.pg-connection-color:has(input:focus-visible){outline:2px solid var(--pg-ui-accent-text);outline-offset:1px}.pg-connection-field .pg-connection-color input{position:absolute;width:1px;height:1px;opacity:0;padding:0}.pg-connection-swatch{width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-radius-sm);flex:none}.pg-connection-color>span:nth-last-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.pg-connection-color-check{color:var(--pg-ui-accent-text)}.pg-connection-color-status{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption);overflow-wrap:anywhere}.pg-shared-color-value{display:flex;align-items:center;gap:var(--pg-ui-space-2);padding:var(--pg-ui-space-1);background:var(--pg-ui-subtle);border-radius:var(--pg-ui-control-radius)}.pg-shared-color-value>button:first-child{display:flex;padding:0;flex:none}.pg-shared-color-value>label{flex:1;min-width:0}.pg-component-connections .pg-shared-color-token{display:flex;flex:1;gap:var(--pg-ui-space-2);align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-shared-color-token>span:last-child{overflow:hidden;text-overflow:ellipsis}.pg-shared-color-error{display:block;margin-top:var(--pg-ui-space-1);color:var(--pg-ui-danger)}.pg-edit-viewport{position:relative;flex:1;min-width:0;min-height:0;overflow:clip;outline:none;touch-action:none;overscroll-behavior:contain;background:var(--pg-ui-border)}.pg-edit-viewport-stage{position:absolute;left:0;top:0;transform-origin:0 0}.pg-edit-viewport-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden}.pg-edit-viewport[data-hand=true],.pg-edit-viewport[data-hand=true] *{cursor:grab!important}.pg-edit-viewport[data-panning=true],.pg-edit-viewport[data-panning=true] *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.pg-edit-viewport:focus-visible{box-shadow:inset 0 0 0 1px var(--pg-ui-border)}.pg-component-page{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--pg-ui-background)}.pg-component-page>header{z-index:2;flex:none;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--pg-ui-space-3);padding:var(--pg-ui-space-3) var(--pg-ui-space-5);background:var(--pg-ui-surface);border-bottom:1px solid var(--pg-ui-border)}.pg-component-page>header>div{display:flex;align-items:center;gap:var(--pg-ui-space-2)}.pg-component-page h1{font-size:var(--pg-ui-font-size);margin:0}.pg-component-page button{font:inherit;color:inherit;cursor:pointer}.pg-component-page>header>button{border:0;border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-subtle);padding:var(--pg-ui-space-2) var(--pg-ui-space-3);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-component-canvas{position:relative}.pg-component-canvas-item{position:absolute;outline:1px solid var(--pg-ui-border)}.pg-component-canvas-item[data-selected=true]{outline-color:var(--pg-ui-accent-text)}.pg-component-canvas-label{position:absolute;left:0;top:0;display:flex;gap:var(--pg-ui-space-2);border:0;background:transparent;transform-origin:bottom left;color:var(--pg-ui-accent-text)!important;padding:var(--pg-ui-space-2) 0;white-space:nowrap}.pg-component-page button:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:-2px}.pg-component-page-layers{overflow:auto;padding:var(--pg-ui-space-2)}.pg-component-page-layers button{display:flex;align-items:center;gap:var(--pg-ui-space-2);width:100%;min-height:var(--pg-ui-row-height);border:0;border-radius:var(--pg-ui-control-radius);background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;padding:var(--pg-ui-space-2)}.pg-component-page-layers .pg-component-page-child{padding-left:var(--pg-ui-space-5)}.pg-component-page-layers button[aria-pressed=true]{background:var(--pg-ui-selected);color:var(--pg-ui-accent-text)}.pg-component-page-layers button:hover{background:var(--pg-ui-hover)}.pg-component-page-layers button:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:-2px}.pg-component-page-native-child{margin-inline-start:var(--pg-ui-space-3)}.pg-text-style-catalog{margin-top:16px;border-top:1px solid var(--pg-line,var(--pg-ui-border));padding-top:1px;min-width:0;font-size:var(--pg-ui-font-small)}.pg-text-style-catalog>p{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-small)}.pg-text-style-group>summary{padding:10px 0;font-weight:500;cursor:pointer}.pg-text-style-group>summary::marker{color:var(--pg-ui-faint)}.pg-text-style-entry{min-width:0}.pg-text-style-entry>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:36px;padding:3px 4px;border-radius:var(--pg-ui-control-radius);box-sizing:border-box}.pg-text-style-entry>summary::-webkit-details-marker{display:none}.pg-text-style-entry>summary:hover,.pg-text-style-entry[open]>summary{background:var(--pg-ui-subtle)}.pg-text-style-entry>summary:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:1px}.pg-text-style-icon{font-size:16px;font-weight:600;flex:none;color:var(--pg-ui-text)}.pg-text-style-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pg-text-style-metrics{color:var(--pg-ui-faint);white-space:nowrap;font-size:var(--pg-ui-font-small)}.pg-text-style-details{padding:4px 8px 8px 30px;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-small);overflow-wrap:anywhere}.pg-text-style-details dl{margin:0}.pg-text-style-details dl>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;padding:4px 0}.pg-text-style-details dd{margin:0;color:var(--pg-ui-text)}.pg-text-style-details p{font-size:var(--pg-ui-font-small);margin:8px 0 0}.pg-editor-toolbar{position:absolute;z-index:12;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;width:max-content;max-width:calc(100% - 24px);padding:6px;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-panel-radius);background:var(--pg-ui-surface);color:var(--pg-ui-text);box-shadow:var(--pg-ui-shadow);font:12px/1.4 var(--pg-ui-font);isolation:isolate}.pg-editor-toolbar .pg-editor-tool{display:flex;align-items:center;justify-content:center;gap:3px;flex:none;box-sizing:border-box;width:36px;height:36px;margin:0;padding:7px;border:0;border-radius:var(--pg-ui-radius);background:transparent;color:inherit;box-shadow:none;cursor:pointer;line-height:1}.pg-editor-toolbar .pg-editor-tool:hover{background:var(--pg-ui-hover)}.pg-editor-toolbar .pg-editor-tool[aria-pressed=true]{background:var(--pg-ui-accent);color:var(--pg-ui-on-accent)}.pg-editor-toolbar .pg-editor-tool[aria-pressed=true]:hover{background:var(--pg-ui-accent-hover)}.pg-editor-toolbar .pg-editor-tool[aria-expanded=true]:not([aria-pressed=true]){background:var(--pg-ui-hover)}.pg-editor-toolbar .pg-editor-tool-menu{width:44px;padding:7px 5px}.pg-editor-toolbar .pg-editor-tool-menu[data-toolbar-button=actions]{width:36px}.pg-editor-tool-chevron{flex:none}.pg-editor-toolbar-divider{flex:none;align-self:stretch;width:1px;margin:5px;background:var(--pg-ui-border)}.pg-editor-toolbar button:focus-visible,.pg-editor-tool-popup:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:2px}.pg-editor-toolbar .pg-editor-tool[aria-pressed=true]:focus-visible{outline-color:var(--pg-ui-text)}.pg-editor-tool-popup{position:absolute;bottom:calc(100% + 10px);right:0;z-index:1;box-sizing:border-box;min-width:214px;max-width:calc(100vw - 24px);max-height:min(360px,calc(100dvh - 96px));overflow:auto;overscroll-behavior:contain;padding:5px;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-panel-radius);background:var(--pg-ui-surface);box-shadow:var(--pg-ui-shadow);color:var(--pg-ui-text)}.pg-editor-tool-popup-shapes{right:68px}.pg-editor-tool-popup-pen{right:40px}.pg-editor-tool-popup button{display:flex;align-items:center;gap:var(--pg-ui-space-2);box-sizing:border-box;width:100%;min-height:var(--pg-ui-row-height);margin:0;padding:var(--pg-ui-space-1) var(--pg-ui-space-2);border:0;border-radius:var(--pg-ui-control-radius);background:transparent;color:inherit;box-shadow:none;font:inherit;text-align:left;white-space:nowrap;cursor:pointer}.pg-editor-tool-popup button>svg{flex:none;width:var(--pg-ui-icon-size);height:var(--pg-ui-icon-size)}.pg-editor-tool-popup button>span:not(.pg-editor-tool-check){flex:1}.pg-editor-tool-popup kbd{font:10px/1.3 var(--pg-ui-font);color:var(--pg-ui-faint)}.pg-editor-tool-check{width:12px;color:var(--pg-ui-accent-text);font-size:var(--pg-ui-font-size)}.pg-editor-tool-popup button:hover:not(:disabled),.pg-editor-tool-popup button:focus-visible{background:var(--pg-ui-selected);outline:none}.pg-editor-tool-popup button[aria-checked=true]{background:var(--pg-ui-selected)}.pg-editor-tool-popup button:disabled{color:var(--pg-ui-faint);cursor:default}.pg-editor-tool-popup button:disabled kbd{color:inherit}.pg-editor-tool-popup [role=separator]{height:1px;margin:5px 3px;background:var(--pg-ui-border)}@media(max-width:480px){.pg-editor-toolbar{bottom:12px;gap:1px;padding:5px}.pg-editor-toolbar .pg-editor-tool{width:32px;height:34px;padding:6px}.pg-editor-toolbar .pg-editor-tool-menu{width:40px;padding:6px 4px}.pg-editor-toolbar .pg-editor-tool-menu[data-toolbar-button=actions]{width:32px}.pg-editor-toolbar-divider{margin:5px 3px}.pg-editor-tool-popup-shapes,.pg-editor-tool-popup-pen{right:0}}.pg-edit-main{container-type:inline-size;container-name:pg-editor-canvas}@container pg-editor-canvas (max-width:340px){.pg-editor-toolbar{flex-wrap:wrap;justify-content:center;width:calc(100% - 24px)}.pg-editor-tool-popup{min-width:min(214px,calc(100cqw - 24px));max-width:calc(100cqw - 24px)}.pg-editor-tool-popup-shapes,.pg-editor-tool-popup-pen{right:0}.pg-editor-tool-popup button{white-space:normal}.pg-editor-tool-popup button>span:not(.pg-editor-tool-check){min-width:0;overflow-wrap:anywhere}.pg-editor-tool-popup kbd{flex:none;white-space:nowrap}}.pg-editor-tool-check{width:var(--pg-ui-icon-size);flex:none;display:grid;place-items:center}.pg-editor-command-menu{position:fixed;z-index:10000;min-width:244px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;padding:6px;background:var(--pg-ui-surface);color:var(--pg-ui-text);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-panel-radius);box-shadow:var(--pg-ui-shadow);font:12px/1.4 var(--pg-ui-font)}.pg-editor-command-menu button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;border:0;border-radius:var(--pg-ui-control-radius);background:transparent;color:inherit;text-align:left;padding:7px 10px;font:inherit;cursor:pointer}.pg-editor-command-menu button:not(:disabled):is(:hover,:focus-visible){background:var(--pg-ui-accent);color:var(--pg-ui-on-accent);outline:none}.pg-editor-command-menu button:disabled{color:var(--pg-ui-faint);cursor:default}.pg-editor-command-menu kbd{font:var(--pg-ui-font-caption)/1.4 var(--pg-ui-font);opacity:.7}.pg-editor-command-menu [role=separator]{height:1px;background:var(--pg-ui-border);margin:5px 0}.pg-pages-panel{padding:var(--pg-ui-space-3) var(--pg-ui-space-2);border-bottom:1px solid var(--pg-line,var(--pg-ui-border));font-size:var(--pg-ui-font-small)}.pg-pages-heading{display:flex;align-items:center;justify-content:space-between;padding:0 var(--pg-ui-space-2) var(--pg-ui-space-2);min-height:var(--pg-ui-control-height)}.pg-pages-panel .pg-pages-heading h2{margin:0;font-size:var(--pg-ui-font-small);font-weight:600}.pg-pages-heading>button{width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);padding:0;border:0;background:transparent;font-size:17px;display:grid;place-items:center}.pg-page-row{position:relative;display:flex;align-items:center;min-height:var(--pg-ui-row-height);border-radius:var(--pg-ui-control-radius)}.pg-page-row[data-selected=true]{background:var(--pg-ui-selected)}.pg-page-row>button{border:0;background:transparent;border-radius:var(--pg-ui-radius-sm)}.pg-page-select{display:flex;align-items:center;gap:var(--pg-ui-space-2);min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding:var(--pg-ui-space-1) var(--pg-ui-space-2);font-size:var(--pg-ui-font-small);min-height:var(--pg-ui-row-height)}.pg-page-select>span{width:var(--pg-ui-icon-size);flex:none;display:flex;align-items:center}.pg-page-actions{width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);flex:none;padding:0;font-size:17px;display:grid;place-items:center}.pg-page-row>input{min-width:0;width:100%;height:var(--pg-ui-row-height);border:1px solid var(--pg-accent,var(--pg-ui-accent-text));padding:3px 6px}.pg-page-menu{position:absolute;left:24px;right:0;top:100%;z-index:12;padding:var(--pg-ui-space-1);background:var(--pg-ui-surface);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);box-shadow:var(--pg-ui-shadow)}.pg-page-menu>button{display:block;width:100%;text-align:left;padding:var(--pg-ui-space-1) var(--pg-ui-space-2);border:0;background:transparent;font-size:var(--pg-ui-font-small);min-height:var(--pg-ui-row-height)}.pg-page-menu>button:hover:not(:disabled){background:var(--pg-ui-hover)}.pg-page-menu>button:disabled{opacity:.4}.pg-pages-panel>p[role=alert]{margin:8px 4px 0;color:var(--pg-ui-danger);font-size:var(--pg-ui-font-small)}.pg-edit-workspace .pg-page-row[data-selected=true]>button:hover{background:transparent}.pg-edit-workspace .pg-page-row[data-selected=true]>.pg-page-actions:hover{color:var(--pg-ui-accent-text)}.pg-page-row{margin-block:var(--pg-ui-space-1)}.pg-edit-workspace .pg-page-row:not([data-selected=true]):hover{background:var(--pg-ui-subtle)}.pg-edit-workspace .pg-page-row:not([data-selected=true])>button:hover{background:transparent}.pg-page-actions{margin-right:var(--pg-ui-space-1)}.pg-panel-resize-handle{position:absolute;inset-block:0;z-index:10;width:6px;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.pg-panel-resize-handle[data-panel-side=left]{right:0}.pg-panel-resize-handle[data-panel-side=right]{left:0}.pg-panel-resize-handle:after{content:"";position:absolute;inset-block:0;left:2px;width:2px;background:transparent}.pg-panel-resize-handle:hover:after,.pg-panel-resize-handle[data-resizing]:after{background:var(--pg-accent,var(--pg-ui-accent))}.pg-panel-resize-handle:focus-visible{outline:2px solid var(--pg-accent,var(--pg-ui-accent-text));outline-offset:-2px;background:color-mix(in srgb,var(--pg-accent,var(--pg-ui-accent)) 16%,transparent)}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) :where(button,input,select,textarea){box-sizing:border-box;font-family:var(--pg-ui-font);color:inherit}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) :where(button){cursor:pointer;border:1px solid var(--pg-ui-border);background:var(--pg-ui-surface);font-weight:500}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) :is(input:not([type=checkbox]):not([type=color]),select,textarea){max-width:100%;min-width:0;border:1px solid transparent;border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-control);color:var(--pg-ui-text);font-size:var(--pg-ui-font-small);min-height:var(--pg-ui-control-height)}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) :is(input,select,textarea):focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:1px}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) button:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:1px}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) :where(button,input,select,textarea):disabled{cursor:default;opacity:.5}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) input::placeholder{color:var(--pg-ui-faint)}.pg-edit-workspace .pg-edit-inspector-actions>button:last-child{background:var(--pg-ui-accent);color:var(--pg-ui-on-accent);border-color:transparent}.pg-edit-workspace .pg-edit-inspector-actions>button:last-child:hover:not(:disabled){background:var(--pg-ui-accent-hover)}.pg-edit-workspace{--pg-accent:var(--pg-ui-accent-text);--pg-ink:var(--pg-ui-text);--pg-muted:var(--pg-ui-muted);--pg-line:var(--pg-ui-border);display:grid;grid-template-columns:240px minmax(0,1fr) 280px;flex:1;min-height:0;position:relative;outline:none;background:var(--pg-ui-background);color:var(--pg-ui-text);font:var(--pg-ui-font-size)/1.5 var(--pg-ui-font)}.pg-edit-navigation,.pg-edit-inspector{background:var(--pg-ui-surface);min-width:0;min-height:0;display:flex;flex-direction:column;z-index:2}.pg-edit-navigation{border-right:1px solid var(--pg-line)}.pg-edit-inspector{border-left:1px solid var(--pg-line)}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) button{border-radius:var(--pg-ui-control-radius);padding:var(--pg-ui-space-1) var(--pg-ui-space-2);font-size:var(--pg-ui-font-small);line-height:18px}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) button:hover{background:var(--pg-ui-hover)}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) input:not([type=checkbox]),:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) select,:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) textarea{font-size:var(--pg-ui-font-small);padding:var(--pg-ui-space-1) var(--pg-ui-space-2);border-color:transparent;background:var(--pg-ui-subtle);border-radius:var(--pg-ui-control-radius);min-height:var(--pg-ui-control-height);line-height:18px}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) input:not([type=checkbox]):focus,:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) select:focus{border-color:var(--pg-accent);background:var(--pg-ui-surface);outline:none;line-height:18px}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) h3{font-size:var(--pg-ui-font-small);margin:14px 0 8px;font-weight:600}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) h2{font-size:var(--pg-ui-font-small);margin:8px 0}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector,.pg-edit-review)) p{font-size:var(--pg-ui-font-caption);line-height:1.5;margin:8px 0;color:var(--pg-ui-muted)}.pg-edit-workspace [hidden],.pg-edit-hidden{display:none!important}.pg-edit-file>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pg-ui-font-small)}.pg-edit-file>small{display:flex;justify-content:space-between;color:var(--pg-ui-muted);margin-top:5px;font-size:var(--pg-ui-font-caption)}.pg-edit-dirty{color:var(--pg-ui-warn)}.pg-edit-tabs{display:flex;padding:0 10px;gap:2px;border-bottom:1px solid var(--pg-line);flex-shrink:0}.pg-edit-tabs button{position:relative;border:0;background:transparent;border-radius:0;padding:10px 8px;color:var(--pg-ui-muted)}.pg-edit-tabs [aria-selected=true]{color:var(--pg-ui-text);font-weight:600}.pg-edit-tabs [aria-selected=true]:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2px;background:var(--pg-ui-text)}.pg-edit-file-content{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;overscroll-behavior:contain}.pg-edit-section-label{padding:var(--pg-ui-space-4) var(--pg-ui-space-4) var(--pg-ui-space-1);font-weight:600}.pg-edit-file-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--pg-ui-space-1);padding:var(--pg-ui-space-2);border-top:1px solid var(--pg-line);font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted);background:var(--pg-ui-surface)}.pg-edit-file-footer button{border:0}.pg-edit-navigation .pg-layer-help{display:none}.pg-edit-navigation .pg-layer-row[aria-selected=true]{color:var(--pg-ui-accent-text);background:var(--pg-ui-selected);box-shadow:inset 2px 0 var(--pg-ui-accent-text)}.pg-edit-navigation .pg-layer-row:hover{background:var(--pg-ui-subtle)}.pg-edit-navigation .pg-layer-row[aria-selected=true]:hover{background:var(--pg-ui-selected)}.pg-edit-main{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.pg-edit-stage{width:1800px;height:1200px;position:relative;touch-action:none}.pg-edit-canvas-hit{position:absolute;left:-100000px;top:-100000px;width:200000px;height:200000px}.pg-edit-stage[data-editor-tool=frame],.pg-edit-stage[data-editor-tool=rectangle],.pg-edit-stage[data-editor-tool=ellipse],.pg-edit-stage[data-editor-tool=line],.pg-edit-stage[data-editor-tool=polygon],.pg-edit-stage[data-editor-tool=star],.pg-edit-stage[data-editor-tool=arc]{cursor:crosshair}.pg-edit-stage[data-editor-tool=text]{cursor:text}.pg-edit-node{cursor:default}.pg-edit-node[data-selection-hover=true]:after,.pg-edit-node[data-selected=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1;box-shadow:inset 0 0 0 calc(1px * var(--pg-outline-scale,1)) var(--pg-ui-canvas-accent)}.pg-edit-children{position:relative}.pg-edit-workspace .pg-edit-frame-label{position:absolute;z-index:2;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--pg-ui-muted);font-family:var(--pg-ui-font);line-height:1.4;white-space:nowrap;cursor:default;touch-action:none;text-align:left}.pg-edit-workspace .pg-edit-frame-label:is(:hover,[aria-pressed=true]){color:var(--pg-ui-canvas-accent);background:transparent;box-shadow:none}.pg-edit-workspace .pg-edit-frame-label:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:2px}.pg-edit-drawing-box{position:absolute;border:1px solid var(--pg-accent);background:var(--pg-ui-selection-ring);pointer-events:none;z-index:5}.pg-edit-component-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--pg-ui-background);border:1px dashed var(--pg-ui-border);color:var(--pg-ui-faint);font-size:var(--pg-ui-font-small)}.pg-edit-component-placeholder small{font-size:var(--pg-ui-font-caption);margin-top:5px}.pg-edit-inspector-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pg-ui-space-2);padding:var(--pg-ui-space-3) var(--pg-ui-space-4);border-bottom:1px solid var(--pg-line);padding-left:52px}.pg-edit-inspector-actions>button:first-child:not(.pg-workspace-primary){border:0;font-size:inherit;line-height:1;padding:0;display:grid;place-items:center;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height)}.pg-edit-inspector-actions .pg-workspace-primary{font-weight:600;padding:0 var(--pg-ui-space-3);height:var(--pg-ui-control-height)}.pg-edit-inspector-heading{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--pg-line);flex-shrink:0;z-index:3}.pg-edit-inspector-heading .pg-edit-tabs{padding:0 6px;border-bottom:0;flex:1}.pg-edit-inspector-heading .pg-edit-tabs button{padding:10px 6px}.pg-edit-zoom>button{border:0;background:transparent;font-size:var(--pg-ui-font-caption);padding:6px 10px}.pg-edit-zoom-menu{position:absolute;right:8px;top:38px;width:172px;background:var(--pg-ui-surface);border:1px solid var(--pg-line);border-radius:var(--pg-ui-radius);padding:var(--pg-ui-space-1);box-shadow:var(--pg-ui-shadow)}.pg-edit-zoom-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;min-height:var(--pg-ui-row-height)}.pg-edit-inspector-body{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-gutter:stable;overscroll-behavior:contain}.pg-edit-inspector-section,.pg-edit-page-properties{padding:var(--pg-ui-space-4)}.pg-edit-node-heading{display:flex;gap:var(--pg-ui-space-2);align-items:center;font-size:var(--pg-ui-font-small);margin-bottom:var(--pg-ui-space-2);min-height:var(--pg-ui-control-height)}.pg-edit-node-symbol{font-size:16px;color:var(--pg-ui-muted);display:flex;align-items:center;flex-shrink:0}.pg-edit-breadcrumb{display:flex;gap:var(--pg-ui-space-1);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;margin:0 0 var(--pg-ui-space-3);padding-bottom:var(--pg-ui-space-1)}.pg-edit-breadcrumb button{flex:none;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;padding:0 var(--pg-ui-space-1);font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted)}.pg-edit-breadcrumb button+button:before{content:"/";padding-right:4px;color:var(--pg-ui-faint)}.pg-edit-property{display:flex;flex-direction:column;gap:var(--pg-ui-space-1);margin:var(--pg-ui-space-1) 0;min-width:0}.pg-edit-property>span{font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted)}.pg-edit-property input,.pg-edit-property select{width:100%;min-width:0}.pg-edit-property-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--pg-ui-space-1) var(--pg-ui-space-2)}.pg-edit-property input:disabled{color:var(--pg-ui-faint);cursor:default;opacity:.7}.pg-edit-inspector .pg-edit-layout-note{font-size:var(--pg-ui-font-caption);line-height:1.45;color:var(--pg-ui-muted)}.pg-edit-inspector-section>.pg-edit-property:first-of-type{margin-bottom:var(--pg-ui-space-3)}.pg-edit-inspector-section>.pg-edit-property:first-of-type>span{display:none}.pg-edit-page-properties>button{display:block;margin-top:8px;border:0}.pg-edit-section{border-top:1px solid var(--pg-line);padding:0 12px}.pg-edit-section>summary{list-style:none;cursor:pointer;font-weight:600;padding:12px 0;display:flex;justify-content:space-between;align-items:center}.pg-edit-section>summary::-webkit-details-marker{display:none}.pg-edit-section>summary:after{content:"›";font-size:14px;color:var(--pg-ui-faint)}.pg-edit-section[open]>summary:after{transform:rotate(90deg)}.pg-edit-section>section{padding:0 0 12px;border:0;margin:0}.pg-edit-section>section>h3:first-child{display:none}.pg-edit-section>button{margin:3px 3px 8px 0}.pg-edit-section>div{padding-bottom:8px}.pg-edit-inspector .pg-edit-layout-panel{padding:0;border:0}.pg-edit-inspector fieldset{min-width:0}.pg-edit-inspector-body>[hidden]{display:none}.pg-edit-inspector-body>[hidden=false]{display:block}.pg-edit-inspector .pg-prototype-panel{padding:var(--pg-ui-space-4)}.pg-edit-footer{display:flex;gap:12px;justify-content:space-between;padding:5px 12px;font-size:9px;color:var(--pg-ui-faint);background:var(--pg-ui-subtle);flex-shrink:0}.pg-edit-error{background:var(--pg-ui-danger-bg);color:var(--pg-ui-danger);padding:8px 12px;font-size:var(--pg-ui-font-small);z-index:4}.pg-edit-review{position:absolute;right:12px;top:12px;bottom:12px;width:min(560px,calc(100% - 24px));padding:20px;background:var(--pg-ui-surface);box-shadow:var(--pg-ui-shadow);border:1px solid var(--pg-line);border-radius:var(--pg-ui-panel-radius);display:flex;flex-direction:column;z-index:8}.pg-edit-review>div{display:flex;align-items:center;justify-content:space-between}.pg-edit-review pre{font:10px/1.6 var(--pg-ui-font-mono);background:var(--pg-ui-subtle);padding:16px;overflow:auto;flex:1}.pg-edit-review p{font-size:var(--pg-ui-font-small)}.pg-edit-navigation [data-workspace-data-panel],.pg-edit-assets{padding:var(--pg-ui-space-4);overflow:auto}.pg-edit-assets>input{width:100%}.pg-edit-assets>div{display:flex;flex-wrap:wrap;gap:5px}.pg-edit-assets [role=list]{display:flex;flex-direction:column;font-size:var(--pg-ui-font-small);color:var(--pg-ui-muted)}.pg-edit-assets>button{display:flex;align-items:center;gap:6px;width:100%;margin:4px 0;overflow:hidden;font-size:var(--pg-ui-font-caption)}.pg-edit-token-swatch{width:14px;height:14px;border:1px solid #8883;border-radius:var(--pg-ui-radius-sm);flex-shrink:0}@media(max-width:1150px){.pg-edit-workspace{grid-template-columns:200px minmax(0,1fr) 260px}}@media(max-width:850px){.pg-edit-workspace{grid-template-columns:170px minmax(0,1fr) 230px}.pg-edit-inspector-heading{flex-wrap:wrap}.pg-edit-inspector-heading .pg-edit-zoom{margin-left:auto}.pg-edit-file{padding:var(--pg-ui-space-3) var(--pg-ui-space-4);border-bottom:1px solid var(--pg-ui-border)}.pg-edit-footer>span:first-child{display:none}}@media(max-width:650px){.pg-edit-workspace{grid-template-columns:130px minmax(180px,1fr);grid-template-rows:minmax(260px,1fr) 200px}.pg-edit-navigation{grid-row:1/3}.pg-edit-inspector{grid-column:2;border-top:1px solid var(--pg-line)}.pg-edit-inspector-actions{display:none}.pg-edit-file-footer{flex-wrap:wrap}.pg-edit-tabs{padding:0 2px}.pg-edit-tabs button{padding:8px 5px}.pg-edit-footer{display:none}}.pg-edit-workspace .pg-edit-viewport{background:var(--pg-ui-subtle)}.pg-edit-workspace .pg-edit-tabs button{border:0;background:transparent;border-radius:0;padding:10px 8px;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-small)}.pg-edit-workspace .pg-edit-tabs button[aria-selected=true]{color:var(--pg-ui-text);font-weight:600}.pg-edit-workspace .pg-edit-tabs button:hover{background:var(--pg-ui-subtle)}.pg-edit-workspace .pg-edit-inspector-heading .pg-edit-tabs button{padding:10px 6px}.pg-edit-workspace .pg-edit-breadcrumb button{border:0;background:transparent;padding:0 var(--pg-ui-space-1);font-size:var(--pg-ui-font-caption);color:var(--pg-ui-faint);min-height:20px}.pg-edit-workspace .pg-edit-file-footer button{border:0;font-size:var(--pg-ui-font-caption)}.pg-edit-workspace .pg-edit-zoom>button{border:0;background:transparent;padding:0 var(--pg-ui-space-2);font-size:var(--pg-ui-font-small);display:flex;align-items:center;gap:var(--pg-ui-space-1);height:var(--pg-ui-control-height)}.pg-edit-workspace .pg-edit-inspector-actions>button:first-child:not(.pg-workspace-primary){border:0;font-size:inherit;line-height:1;padding:0;display:grid;place-items:center;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height)}.pg-edit-inspector .pg-appearance-compact{padding:0 var(--pg-ui-space-4) var(--pg-ui-space-4);border-top:1px solid var(--pg-line)}.pg-edit-workspace .pg-appearance-icon[aria-pressed=true]{color:var(--pg-ui-muted);background:transparent}.pg-edit-workspace{grid-template-columns:48px 248px minmax(0,1fr) 288px;font-size:var(--pg-ui-font-small);--pg-panel-bg:var(--pg-ui-surface)}.pg-edit-rail{display:flex;flex-direction:column;align-items:center;gap:var(--pg-ui-space-2);padding:var(--pg-ui-space-4) var(--pg-ui-space-1);background:var(--pg-ui-surface);border-right:1px solid var(--pg-line);z-index:3}.pg-edit-rail button{width:40px;display:flex;flex-direction:column;align-items:center;gap:var(--pg-ui-space-1);padding:var(--pg-ui-space-2) 0;border:0;border-radius:var(--pg-ui-radius);background:transparent;font:var(--pg-ui-font-small)/1.4 var(--pg-ui-font);color:var(--pg-ui-muted);cursor:pointer}.pg-edit-rail button[aria-pressed=true]{color:var(--pg-ui-accent-text);background:var(--pg-ui-selected)}.pg-edit-rail button:hover{background:var(--pg-ui-hover)}.pg-edit-rail svg{width:var(--pg-ui-tool-size);height:var(--pg-ui-tool-size);stroke:currentColor;stroke-width:1.4;fill:none}.pg-edit-workspace .pg-edit-file-menu{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:0;background:transparent;color:var(--pg-ui-text);text-align:left;font-size:var(--pg-ui-font-size);gap:8px}.pg-edit-file-menu strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-edit-file{padding:var(--pg-ui-space-3) var(--pg-ui-space-4);border-bottom:1px solid var(--pg-ui-border)}.pg-edit-file>small{font-size:var(--pg-ui-font-small);margin-top:8px}.pg-edit-workspace .pg-edit-tabs button{font-size:var(--pg-ui-font-small)}.pg-edit-navigation .pg-layer-row{height:var(--pg-ui-row-height);font-size:var(--pg-ui-font-small)}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector)) h3{font-size:var(--pg-ui-font-small);font-weight:600;margin:16px 0 10px}.pg-edit-inspector-section{padding:var(--pg-ui-space-4)}.pg-edit-node-heading{font-size:var(--pg-ui-font-size)}.pg-edit-breadcrumb{margin-bottom:var(--pg-ui-space-2)}.pg-edit-property>span{font-size:var(--pg-ui-font-small)}.pg-edit-layout-section{margin-top:var(--pg-ui-space-4);padding-top:1px;border-top:1px solid var(--pg-line)}.pg-edit-check{display:flex;gap:var(--pg-ui-space-2);align-items:center;margin:var(--pg-ui-space-2) 0;font-size:var(--pg-ui-font-small);min-height:var(--pg-ui-control-height)}.pg-edit-check input{accent-color:var(--pg-ui-muted);min-height:0}.pg-edit-workspace .pg-edit-geometry[data-geometry-compact]{margin-top:var(--pg-ui-space-2);padding-top:0;border:0}.pg-edit-geometry[data-geometry-compact] .pg-edit-property-grid{margin-top:8px}.pg-edit-workspace .pg-edit-arrange[data-compact]{margin:0;padding:0;border:0}.pg-edit-arrange[data-compact] .pg-edit-arrange-actions{display:flex;gap:2px;margin:0 0 var(--pg-ui-space-2)}.pg-edit-workspace .pg-edit-arrange[data-compact] button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--pg-ui-muted);height:var(--pg-ui-control-height)}.pg-edit-arrange[data-compact] button:disabled{opacity:.3}.pg-edit-arrange[data-compact] [role=status]:empty{display:none}.pg-layout-panel[data-compact]{padding-top:var(--pg-ui-space-1);border:0}.pg-edit-workspace .pg-layout-flow{display:flex;padding:3px;gap:2px;background:var(--pg-ui-subtle);border-radius:var(--pg-ui-control-radius);margin:var(--pg-ui-space-1) 0 var(--pg-ui-space-2)}.pg-edit-workspace .pg-layout-flow button{flex:1;border:0;background:transparent;border-radius:var(--pg-ui-control-radius);padding:var(--pg-ui-space-1);font-size:inherit;line-height:1;color:var(--pg-ui-muted);display:flex;align-items:center;justify-content:center;height:var(--pg-ui-control-height)}.pg-edit-workspace .pg-layout-flow button[aria-pressed=true]{background:var(--pg-ui-surface);box-shadow:var(--pg-ui-shadow);color:var(--pg-ui-text)}.pg-layout-panel[data-compact] .pg-layout-grid{gap:var(--pg-ui-space-2)}.pg-edit-layout-section .pg-layout-field{font-size:var(--pg-ui-font-small)}.pg-edit-inspector .pg-edit-section{padding:0 var(--pg-ui-space-4)}.pg-edit-inspector .pg-edit-section>summary{font-size:var(--pg-ui-font-small);padding:var(--pg-ui-space-3) 0}.pg-edit-inspector .pg-appearance-compact{padding:0 var(--pg-ui-space-4) var(--pg-ui-space-4)}@media(max-width:1150px){.pg-edit-workspace{grid-template-columns:44px 210px minmax(0,1fr) 268px}.pg-edit-rail{padding-left:2px;padding-right:2px}}@media(max-width:850px){.pg-edit-workspace{grid-template-columns:40px 175px minmax(0,1fr) 240px}.pg-edit-rail button{width:34px;gap:var(--pg-ui-space-1);padding:var(--pg-ui-space-2) 0}.pg-edit-file{padding:var(--pg-ui-space-3) var(--pg-ui-space-4);border-bottom:1px solid var(--pg-ui-border)}}@media(max-width:650px){.pg-edit-workspace{grid-template-columns:40px 140px minmax(180px,1fr);grid-template-rows:minmax(260px,1fr) 240px}.pg-edit-rail{grid-row:1/3}.pg-edit-navigation{grid-row:1/3;grid-column:2}.pg-edit-inspector{grid-column:3;grid-row:2}.pg-edit-main{grid-column:3;grid-row:1}}.pg-edit-workspace{--pg-effective-nav:var(--pg-nav-width,248px);--pg-effective-inspector:var(--pg-inspector-width,288px);grid-template-columns:48px var(--pg-effective-nav) minmax(180px,1fr) var(--pg-effective-inspector)}.pg-edit-workspace[data-navigation-hidden]{--pg-effective-nav:0px}.pg-edit-workspace[data-inspector-hidden]{--pg-effective-inspector:0px}.pg-edit-navigation,.pg-edit-inspector{position:relative}.pg-edit-rail{grid-column:1}.pg-edit-navigation{grid-column:2}.pg-edit-main{grid-column:3}.pg-edit-inspector{grid-column:4}.pg-edit-file-menu{max-width:calc(100% - 40px)}.pg-edit-toggle-navigation{right:12px}.pg-edit-toggle-inspector{left:12px}@media(max-width:850px){.pg-edit-workspace{grid-template-columns:40px var(--pg-effective-nav) minmax(180px,1fr) var(--pg-effective-inspector)}}@media(max-width:650px){.pg-edit-workspace{grid-template-columns:40px var(--pg-effective-nav) minmax(180px,1fr);grid-template-rows:minmax(260px,1fr) 240px}.pg-edit-workspace[data-inspector-hidden]{grid-template-rows:minmax(260px,1fr) 0px}.pg-edit-inspector{grid-column:3;grid-row:2}.pg-edit-inspector>.pg-panel-resize-handle{display:none}}.pg-edit-workspace .pg-edit-rail button{border:0;background:transparent}.pg-edit-workspace .pg-edit-rail button[aria-pressed=true]{background:var(--pg-ui-selected);color:var(--pg-ui-accent-text)}.pg-edit-main{background:var(--pg-ui-surface)}.pg-edit-workspace .pg-edit-viewport{background:var(--pg-page-color,var(--pg-ui-background))}.pg-edit-page-color{height:auto;gap:6px}.pg-edit-page-color .pg-edit-property{min-width:0;flex:1}.pg-edit-page-color .pg-edit-property>span{font-size:var(--pg-ui-font-caption)}.pg-edit-page-color .pg-edit-property:has([aria-label="Page opacity"]){max-width:58px}.pg-edit-page-color i{flex-shrink:0;margin-top:16px}.pg-edit-page-color>span:last-child{margin:16px 0 0}.pg-layout-size-limits{margin:8px 0;color:var(--pg-ui-muted)}.pg-layout-size-limits>summary{cursor:pointer;font-size:var(--pg-ui-font-small)}.pg-layout-size-limits[open]>.pg-layout-grid{padding-top:6px}.pg-edit-inspector-section>.pg-appearance-compact{margin:var(--pg-ui-space-4) calc(-1 * var(--pg-ui-space-4)) 0;padding:0 var(--pg-ui-space-4) var(--pg-ui-space-4)}.pg-edit-inspector-section>.pg-edit-section{margin:0 calc(-1 * var(--pg-ui-space-4))}.pg-edit-workspace .pg-edit-arrange[data-compact] button{min-height:var(--pg-ui-control-height)}.pg-edit-workspace .pg-edit-inspector-section h3{margin-top:var(--pg-ui-space-3)}.pg-edit-geometry[data-geometry-compact]>.pg-edit-property{max-width:calc(50% - 4px)}.pg-node-export>fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.pg-node-export-setting{display:flex;flex-direction:column;gap:6px}.pg-node-export-row{display:grid;grid-template-columns:minmax(0,1fr) 40px 64px 28px;gap:4px}.pg-node-export input,.pg-node-export select{width:100%;min-width:0}.pg-node-export .pg-node-export-row>button{padding:4px}.pg-node-export-setting>button{width:100%;text-align:center}.pg-edit-captured{display:flex;align-items:center;gap:var(--pg-ui-space-2);min-width:0}.pg-edit-captured>span{cursor:help;white-space:nowrap}.pg-edit-workspace .pg-edit-captured>button{padding:0;background:transparent;color:var(--pg-ui-accent-text);white-space:nowrap}.pg-edit-workspace .pg-edit-captured>button:disabled{color:var(--pg-ui-faint)}.pg-edit-data-content{flex:1;min-height:0;overflow:auto}.pg-edit-data-content .pg-edit-panel-message{padding:var(--pg-ui-space-4)}.pg-edit-data-content .pg-edit-panel-message+.pg-content-panel{border-top:1px solid var(--pg-line)}.pg-edit-file .pg-screen-state-switch{display:flex;margin-top:8px}.pg-edit-file .pg-screen-state-switch select{flex:1;min-width:0;max-width:none}.pg-edit-workspace .pg-edit-arrange[data-compact] button svg{width:var(--pg-ui-icon-size);height:var(--pg-ui-icon-size);flex:none}:where(.pg-edit-workspace :is(.pg-edit-navigation,.pg-edit-inspector)) input[type=checkbox]{width:14px;height:14px;min-height:0;margin:0;flex:none;accent-color:var(--pg-ui-accent-text)}.pg-layout-panel>label:has(input[type=checkbox]){display:flex;align-items:center;gap:var(--pg-ui-space-2);min-height:var(--pg-ui-control-height)}.pg-edit-navigation .pg-assets-panel{padding:var(--pg-ui-space-4);min-height:0;overflow:auto;border-top:1px solid var(--pg-line)}.pg-edit-navigation .pg-assets-panel>h3:first-child{margin-top:0}.pg-edit-navigation-shell,.pg-edit-inspector-shell{position:relative;display:flex;min-width:0;min-height:0;z-index:2;background:var(--pg-ui-surface)}.pg-edit-navigation-shell{grid-column:2;border-right:1px solid var(--pg-line)}.pg-edit-inspector-shell{grid-column:4;border-left:1px solid var(--pg-line)}.pg-edit-navigation-shell>.pg-edit-navigation,.pg-edit-inspector-shell>.pg-edit-inspector{flex:1;width:100%;border:0}.pg-edit-navigation-shell[data-collapsed]>.pg-edit-toggle-navigation{right:10px}.pg-edit-inspector-shell[data-collapsed]>.pg-edit-toggle-inspector{left:auto;right:12px;top:28px}@media(max-width:650px){.pg-edit-navigation-shell{grid-row:1/3;grid-column:2}.pg-edit-inspector-shell{grid-row:2;grid-column:3;border-top:1px solid var(--pg-line)}.pg-edit-inspector-shell .pg-edit-inspector-heading{padding-left:48px;min-height:40px}.pg-edit-inspector-shell>.pg-edit-toggle-inspector{top:6px;left:12px}}.pg-edit-navigation-shell[data-collapsed],.pg-edit-inspector-shell[data-collapsed]{border:0;background:transparent}.pg-edit-workspace[data-navigation-hidden] .pg-edit-rail{padding-top:52px}.pg-edit-workspace[data-navigation-hidden] .pg-edit-navigation-shell{z-index:4}@media(max-width:850px){.pg-edit-navigation-shell[data-collapsed]>.pg-edit-toggle-navigation{right:6px}}@media(max-width:650px){.pg-edit-inspector-shell[data-collapsed]{grid-row:1;align-self:start;height:0;min-height:0}.pg-edit-inspector-shell[data-collapsed]>.pg-edit-toggle-inspector{top:28px;left:auto;right:12px}}.pg-edit-save-status{display:flex;flex-direction:column;gap:var(--pg-ui-space-1);margin-top:var(--pg-ui-space-2);font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted)}.pg-edit-save-status small{font:inherit;color:var(--pg-ui-faint);line-height:1.5}.pg-edit-node-heading{align-items:flex-start;gap:var(--pg-ui-space-2)}.pg-edit-node-heading .pg-edit-node-symbol{height:var(--pg-ui-control-height)}.pg-edit-node-identity{flex:1;min-width:0}.pg-edit-node-identity .pg-edit-property{margin:0}.pg-edit-node-identity .pg-edit-property>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pg-edit-node-identity input{font-weight:600;background:transparent;padding-inline:var(--pg-ui-space-1)}.pg-edit-node-identity small{display:block;padding-inline:var(--pg-ui-space-1);margin-top:var(--pg-ui-space-1);color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-edit-assets-content{flex:1;min-height:0;overflow:auto}.pg-edit-assets-content .pg-edit-assets,.pg-edit-assets-content .pg-assets-panel{overflow:visible}.pg-edit-assets p{font-size:var(--pg-ui-font-caption);line-height:1.5;color:var(--pg-ui-muted)}.pg-edit-assets .pg-edit-component-asset{display:flex;flex-wrap:nowrap;gap:var(--pg-ui-space-2);margin-block:var(--pg-ui-space-1)}.pg-edit-component-asset>button:first-child{flex:1;min-width:0;display:flex;align-items:center;gap:var(--pg-ui-space-2);text-align:left;background:transparent;border:0}.pg-edit-component-asset>button:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-edit-component-asset svg{flex:none;width:var(--pg-ui-icon-size);height:var(--pg-ui-icon-size);color:var(--pg-ui-muted)}.pg-edit-component-asset>button:last-child{flex:none}.pg-edit-code-assets{margin-top:var(--pg-ui-space-4);border-top:1px solid var(--pg-line);padding-top:var(--pg-ui-space-3)}.pg-edit-code-assets>summary{cursor:pointer;font-weight:600}.pg-edit-code-assets>button{display:flex;gap:var(--pg-ui-space-2);align-items:center;width:100%;margin-block:var(--pg-ui-space-1);text-align:left;overflow-wrap:anywhere}.pg-edit-footer{justify-content:space-between;font-size:var(--pg-ui-font-caption);gap:var(--pg-ui-space-3)}.pg-edit-footer>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-edit-footer>span:last-child{flex-shrink:0}.pg-edit-dimension{min-width:0;display:flex;flex-direction:column;gap:var(--pg-ui-space-1)}.pg-edit-assets>.pg-variable-library-summary{margin-top:var(--pg-ui-space-4)}.pg-node-export .pg-node-export-unavailable{margin:0;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption);line-height:1.5;overflow-wrap:anywhere}.pg-document-view,.pg-document-view .pg-prototype-canvas{position:relative}.pg-document-view .pg-edit-node:after{display:none}.pg-edit-layout-drag-ghost,.pg-edit-layout-insertion,.pg-edit-layout-destination{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;z-index:10;box-sizing:border-box}.pg-edit-layout-drag-ghost{border:1px dashed var(--pg-ui-canvas-accent);background:var(--pg-ui-selection-ring);opacity:.55}.pg-edit-layout-insertion,.pg-edit-layout-destination{outline:2px solid var(--pg-ui-canvas-accent)}.pg-edit-layout-drop-note{position:absolute;z-index:11;transform-origin:0 0;pointer-events:none;max-width:260px;padding:8px 12px;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-surface);color:var(--pg-ui-text);box-shadow:var(--pg-ui-shadow);font-size:var(--pg-ui-font-small)}.pg-edit-dimensions-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) var(--pg-ui-control-height);align-items:center}.pg-edit-aspect-ratio{width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);flex-shrink:0;display:grid;place-items:center;padding:0}.pg-edit-aspect-ratio:not(:disabled)[aria-pressed=true]{color:var(--pg-ui-accent-text);background:var(--pg-ui-selected)}.pg-edit-workspace .pg-edit-inspector-heading{padding:var(--pg-ui-space-2) var(--pg-ui-space-3) var(--pg-ui-space-2) calc(var(--pg-ui-space-3) + var(--pg-ui-control-height) + var(--pg-ui-space-1));min-height:52px;box-sizing:border-box}.pg-edit-inspector-heading .pg-edit-tabs{gap:var(--pg-ui-space-1);padding:0 var(--pg-ui-space-1);border-radius:var(--pg-ui-control-radius);background:transparent}.pg-edit-workspace .pg-edit-inspector-heading .pg-edit-tabs button{display:flex;align-items:center;justify-content:center;text-align:center;flex:1;min-width:0;white-space:nowrap;min-height:var(--pg-ui-control-height);padding:var(--pg-ui-space-1) var(--pg-ui-space-2);border-radius:var(--pg-ui-control-radius)}.pg-edit-workspace .pg-edit-inspector-heading .pg-edit-tabs button[aria-selected=true]{background:var(--pg-ui-subtle);color:var(--pg-ui-text);box-shadow:none}.pg-edit-inspector-heading .pg-edit-tabs [aria-selected=true]:after{display:none}.pg-edit-inspector-heading .pg-edit-tabs [aria-selected=false]{color:var(--pg-ui-muted)}.pg-edit-section-label{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption);letter-spacing:.02em}.pg-edit-inspector .pg-edit-section>summary{min-height:var(--pg-ui-row-height);padding:var(--pg-ui-space-2) 0;box-sizing:border-box}.pg-edit-inspector .pg-edit-section>summary:hover{color:var(--pg-ui-accent-text)}.pg-edit-node-heading{padding-bottom:var(--pg-ui-space-2)}.pg-edit-node-identity{min-width:0;flex:1}.pg-edit-node-identity small{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-edit-file .pg-screen-state-switch{margin-top:var(--pg-ui-space-3)}.pg-workspace .pg-edit-workspace:focus,.pg-edit-workspace .pg-edit-viewport:focus{outline:none}.pg-edit-rail button:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:-2px}.pg-edit-stage [data-canvas-invisible=true],.pg-edit-stage [data-canvas-invisible=true] *{pointer-events:none!important}.pg-edit-selection-identity{padding:var(--pg-ui-space-3) var(--pg-ui-space-4);border-bottom:1px solid var(--pg-ui-border)}.pg-edit-selection-identity .pg-edit-node-heading{padding:0;margin:0;align-items:center}.pg-edit-selection-identity .pg-edit-node-identity input{background:transparent;text-overflow:ellipsis}.pg-edit-selection-identity .pg-edit-breadcrumb{display:flex;align-items:center;gap:var(--pg-ui-space-1);margin:var(--pg-ui-space-1) 0 0;padding:0;overflow:visible;color:var(--pg-ui-muted)}.pg-edit-selection-identity .pg-edit-breadcrumb select{flex:1;width:0;background:transparent;font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted);text-overflow:ellipsis}.pg-edit-workspace .pg-edit-breadcrumb button{flex:none;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);font-size:var(--pg-ui-font-size);color:var(--pg-ui-muted)}.pg-edit-workspace .pg-edit-inspector-section>h3:first-child{margin-top:0}.pg-edit-property[data-numeric]{display:flex;flex-direction:row;align-items:center;gap:0;border:1px solid transparent;border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-subtle);overflow:hidden}.pg-edit-property[data-numeric]>span{flex:none;text-align:center;min-width:var(--pg-ui-control-height);font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted)}.pg-edit-property[data-numeric] input{border:0;background:transparent;padding-inline:0 var(--pg-ui-space-1)}.pg-edit-property[data-numeric]:focus-within{border-color:var(--pg-ui-accent-text)}.pg-edit-workspace .pg-edit-property[data-numeric] input:focus{background:transparent;border:0}.pg-document-loading{position:relative;display:grid;place-items:center;flex:1;min-height:0}.pg-document-loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--pg-ui-space-3);color:var(--pg-ui-muted);font-size:var(--pg-ui-font-small)}.pg-document-loading-track{width:240px;max-width:calc(100vw - 64px);height:4px;overflow:hidden;border-radius:var(--pg-ui-radius);background:var(--pg-ui-accent)}.pg-document-loading-track>span{display:block;width:34%;height:100%;border-radius:inherit;background:var(--pg-ui-accent-text);animation:pg-document-loading 1.4s ease-in-out infinite}.pg-workspace .pg-document-loading-back{position:absolute;top:var(--pg-ui-space-4);left:var(--pg-ui-space-4);display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--pg-ui-muted)}.pg-workspace .pg-document-loading-back:hover{color:var(--pg-ui-text);background:var(--pg-ui-row-hover)}@keyframes pg-document-loading{0%{transform:translate(-110%)}to{transform:translate(310%)}}@media(prefers-reduced-motion:reduce){.pg-document-loading-track>span{animation:none;transform:translate(100%)}}.pg-edit-file-footer{gap:var(--pg-ui-space-1);padding:var(--pg-ui-space-2) var(--pg-ui-space-3)}.pg-edit-workspace .pg-edit-file-footer button{display:flex;align-items:center;justify-content:center;gap:var(--pg-ui-space-2);min-height:var(--pg-ui-control-height);background:transparent}.pg-edit-file-footer>button:last-child{margin-left:auto}.pg-edit-footer{justify-content:flex-end}.pg-edit-file-content{display:flex;flex-direction:column;overflow:hidden}.pg-edit-file-content .pg-pages-panel{flex:none;max-height:30%;overflow:auto}.pg-edit-file-content>.pg-edit-section-label{flex:none;padding-block:var(--pg-ui-space-3) var(--pg-ui-space-1);color:var(--pg-ui-text)}.pg-edit-file-content .pg-layer-panel{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.pg-edit-dimension{display:grid;grid-template-columns:minmax(0,1fr) var(--pg-ui-control-height);gap:var(--pg-ui-space-1)}.pg-edit-dimension .pg-variable-property-field{display:contents}.pg-edit-dimension .pg-edit-property{grid-column:1 / -1}.pg-edit-dimension .pg-variable-property-field>.pg-variable-binding{grid-column:2;grid-row:2}.pg-edit-dimension .pg-dimension-sizing{grid-column:1;grid-row:2}.pg-edit-dimension:has(.pg-variable-binding-trigger[data-bound=true]) .pg-variable-binding{grid-column:1 / -1;grid-row:3}.pg-edit-dimension:has(.pg-variable-binding-trigger[data-bound=true]) .pg-dimension-sizing{grid-column:1 / -1}.pg-edit-property[data-numeric]>span{min-width:var(--pg-ui-tool-size)}.pg-edit-property[data-numeric] input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.pg-edit-property[data-numeric] input::-webkit-inner-spin-button,.pg-edit-property[data-numeric] input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pg-edit-navigation,.pg-edit-inspector,.pg-edit-navigation *,.pg-edit-inspector *{scrollbar-color:var(--pg-ui-border-strong) var(--pg-ui-surface)}.pg-edit-navigation .pg-layer-row[aria-selected=true]{color:var(--pg-ui-text);box-shadow:none}.pg-edit-navigation .pg-layer-row[aria-selected=true]:is([data-layer-kind=component],[data-layer-kind=instance]) .pg-layer-icon{color:var(--pg-ui-accent-text)}.pg-edit-navigation .pg-layer-row[aria-selected=true] .pg-layer-toggle:hover{background:transparent}.pg-edit-inspector [data-inspector-design]{--pg-inspector-label-width: 42%}.pg-edit-inspector [data-inspector-design] .pg-edit-inspector-section{padding:0}.pg-edit-inspector-section>:is(.pg-edit-position-section,.pg-edit-layout-section,.pg-edit-text){margin:0;padding:var(--pg-ui-space-3) var(--pg-ui-space-4)}.pg-edit-workspace .pg-edit-inspector-section :is(.pg-edit-position-section,.pg-edit-layout-section,.pg-edit-text)>h3{display:flex;align-items:center;min-height:var(--pg-ui-control-height);margin:0 0 var(--pg-ui-space-2);font-size:var(--pg-ui-font-small)}.pg-edit-inspector [data-inspector-design] .pg-edit-inspector-section>.pg-appearance-compact{margin:0;padding:var(--pg-ui-space-3) var(--pg-ui-space-4)}.pg-edit-inspector [data-inspector-design] .pg-edit-inspector-section>.pg-edit-section{margin:0}.pg-edit-inspector-section>h3{padding-inline:var(--pg-ui-space-4)}.pg-edit-workspace .pg-edit-inspector .pg-edit-section>summary{min-height:calc(var(--pg-ui-control-height) + var(--pg-ui-space-4));padding-block:var(--pg-ui-space-2);color:var(--pg-ui-text)}.pg-edit-inspector .pg-edit-section>summary:after{content:"";width:var(--pg-ui-space-1);height:var(--pg-ui-space-1);margin-right:var(--pg-ui-space-1);border-right:1px solid var(--pg-ui-muted);border-bottom:1px solid var(--pg-ui-muted);transform:rotate(-45deg)}.pg-edit-inspector .pg-edit-section[open]>summary:after{transform:rotate(45deg)}.pg-edit-inspector .pg-edit-section>summary:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:calc(-1 * var(--pg-ui-space-1))}.pg-edit-inspector [data-inspector-design] :is(input:not([type=checkbox]):not([type=color]),select){background:transparent;border-color:transparent;border-radius:var(--pg-ui-radius-sm);height:var(--pg-ui-control-height)}.pg-edit-inspector [data-inspector-design] :is(input:not([type=checkbox]):not([type=color]),select):hover:not(:disabled){background:var(--pg-ui-subtle)}.pg-edit-inspector [data-inspector-design] :is(input:not([type=checkbox]):not([type=color]),select):focus{border-color:var(--pg-ui-accent-text);background:var(--pg-ui-surface)}.pg-edit-inspector .pg-edit-property[data-numeric]{background:transparent;margin-block:0}.pg-edit-inspector .pg-edit-property[data-numeric]:hover{background:var(--pg-ui-subtle)}.pg-edit-inspector [data-inspector-design] .pg-edit-property[data-numeric] input{background:transparent;border:0}.pg-edit-inspector .pg-edit-geometry[data-geometry-compact]>.pg-edit-property{display:grid;grid-template-columns:var(--pg-inspector-label-width) minmax(0,1fr);align-items:center;max-width:none;min-height:var(--pg-ui-row-height);margin:0}.pg-edit-inspector .pg-edit-geometry[data-geometry-compact] .pg-edit-property-grid,.pg-edit-inspector .pg-layout-panel[data-compact] .pg-layout-grid{gap:var(--pg-ui-space-1) var(--pg-ui-space-2)}.pg-edit-inspector .pg-layout-field{grid-template-columns:var(--pg-inspector-label-width) minmax(0,1fr);min-height:var(--pg-ui-row-height);gap:0}.pg-edit-inspector .pg-layout-field>span,.pg-edit-inspector .pg-appearance-blend-row>span{color:var(--pg-ui-muted)}.pg-edit-inspector .pg-layout-padding-grid .pg-layout-field,.pg-edit-inspector .pg-layout-padding-switch+.pg-layout-field{grid-template-columns:minmax(0,1fr)}.pg-edit-inspector .pg-layout-size-limits{margin-block:var(--pg-ui-space-2) 0}.pg-edit-inspector .pg-edit-check{margin-block:var(--pg-ui-space-1);color:var(--pg-ui-muted)}.pg-edit-inspector .pg-edit-layout-section{position:relative}.pg-edit-inspector .pg-edit-dimensions-grid{grid-template-columns:minmax(0,1fr)}.pg-edit-inspector .pg-edit-dimension{grid-template-columns:minmax(0,1fr) minmax(0,1fr) var(--pg-ui-control-height);align-items:center}.pg-edit-inspector .pg-edit-dimension .pg-edit-property{grid-column:1;grid-row:1}.pg-edit-inspector .pg-edit-dimension .pg-dimension-sizing{grid-column:2;grid-row:1;padding-inline:var(--pg-ui-space-1)}.pg-edit-inspector .pg-edit-dimension .pg-variable-property-field>.pg-variable-binding{grid-column:3;grid-row:1}.pg-edit-inspector .pg-edit-dimension:has(.pg-variable-binding-trigger[data-bound=true]) .pg-variable-binding{grid-column:1 / -1;grid-row:2}.pg-edit-inspector .pg-edit-aspect-ratio{position:absolute;top:var(--pg-ui-space-3);right:var(--pg-ui-space-4);border-color:transparent;background:transparent}.pg-edit-inspector .pg-variable-binding-trigger:not([data-bound=true]){border-color:transparent;background:transparent}.pg-edit-inspector .pg-variable-binding-trigger:not([data-bound=true]):hover:not(:disabled){background:var(--pg-ui-subtle)}.pg-edit-inspector .pg-appearance-layer-row{grid-template-columns:minmax(0,1fr);gap:0}.pg-edit-inspector .pg-appearance-compact-row{grid-template-columns:var(--pg-ui-space-5) minmax(0,1fr) calc(var(--pg-ui-space-5) * 2) var(--pg-ui-space-5) var(--pg-ui-space-5)}.pg-edit-inspector .pg-appearance-compact-row>button{width:var(--pg-ui-space-5)}.pg-edit-inspector .pg-appearance-compact-row>.pg-appearance-swatch{height:var(--pg-ui-space-5)}.pg-edit-inspector .pg-appearance-summary-field,.pg-edit-inspector .pg-appearance-blend-row{display:grid;grid-template-columns:var(--pg-inspector-label-width) minmax(0,1fr);min-height:var(--pg-ui-row-height);align-items:center;gap:0;margin:0}.pg-edit-inspector .pg-appearance-compact .pg-appearance-compact-value,.pg-edit-inspector .pg-appearance-compact button.pg-appearance-paint-name{background:transparent}.pg-edit-inspector .pg-appearance-compact .pg-appearance-compact-value:hover,.pg-edit-inspector .pg-appearance-compact button.pg-appearance-paint-name:hover{background:var(--pg-ui-subtle)}.pg-edit-inspector .pg-appearance-compact .pg-appearance-section-heading:not(:first-child){margin-inline:calc(-1 * var(--pg-ui-space-4));padding-inline:var(--pg-ui-space-4);margin-top:var(--pg-ui-space-3);padding-top:var(--pg-ui-space-3)}.pg-edit-inspector .pg-appearance-compact .pg-appearance-section-heading:first-child{margin-bottom:var(--pg-ui-space-1)}.pg-edit-inspector .pg-connection-field-control{grid-template-columns:var(--pg-inspector-label-width) minmax(0,1fr);align-items:center;gap:0;min-height:var(--pg-ui-row-height)}.pg-edit-inspector .pg-connection-field{padding-block:var(--pg-ui-space-1)}.pg-edit-inspector .pg-connection-field-control>span:first-child{color:var(--pg-ui-muted);flex-wrap:wrap;justify-content:flex-start}.pg-edit-inspector .pg-connection-field-control:has(.pg-connection-colors,.pg-shared-color-value){grid-template-columns:minmax(0,1fr);gap:var(--pg-ui-space-2)}.pg-edit-inspector .pg-edit-text>.pg-variable-property-row{min-height:var(--pg-ui-control-height);margin-bottom:var(--pg-ui-space-2)}.pg-edit-workspace .pg-edit-inspector .pg-edit-text>.pg-variable-property-row>h3{margin:0}.pg-edit-inspector .pg-edit-rotation-field{background:transparent}.pg-edit-inspector .pg-edit-rotation-field:hover{background:var(--pg-ui-subtle)}.pg-edit-inspector .pg-edit-text-font-grid{display:flex;flex-direction:column;gap:var(--pg-ui-space-1)}.pg-edit-inspector .pg-edit-text-font-grid>.pg-edit-property{display:grid;grid-template-columns:var(--pg-inspector-label-width) minmax(0,1fr);align-items:center;min-height:var(--pg-ui-row-height);gap:0}.pg-edit-workspace .pg-edit-file{display:flex;flex-direction:column;justify-content:center;min-height:52px;box-sizing:border-box}.pg-edit-workspace .pg-styles-panel>button,.pg-edit-workspace .pg-styles-panel fieldset>button{display:flex;align-items:center;justify-content:center;text-align:center}.pg-edit-inspector .pg-style-picker-row{grid-template-columns:minmax(0,1fr)}.pg-edit-inspector .pg-style-picker-row>label{grid-template-columns:var(--pg-inspector-label-width) minmax(0,1fr);align-items:center;gap:0}.pg-edit-inspector .pg-edit-page-properties{padding:var(--pg-ui-space-3) var(--pg-ui-space-4)}.pg-edit-inspector .pg-canvas-background{margin:0}.pg-edit-inspector .pg-canvas-background>h3{display:flex;align-items:center;min-height:var(--pg-ui-control-height);margin:0 0 var(--pg-ui-space-2);font-size:var(--pg-ui-font-small)}.pg-loading-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--pg-ui-space-3,12px);color:var(--pg-ui-muted,#686974);font:500 calc(var(--pg-ui-font-small,12px) * var(--pg-storyboard-inverse-zoom,1))/1 var(--pg-ui-font,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-variant-numeric:tabular-nums}.pg-loading-progress[data-fill-area]{position:absolute;top:0;right:0;bottom:0;left:0}.pg-loading-progress-track{position:relative;width:min(320px,60%);height:calc(4px * var(--pg-storyboard-inverse-zoom,1));border-radius:2px;background:var(--pg-ui-border,#e6e8eb);overflow:hidden}.pg-loading-progress-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--pg-accent,#4b30f3);transition:width .2s ease-out}.pg-loading-progress[data-indeterminate] .pg-loading-progress-fill{width:35%;animation:pg-loading-progress-indeterminate 1.2s ease-in-out infinite}.pg-loading-progress[data-thin]{position:absolute;inset:0 0 auto;z-index:4;gap:0;pointer-events:none}.pg-loading-progress[data-thin] .pg-loading-progress-track{width:100%;height:calc(3px * var(--pg-storyboard-inverse-zoom,1));border-radius:0;background:transparent}@keyframes pg-loading-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(290%)}}@media(prefers-reduced-motion:reduce){.pg-loading-progress-fill{transition:none}.pg-loading-progress[data-indeterminate] .pg-loading-progress-fill{animation:none;width:100%;opacity:.4}}.pg-full-size-preview{position:fixed;top:0;right:0;bottom:0;left:0;width:calc(100vw - 2 * var(--pg-ui-space-4));height:calc(100dvh - 2 * var(--pg-ui-space-4));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-radius);background:var(--pg-ui-background);color:var(--pg-ui-text);box-shadow:var(--pg-ui-shadow);font:var(--pg-ui-font-size)/1.5 var(--pg-ui-font)}.pg-full-size-preview[open]{display:flex;flex-direction:column}.pg-full-size-preview::backdrop{background:var(--pg-ui-overlay)}.pg-full-size-preview-header{flex:none;display:flex;align-items:center;gap:var(--pg-ui-space-3);padding:var(--pg-ui-space-3) var(--pg-ui-space-4);border-bottom:1px solid var(--pg-ui-border);background:var(--pg-ui-surface)}.pg-full-size-preview-header>div{flex:1;min-width:0}.pg-full-size-preview-header h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pg-ui-font-size);font-weight:600}.pg-full-size-preview-header span{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-full-size-preview-close{flex:none;display:grid;place-items:center;width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);padding:0;border:0;border-radius:var(--pg-ui-control-radius);background:transparent;color:var(--pg-ui-text);cursor:pointer}.pg-full-size-preview-close:hover{background:var(--pg-ui-hover)}.pg-full-size-preview-viewport{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--pg-ui-space-4)}.pg-full-size-preview-frame{position:relative;flex:none;margin-inline:auto;background:var(--pg-ui-surface);box-shadow:var(--pg-ui-shadow)}.pg-full-size-preview-frame>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.pg-full-size-preview-frame>.pg-storyboard-screen{width:100%;height:100%}.pg-full-size-preview-frame>.pg-storyboard-live{touch-action:pan-x pan-y}.pg-full-size-preview-frame [data-shadow-preview-scroller]{overscroll-behavior:auto!important}.pg-full-size-preview-status{flex:none;max-height:25%;overflow:auto;padding:var(--pg-ui-space-2) var(--pg-ui-space-4);border-bottom:1px solid var(--pg-ui-border);background:var(--pg-ui-surface);font-size:var(--pg-ui-font-small);overflow-wrap:anywhere}.pg-full-size-preview-status p{margin:0;color:var(--pg-ui-muted)}.pg-full-size-preview-status button{margin-top:var(--pg-ui-space-2);font:inherit}.pg-full-size-preview-status details{margin-top:var(--pg-ui-space-2)}.pg-full-size-preview-status summary{cursor:pointer}.pg-full-size-preview :is(button,summary):focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:-2px}.pg-full-size-preview :is(.pg-full-size-preview-viewport,.pg-storyboard-live):focus-visible{outline:1px solid var(--pg-ui-border-strong);outline-offset:-1px}.pg-view-navigation-row.pg-view-state-row{height:auto;min-height:var(--pg-ui-row-height);align-items:flex-start;padding-block:var(--pg-ui-space-1);font-size:var(--pg-ui-font-size)}.pg-view-flow-group .pg-view-navigation-row.pg-view-state-row{padding-left:var(--pg-ui-space-5)}.pg-view-navigation-row.pg-view-state-row>svg{margin-top:var(--pg-ui-space-1)}.pg-view-navigation-row.pg-view-state-row>.pg-view-state-label{display:flex;flex-direction:column;min-width:0;white-space:normal}.pg-view-state-label>.pg-view-state-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.5}.pg-view-state-row[aria-pressed=true] .pg-view-state-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;white-space:normal;font-weight:600}.pg-view-state-label>.pg-view-state-code{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption);font-variant-numeric:tabular-nums;line-height:1.4}.pg-state-controls{display:flex;flex-direction:column;gap:var(--pg-ui-space-3)}.pg-state-heading,.pg-state-axis-heading,.pg-state-preset{display:flex;align-items:center;gap:var(--pg-ui-space-2)}.pg-state-heading{justify-content:space-between}.pg-state-heading h3{margin:0}.pg-state-axis-heading label{flex:1}.pg-state-controls button,.pg-state-controls select,.pg-state-controls input:not([type=checkbox]){min-height:var(--pg-ui-control-height);min-width:0;border:1px solid transparent;border-radius:var(--pg-ui-control-radius);padding:var(--pg-ui-space-1) var(--pg-ui-space-2);background:var(--pg-ui-control);color:var(--pg-ui-text);font:inherit;font-size:var(--pg-ui-font-small)}.pg-state-controls select{width:100%}.pg-state-controls button:not(:disabled):hover{background:var(--pg-ui-hover)}.pg-state-controls button[aria-pressed=true]{background:var(--pg-ui-selected);color:var(--pg-ui-accent-text)}.pg-state-controls button:disabled{opacity:.5}.pg-state-controls :is(button,select,input,[tabindex]):focus-visible{outline:2px solid var(--pg-ui-selection-ring);outline-offset:1px}.pg-state-controls label{font-size:var(--pg-ui-font-small)}.pg-state-target,.pg-state-axis{display:flex;flex-direction:column;gap:var(--pg-ui-space-1)}.pg-state-target>.pg-state-axis,.pg-state-general>.pg-state-axis{margin-top:var(--pg-ui-space-2)}.pg-state-options{display:flex;flex-wrap:wrap;gap:var(--pg-ui-space-1)}.pg-state-presets{border-top:1px solid var(--pg-ui-border);padding-top:var(--pg-ui-space-3)}.pg-state-presets summary span{margin-left:var(--pg-ui-space-2);color:var(--pg-ui-muted)}.pg-state-presets form{display:flex;gap:var(--pg-ui-space-1);margin-block:var(--pg-ui-space-2)}.pg-state-presets form input{flex:1;width:0}.pg-state-preset{margin-top:var(--pg-ui-space-1)}.pg-state-preset label{display:flex;padding:var(--pg-ui-space-1)}.pg-state-preset input{accent-color:var(--pg-ui-accent-text)}.pg-state-preset-apply{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.pg-state-comparison{overflow:auto;max-height:320px;margin-top:var(--pg-ui-space-2)}.pg-state-comparison table{border-collapse:collapse;width:100%;font-size:var(--pg-ui-font-small)}.pg-state-comparison th,.pg-state-comparison td{text-align:left;vertical-align:top;min-width:88px;padding:var(--pg-ui-space-2);border-bottom:1px solid var(--pg-ui-border)}.pg-state-comparison thead{background:var(--pg-ui-control)}.pg-state-comparison tbody th{font-weight:400;color:var(--pg-ui-muted)}.pg-prototype-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--pg-bg, var(--pg-ui-surface));color:var(--pg-text, var(--pg-ui-text));border:1px solid var(--pg-border, var(--pg-ui-border));border-radius:var(--pg-ui-panel-radius);box-shadow:var(--pg-ui-shadow);display:flex;flex-direction:column;overflow:hidden}.pg-prototype-player>header{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap;border-bottom:1px solid var(--pg-border, var(--pg-ui-border))}.pg-prototype-player>header>strong{margin-right:auto}.pg-prototype-player>header label{display:flex;align-items:center;gap:8px}.pg-prototype-play-area{flex:1;min-height:0;overflow:auto;padding:32px;background:var(--pg-surface-muted, var(--pg-ui-subtle))}.pg-prototype-stage{position:relative;margin:0 auto;overflow:hidden;outline-offset:4px;flex-shrink:0}.pg-prototype-scene-shell{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pg-prototype-scene{position:absolute;overflow:auto;pointer-events:auto;isolation:isolate}.pg-prototype-previous{top:0;right:0;bottom:0;left:0;pointer-events:none}.pg-prototype-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto}.pg-prototype-canvas{position:relative}.pg-prototype-player>footer{display:flex;gap:16px;flex-wrap:wrap;padding:12px 16px;font-size:var(--pg-ui-font-small);border-top:1px solid var(--pg-border, var(--pg-ui-border))}.pg-prototype-player>p{padding:0 16px}.pg-prototype-player[data-embedded]{position:relative;inset:auto;z-index:auto;flex:1;min-height:0;border:0;border-radius:0;box-shadow:none}.pg-prototype-player[data-embedded]>header{min-height:44px;padding:8px 16px;gap:8px}.pg-prototype-player[data-embedded]>footer:empty{display:none}.pg-conditions{position:relative;flex-shrink:0;min-width:0;font-size:var(--pg-ui-font-small)}.pg-workspace .pg-conditions-trigger{display:flex;align-items:center;gap:7px;max-width:260px;padding:7px 9px;white-space:nowrap}.pg-conditions-name{color:var(--pg-muted,var(--pg-ui-muted));font-size:var(--pg-ui-font-small)}.pg-conditions-trigger strong{max-width:140px;overflow:hidden;text-overflow:ellipsis;font-size:var(--pg-ui-font-small);font-weight:600}.pg-conditions-trigger svg{flex:none}.pg-conditions-count{padding:0 5px;border-radius:var(--pg-ui-control-radius);color:var(--pg-accent,var(--pg-ui-accent-text));background:var(--pg-ui-selected);font-size:var(--pg-ui-font-caption);font-weight:650}.pg-conditions-panel{position:absolute;z-index:30;right:0;top:calc(100% + 9px);width:360px;max-width:calc(100vw - 24px);max-height:min(640px,calc(100vh - 90px));overflow:auto;overscroll-behavior:contain;padding:16px;background:var(--pg-ui-surface);border:1px solid var(--pg-line,var(--pg-ui-border));border-radius:var(--pg-ui-panel-radius);box-shadow:var(--pg-ui-shadow);white-space:normal}.pg-conditions-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.pg-workspace .pg-conditions-heading h2{margin:0;font-size:15px;letter-spacing:-.2px}.pg-workspace .pg-conditions-heading button{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;font-size:19px;border-color:transparent;color:var(--pg-muted,var(--pg-ui-muted))}.pg-conditions-panel section{margin-top:17px}.pg-conditions-panel section+section{padding-top:16px;border-top:1px solid var(--pg-line,var(--pg-ui-border))}.pg-workspace .pg-conditions-panel h3{font-size:var(--pg-ui-font-small);margin:0 0 3px;font-weight:650}.pg-workspace .pg-conditions-panel p{margin:0 0 11px;font-size:var(--pg-ui-font-small);line-height:1.5;color:var(--pg-muted,var(--pg-ui-muted))}.pg-conditions-fields{display:flex;flex-direction:column;gap:13px}.pg-conditions-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,1.1fr);align-items:center;gap:12px;font-size:var(--pg-ui-font-small)}.pg-conditions-field>span{min-width:0;overflow-wrap:anywhere}.pg-workspace .pg-conditions-field select{width:100%;min-width:0;padding:6px 8px;font-size:var(--pg-ui-font-small)}.pg-workspace .pg-conditions-panel .pg-conditions-description{margin:5px 0 0;font-size:var(--pg-ui-font-small);overflow-wrap:anywhere}.pg-conditions-panel footer{display:flex;justify-content:flex-end;margin-top:17px;padding-top:13px;border-top:1px solid var(--pg-line,var(--pg-ui-border))}.pg-workspace .pg-conditions-panel footer button{font-size:var(--pg-ui-font-small);padding:6px 9px}@media(max-width:760px){.pg-workspace .pg-conditions-trigger{max-width:190px;gap:5px}.pg-conditions-name{font-size:var(--pg-ui-font-caption)}.pg-conditions-trigger strong{max-width:80px;font-size:var(--pg-ui-font-small)}}@media(max-width:480px){.pg-conditions-name{display:none}.pg-conditions-panel{position:fixed;top:64px;right:12px;left:12px;width:auto;max-width:none;max-height:calc(100dvh - 80px)}}.pg-workspace .pg-command-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--pg-ui-space-2);padding-inline:var(--pg-ui-space-3)}.pg-workspace .pg-command-toggle{background:color-mix(in srgb,var(--pg-ui-claude) 18%,var(--pg-ui-surface));color:var(--pg-ui-text);font-weight:600;letter-spacing:.01em;transition:background-color .15s ease,border-color .15s ease}.pg-workspace .pg-command-toggle:hover,.pg-workspace .pg-command-toggle[aria-expanded=true]{background:color-mix(in srgb,var(--pg-ui-claude) 28%,var(--pg-ui-surface))}.pg-workspace .pg-command-toggle:focus-visible{outline-color:var(--pg-ui-claude)}.pg-edit-command-entry{position:absolute;z-index:5;top:var(--pg-ui-space-4);right:var(--pg-ui-space-4)}.pg-edit-command-entry .pg-command-toggle{min-height:var(--pg-ui-row-height);border:1px solid color-mix(in srgb,var(--pg-ui-claude) 40%,transparent);border-radius:var(--pg-ui-radius);box-shadow:var(--pg-ui-shadow)}.pg-command-panel{position:absolute;z-index:55;top:var(--pg-ui-header-height, 48px);right:0;bottom:0;width:min(420px,100%);display:flex;flex-direction:column;color:var(--pg-ui-text);background:var(--pg-ui-surface);border-left:1px solid var(--pg-ui-border);box-shadow:var(--pg-ui-shadow);font-size:var(--pg-ui-font-small)}.pg-command-heading{display:flex;align-items:center;justify-content:space-between;padding:var(--pg-ui-space-3) var(--pg-ui-space-4);border-bottom:1px solid var(--pg-ui-border)}.pg-command-heading button{width:var(--pg-ui-control-height);height:var(--pg-ui-control-height);padding:0;background:transparent;border:0;font-size:var(--pg-ui-font-size)}.pg-command-body{flex:1;min-height:0;overflow:auto;padding:var(--pg-ui-space-4)}.pg-command-target{display:flex;align-items:center;gap:var(--pg-ui-space-2);margin-bottom:var(--pg-ui-space-2)}.pg-command-target span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.pg-command-target small,.pg-command-selection,.pg-command-progress small{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-command-selection{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--pg-ui-space-3)}.pg-command-panel textarea{box-sizing:border-box;width:100%;min-height:132px;resize:vertical;padding:var(--pg-ui-space-3);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-subtle);color:var(--pg-ui-text);font:inherit;line-height:1.65}.pg-command-panel textarea:focus{outline:1px solid var(--pg-ui-accent-text);outline-offset:1px}.pg-command-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--pg-ui-space-2);margin-block:var(--pg-ui-space-3)}.pg-command-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--pg-ui-control-height);padding:var(--pg-ui-space-2) var(--pg-ui-space-3)}.pg-command-actions button[data-primary]{background:var(--pg-ui-accent);color:var(--pg-ui-accent-text);border-color:transparent}.pg-command-actions button:disabled{opacity:.45}.pg-command-summary{white-space:pre-wrap;line-height:1.7;margin-block:var(--pg-ui-space-4)}.pg-command-history{padding-block:var(--pg-ui-space-2);border-bottom:1px solid var(--pg-ui-border)}.pg-command-history summary{cursor:pointer;color:var(--pg-ui-muted)}.pg-command-history>button{display:flex;align-items:baseline;gap:var(--pg-ui-space-2);width:100%;text-align:left;padding:var(--pg-ui-space-2);border:0;background:transparent}.pg-command-history>button:hover{background:var(--pg-ui-row-hover)}.pg-command-history>button>span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pg-command-history small{flex:none;color:var(--pg-ui-muted)}.pg-command-panel .pg-source-diff{max-height:45vh;overflow:auto}.pg-command-progress{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pg-ui-space-2);min-height:var(--pg-ui-control-height)}.pg-command-progress small{flex-basis:100%}.pg-command-spinner{width:12px;height:12px;border:2px solid var(--pg-ui-border);border-top-color:var(--pg-ui-accent-text);border-radius:50%;animation:pg-command-spin 1s linear infinite}.pg-command-error{color:var(--pg-ui-danger);overflow-wrap:anywhere;line-height:1.6}.pg-command-saved{display:grid;gap:var(--pg-ui-space-2);padding-block:var(--pg-ui-space-3);border-top:1px solid var(--pg-ui-border)}.pg-command-saved code{overflow-wrap:anywhere;font-size:var(--pg-ui-font-caption)}.pg-command-saved small{color:var(--pg-ui-muted);line-height:1.6}@keyframes pg-command-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pg-command-spinner{animation:none}}.pg-command-mark{color:var(--pg-ui-claude);flex:none}.pg-workspace-command-entry .pg-command-toggle{height:var(--pg-ui-row-height);padding-block:0;border:1px solid color-mix(in srgb,var(--pg-ui-claude) 40%,transparent);border-radius:var(--pg-ui-radius);font-size:var(--pg-ui-font-small)}:root,:host{--pg-ui-font: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pg-ui-font-mono: "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", monospace;--pg-ui-radius: 8px;--pg-ui-radius-sm: 4px;--pg-ui-control-radius: 6px;--pg-ui-panel-radius: 18px;--pg-ui-control-height: 28px;--pg-ui-row-height: 32px;--pg-ui-icon-size: 16px;--pg-ui-tool-size: 20px;--pg-ui-font-size: 13px;--pg-ui-font-small: 12px;--pg-ui-font-caption: 11px;--pg-ui-space-1: 4px;--pg-ui-space-2: 8px;--pg-ui-space-3: 12px;--pg-ui-space-4: 16px;--pg-ui-space-5: 24px;--pg-ui-pass: #22c55e;--pg-ui-warn: #f59e0b;--pg-ui-danger: #ef4444;--pg-ui-claude: #d97757;--pg-ui-on-claude: #141413}:root,:host,[data-theme=light]{--pg-ui-background: #fafafa;--pg-ui-raised: #ffffff;--pg-ui-surface: #ffffff;--pg-ui-subtle: #f3f5f7;--pg-ui-hover: #eef2f4;--pg-ui-control: #f3f5f7;--pg-ui-text: #111318;--pg-ui-muted: #6b7178;--pg-ui-faint: #8d949c;--pg-ui-border: #e4e7eb;--pg-ui-border-strong: #d7dce2;--pg-ui-accent: #ebe7ff;--pg-ui-accent-hover: #ddd7ff;--pg-ui-accent-text: #5a46c8;--pg-ui-accent-text-hover: #4433aa;--pg-ui-on-accent: #5a46c8;--pg-ui-on-strong: #ffffff;--pg-ui-canvas-accent: #857bf0;--pg-ui-overlay: rgba(17, 19, 24, .14);--pg-ui-shadow: 0 10px 28px rgba(17, 19, 24, .04);--pg-ui-danger-bg: rgba(239, 68, 68, .12);--pg-ui-warning-bg: rgba(245, 158, 11, .12);--pg-ui-success-bg: rgba(34, 197, 94, .12);--pg-ui-selected: color-mix(in srgb, var(--pg-ui-accent-text) 15%, var(--pg-ui-surface));--pg-ui-row-hover: color-mix(in srgb, var(--pg-ui-accent-text) 9%, var(--pg-ui-subtle));--pg-ui-selection-ring: color-mix(in srgb, var(--pg-ui-accent-text) 42%, transparent)}[data-theme=dark],:host([data-theme="dark"]){--pg-ui-background: #202124;--pg-ui-raised: #242529;--pg-ui-surface: #292a2e;--pg-ui-subtle: #303136;--pg-ui-hover: #37383e;--pg-ui-control: #303136;--pg-ui-text: #f0f1f3;--pg-ui-muted: #bbbfc7;--pg-ui-faint: #8f949d;--pg-ui-border: #3b3d43;--pg-ui-border-strong: #4a4d55;--pg-ui-accent: #48425f;--pg-ui-accent-hover: #554d72;--pg-ui-accent-text: #eeeaff;--pg-ui-accent-text-hover: #ffffff;--pg-ui-on-accent: #eeeaff;--pg-ui-on-strong: #202124;--pg-ui-canvas-accent: #b1afff;--pg-ui-overlay: rgba(17, 19, 24, .28);--pg-ui-shadow: 0 12px 28px rgba(0, 0, 0, .16);--pg-ui-danger-bg: rgba(239, 68, 68, .13);--pg-ui-warning-bg: rgba(245, 158, 11, .13);--pg-ui-success-bg: rgba(34, 197, 94, .13);--pg-ui-selected: color-mix(in srgb, var(--pg-ui-accent-text) 15%, var(--pg-ui-surface));--pg-ui-row-hover: color-mix(in srgb, var(--pg-ui-accent-text) 9%, var(--pg-ui-subtle));--pg-ui-selection-ring: color-mix(in srgb, var(--pg-ui-accent-text) 42%, transparent)}.pg-workspace{--pg-ink:var(--pg-ui-text);--pg-muted:var(--pg-ui-muted);--pg-line:var(--pg-ui-border);--pg-accent:var(--pg-ui-accent-text);display:flex;flex-direction:column;width:100%;height:100%;min-height:0;color:var(--pg-ink);background:var(--pg-ui-background);font:13px/1.5 var(--pg-ui-font);isolation:isolate}.pg-workspace *{box-sizing:border-box}:where(.pg-workspace button),:where(.pg-workspace input),:where(.pg-workspace select),:where(.pg-workspace textarea){font:inherit;color:inherit}:where(.pg-workspace button){cursor:pointer;border:1px solid var(--pg-line);border-radius:var(--pg-ui-radius);background:var(--pg-ui-surface);padding:7px 10px;text-align:left}:where(.pg-workspace button:hover){background:var(--pg-ui-selected)}:where(.pg-workspace button:disabled){opacity:.45;cursor:default}:where(.pg-workspace button[aria-pressed=true]){color:var(--pg-ui-accent-text);background:var(--pg-ui-selected);border-color:var(--pg-ui-selected)}:where(.pg-workspace input),:where(.pg-workspace select),:where(.pg-workspace textarea){max-width:100%;border:1px solid var(--pg-line);background:var(--pg-ui-surface);border-radius:var(--pg-ui-control-radius);padding:7px 9px}:where(.pg-workspace button:focus-visible),:where(.pg-workspace input:focus-visible),:where(.pg-workspace select:focus-visible){outline:2px solid var(--pg-accent);outline-offset:2px}:where(.pg-workspace h2){font-size:17px;margin:5px 0 16px}:where(.pg-workspace h3){font-size:var(--pg-ui-font-small);margin:22px 0 8px}:where(.pg-workspace p){color:var(--pg-muted);margin:8px 0 16px}.pg-workspace hr{border:0;border-top:1px solid var(--pg-line);width:100%;margin:20px 0}.pg-workspace code{display:block;font:11px/1.6 var(--pg-ui-font-mono);overflow-wrap:anywhere;color:var(--pg-muted)}.pg-workspace-header{height:44px;min-height:44px;padding:0 12px;display:flex;align-items:center;gap:16px;background:var(--pg-ui-surface);border-bottom:1px solid var(--pg-line)}.pg-workspace-brand{display:flex;align-items:center;min-width:0;flex:none}.pg-workspace-brand>b{flex:none;background:var(--pg-accent);color:var(--pg-ui-on-strong);width:26px;height:26px;border-radius:var(--pg-ui-radius);text-align:center;line-height:26px;font-size:var(--pg-ui-font-size);font-weight:700}.pg-workspace-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pg-workspace-host-chrome{margin-left:auto;min-width:0;display:flex;align-items:center;gap:8px}.pg-workspace-runtime{display:flex;gap:4px;font-size:var(--pg-ui-font-small);flex-shrink:0}.pg-workspace-screen-context{display:flex;align-items:center;flex:1;min-width:0;gap:var(--pg-ui-space-3)}.pg-workspace-screen-title{display:flex;align-items:center;gap:var(--pg-ui-space-2);min-width:0;max-width:420px;height:var(--pg-ui-row-height);padding:0 var(--pg-ui-space-2);border:0;background:transparent;font-size:var(--pg-ui-font-small);font-weight:600}.pg-workspace-screen-title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-workspace-screen-title>svg{flex:none;color:var(--pg-ui-muted)}.pg-workspace-screen-context .pg-screen-state-switch{min-width:0;max-width:200px;flex:0 1 auto;border-left:1px solid var(--pg-ui-border);padding-left:var(--pg-ui-space-3)}.pg-workspace-screen-context .pg-screen-state-switch select{min-width:0;max-width:100%;height:var(--pg-ui-control-height);padding-block:0;background:var(--pg-ui-control);border:0;font-size:var(--pg-ui-font-small)}.pg-workspace-command-entry{display:flex;flex:none}@media(max-width:1100px){.pg-workspace-screen-context{gap:var(--pg-ui-space-2)}.pg-workspace-screen-context .pg-screen-state-switch{max-width:140px;padding-left:var(--pg-ui-space-2)}}.pg-workspace-layout{flex:1;min-height:0;display:grid;--pg-effective-nav:var(--pg-nav-width,248px);--pg-effective-inspector:var(--pg-inspector-width,288px);grid-template-columns:var(--pg-effective-nav) minmax(180px,1fr) var(--pg-effective-inspector);grid-template-rows:minmax(0,1fr);overflow:hidden}.pg-workspace-layout[data-navigation-hidden]{--pg-effective-nav:0px}.pg-workspace-layout[data-inspector-hidden]{--pg-effective-inspector:0px}.pg-view-navigation-shell,.pg-view-inspector-shell{position:relative;display:flex;min-width:0;min-height:0;z-index:2;background:var(--pg-ui-surface)}.pg-view-navigation-shell{grid-column:1;border-right:1px solid var(--pg-line)}.pg-view-inspector-shell{grid-column:3;border-left:1px solid var(--pg-line)}.pg-workspace-board{grid-column:2}.pg-view-navigation-shell[data-collapsed],.pg-view-inspector-shell[data-collapsed]{border:0;background:transparent}.pg-workspace-panel-tab[data-panel=navigation]{right:12px}.pg-workspace-panel-tab[data-panel=inspector]{left:12px}.pg-view-navigation-shell[data-collapsed]>.pg-workspace-panel-tab{left:12px;right:auto}.pg-view-inspector-shell[data-collapsed]>.pg-workspace-panel-tab{left:auto;right:12px}.pg-workspace-sidebar,.pg-workspace-inspector{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--pg-ui-surface);font-size:var(--pg-ui-font-small)}.pg-workspace-sidebar[hidden],.pg-workspace-inspector[hidden]{display:none}.pg-view-panel-header{display:flex;flex-wrap:wrap;align-items:center;flex:none;min-width:0;gap:var(--pg-ui-space-2);min-height:52px;padding:var(--pg-ui-space-3) var(--pg-ui-space-4);border-bottom:1px solid var(--pg-line)}.pg-workspace-sidebar-heading{display:flex;flex:none;padding:var(--pg-ui-space-3) 52px var(--pg-ui-space-3) var(--pg-ui-space-4);border-bottom:1px solid var(--pg-line)}.pg-workspace-sidebar-heading>input{width:100%;min-width:0;height:var(--pg-ui-control-height);padding:0 var(--pg-ui-space-2);font-size:var(--pg-ui-font-small);background:var(--pg-ui-control);border:1px solid transparent}.pg-workspace-sidebar-heading>input:focus{border-color:var(--pg-ui-border-strong)}.pg-view-navigation-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:var(--pg-ui-space-2)}.pg-view-navigation-section{padding:var(--pg-ui-space-3) 0;border-bottom:1px solid var(--pg-line)}.pg-view-navigation-section:last-child{border-bottom:0}.pg-workspace-section-label{font-size:var(--pg-ui-font-small);font-weight:600;line-height:var(--pg-ui-control-height);margin:0 0 var(--pg-ui-space-2);padding:0 var(--pg-ui-space-4);color:var(--pg-ui-text)}.pg-view-navigation-row{display:flex;align-items:center;gap:var(--pg-ui-space-2);width:100%;height:var(--pg-ui-row-height);min-height:var(--pg-ui-row-height);padding:0 var(--pg-ui-space-4);border:0;border-radius:0;background:transparent;font-size:var(--pg-ui-font-small);line-height:1.5;text-align:left}.pg-view-navigation-row>svg{width:var(--pg-ui-icon-size);height:var(--pg-ui-icon-size);flex:none;color:var(--pg-ui-muted)}.pg-view-navigation-row>span{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pg-view-navigation-row>small{flex:none;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-view-navigation-row:hover{background:var(--pg-ui-row-hover)}.pg-view-navigation-row[aria-pressed=true]{background:var(--pg-ui-selected);color:var(--pg-ui-text)}.pg-workspace-actions{justify-content:flex-end;padding-left:52px}.pg-workspace-actions>button{height:var(--pg-ui-control-height);padding:0 var(--pg-ui-space-2);font-size:var(--pg-ui-font-small);border:0;border-radius:var(--pg-ui-control-radius);white-space:nowrap}.pg-workspace-actions>.pg-view-run{display:grid;place-items:center;width:var(--pg-ui-control-height);padding:var(--pg-ui-space-1);background:transparent}.pg-view-run svg{width:var(--pg-ui-icon-size);height:var(--pg-ui-icon-size)}.pg-workspace button.pg-workspace-primary{background:var(--pg-ui-accent);color:var(--pg-ui-accent-text);font-weight:600}.pg-workspace button.pg-workspace-primary:hover{background:var(--pg-ui-accent-hover)}.pg-workspace-inspector-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.pg-workspace-inspector:not([data-mode-actions]) .pg-workspace-inspector-body>:first-child{position:sticky;top:0;z-index:2;min-height:52px;padding-left:52px;box-sizing:border-box;background:var(--pg-ui-surface)}.pg-view-inspector-section{padding:var(--pg-ui-space-3) var(--pg-ui-space-4);border-bottom:1px solid var(--pg-line);margin:0}.pg-view-inspector-section h2,.pg-view-inspector-section h3{font-size:var(--pg-ui-font-small);font-weight:600;line-height:1.5;margin:0 0 var(--pg-ui-space-2);overflow-wrap:anywhere}.pg-view-screen-identity{display:flex;align-items:flex-start;gap:var(--pg-ui-space-2)}.pg-view-screen-identity>div{min-width:0;flex:1}.pg-view-screen-identity h2{margin:0}.pg-view-inspector-section p{margin:0;font-size:var(--pg-ui-font-small);line-height:1.5;color:var(--pg-ui-muted)}.pg-view-inspector-section .pg-workspace-state-line{margin-top:var(--pg-ui-space-1);font-size:var(--pg-ui-font-caption)}details.pg-view-inspector-section{padding-block:0}.pg-view-inspector-section>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--pg-ui-space-2);min-height:44px;list-style:none;cursor:pointer;font-size:var(--pg-ui-font-small);font-weight:600;color:var(--pg-ui-text)}.pg-view-inspector-section>summary::-webkit-details-marker{display:none}.pg-view-inspector-section>summary:after{content:"";flex:none;width:var(--pg-ui-space-1);height:var(--pg-ui-space-1);margin-right:var(--pg-ui-space-1);border-right:1px solid var(--pg-ui-muted);border-bottom:1px solid var(--pg-ui-muted);transform:rotate(-45deg)}.pg-view-inspector-section[open]>summary:after{transform:rotate(45deg)}.pg-view-inspector-section>summary:focus-visible{outline:2px solid var(--pg-ui-accent-text);outline-offset:-2px}.pg-view-inspector-section[open]{padding-bottom:var(--pg-ui-space-3)}.pg-view-inspector-section>code{display:block}.pg-view-screen-meta{display:block;margin-top:var(--pg-ui-space-1);font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted)}.pg-view-screen-meta:empty{display:none}.pg-view-inspector-section[open]>summary{margin-bottom:var(--pg-ui-space-3)}.pg-view-inspector-section code{font-size:var(--pg-ui-font-caption);line-height:1.5;overflow-wrap:anywhere}.pg-view-inspector-section code+code{margin-top:var(--pg-ui-space-2)}.pg-workspace-inspector dl{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--pg-ui-space-2);margin:0}.pg-workspace-inspector dt{color:var(--pg-ui-muted)}.pg-workspace-inspector dd{margin:0;overflow-wrap:anywhere}.pg-view-transitions{display:flex;flex-direction:column;gap:var(--pg-ui-space-2)}.pg-view-transitions button{width:100%;min-height:var(--pg-ui-row-height);padding:var(--pg-ui-space-2);border:0;border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-control);font-size:var(--pg-ui-font-small);line-height:1.5;text-align:left;color:var(--pg-ui-text)}.pg-view-transitions button:hover{background:var(--pg-ui-row-hover)}.pg-storyboard-zoom{position:relative;flex:none}.pg-storyboard-zoombar{position:absolute;z-index:6;left:12px;bottom:16px;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-panel-radius);background:var(--pg-ui-surface);box-shadow:var(--pg-ui-shadow)}.pg-storyboard-zoombar>button{display:flex;align-items:center;justify-content:center;gap:var(--pg-ui-space-1);min-width:28px;height:28px;border:0;border-radius:var(--pg-ui-control-radius);background:transparent;padding:0 var(--pg-ui-space-1);font-size:var(--pg-ui-font-small);font-weight:600;color:var(--pg-ui-text)}.pg-storyboard-zoombar>button:hover:not(:disabled){background:var(--pg-ui-row-hover)}.pg-storyboard-zoombar>button:disabled{color:var(--pg-ui-faint)}.pg-storyboard-zoombar>.pg-storyboard-zoom-menu{left:0;right:auto;top:auto;bottom:calc(100% + 6px)}.pg-storyboard-return{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--pg-ui-border);border-radius:50%;background:var(--pg-ui-surface);color:var(--pg-ui-text);box-shadow:var(--pg-ui-shadow)}.pg-storyboard-return:hover{background:var(--pg-ui-row-hover)}.pg-storyboard-zoom>button{display:flex;align-items:center;gap:var(--pg-ui-space-1);height:var(--pg-ui-control-height);border:0;background:transparent;padding:0 var(--pg-ui-space-1);font-size:var(--pg-ui-font-small);font-weight:600;color:var(--pg-ui-text)}.pg-storyboard-zoom-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:8;width:200px;padding:var(--pg-ui-space-1);background:var(--pg-ui-surface);border:1px solid var(--pg-line);border-radius:var(--pg-ui-radius);box-shadow:var(--pg-ui-shadow)}.pg-storyboard-zoom-menu button{display:flex;align-items:center;justify-content:space-between;gap:var(--pg-ui-space-2);width:100%;min-height:var(--pg-ui-row-height);border:0;background:transparent;border-radius:var(--pg-ui-control-radius);padding:var(--pg-ui-space-1) var(--pg-ui-space-2);font-size:var(--pg-ui-font-small)}.pg-storyboard-zoom-menu button:hover{background:var(--pg-ui-row-hover)}.pg-storyboard-zoom-menu kbd{font:var(--pg-ui-font-caption)/1.3 var(--pg-ui-font);color:var(--pg-ui-faint)}.pg-workspace-board[data-storyboard-board]{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;overflow:hidden;background:var(--pg-ui-background)}.pg-storyboard-canvas{position:relative;flex:1;min-height:180px;overflow:clip;touch-action:none;overscroll-behavior:contain;outline:none;-webkit-user-select:none;user-select:none}.pg-storyboard-canvas:focus-visible:after{content:attr(data-focus-label);position:absolute;top:var(--pg-ui-space-3);left:var(--pg-ui-space-3);z-index:5;padding:var(--pg-ui-space-1) var(--pg-ui-space-2);border:1px solid var(--pg-ui-border-strong);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-surface);color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption);pointer-events:none}.pg-storyboard-canvas[data-panning=true],.pg-storyboard-canvas[data-panning=true] button{cursor:grab}.pg-storyboard-canvas[data-panning=true]:active,.pg-storyboard-canvas[data-panning=true]:active button{cursor:grabbing}.pg-storyboard-plane{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;pointer-events:none}.pg-storyboard-artboard{position:absolute;background:var(--pg-ui-surface);box-shadow:var(--pg-ui-shadow);outline:1px solid var(--pg-ui-border);pointer-events:auto}.pg-storyboard-artboard[data-selected=true]{outline:calc(2px * var(--pg-storyboard-inverse-zoom,1)) solid var(--pg-accent);z-index:2}.pg-workspace button.pg-storyboard-caption{position:absolute;bottom:100%;left:0;right:auto;transform:scale(var(--pg-storyboard-inverse-zoom,1));transform-origin:left bottom;padding:var(--pg-ui-space-1) 0;display:flex;flex-direction:column;gap:2px;min-height:var(--pg-ui-control-height);border:0;border-radius:0;background:transparent;color:var(--pg-ui-muted);overflow:hidden;text-align:left}.pg-storyboard-caption strong{display:block;max-width:100%;font-size:var(--pg-ui-font-size);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-storyboard-caption small{font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-storyboard-artboard[data-selected=true]>.pg-storyboard-caption{color:var(--pg-accent)}.pg-workspace button.pg-storyboard-caption[data-compact=true]{min-height:var(--pg-ui-space-2);height:var(--pg-ui-space-2);padding:0;border-top:2px solid var(--pg-ui-border-strong)}.pg-storyboard-caption[data-compact=true]>*{visibility:hidden}.pg-workspace button.pg-storyboard-caption:focus-visible{outline:2px solid var(--pg-accent);outline-offset:2px}.pg-workspace button.pg-storyboard-screen{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:0;border-radius:0;padding:0;background:var(--pg-ui-surface);overflow:hidden;color:var(--pg-muted)}.pg-storyboard-screen img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.pg-storyboard-screen>span{font-size:calc(var(--pg-ui-font-small) * var(--pg-storyboard-inverse-zoom,1));color:var(--pg-ui-muted);padding:var(--pg-ui-space-2);max-width:100%}.pg-storyboard-artboard[data-compact] .pg-storyboard-screen>span,.pg-storyboard-artboard[data-compact]>.pg-storyboard-retry,.pg-storyboard-artboard[data-compact]>.pg-storyboard-capture-note{display:none}.pg-storyboard-screen:focus-visible{outline:3px solid var(--pg-accent);outline-offset:4px}.pg-storyboard-live{position:relative;width:100%;height:100%;overflow:hidden;background:var(--pg-ui-surface);-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none}.pg-storyboard-live:active{cursor:grabbing}.pg-storyboard-live[data-adopted]{position:absolute;top:0;right:0;bottom:0;left:0}.pg-storyboard-live[data-dormant]{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none}.pg-storyboard-artboard:has(>.pg-storyboard-live[data-adopted]){z-index:3}.pg-storyboard-fallback{position:absolute;top:0;right:0;bottom:0;left:0}.pg-storyboard-fallback[inert]{opacity:0;pointer-events:none}.pg-storyboard-fallback>img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.pg-storyboard-live:focus-visible{outline:3px solid var(--pg-accent);outline-offset:4px}.pg-storyboard-live[data-waiting]{background:var(--pg-ui-subtle)}.pg-storyboard-live[data-waiting]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,var(--pg-ui-border) 50%,transparent 70%) 0 0/300% 100%;animation:pg-storyboard-live-waiting 1.6s ease-in-out infinite;pointer-events:none}@keyframes pg-storyboard-live-waiting{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.pg-storyboard-live[data-waiting]:before{animation:none}}.pg-workspace button.pg-storyboard-retry{position:absolute;top:100%;left:0;margin-top:calc(var(--pg-ui-space-2) * var(--pg-storyboard-inverse-zoom,1));transform:scale(var(--pg-storyboard-inverse-zoom,1));transform-origin:left top;min-height:var(--pg-ui-control-height);padding:var(--pg-ui-space-1) var(--pg-ui-space-2);font-size:var(--pg-ui-font-small)}.pg-storyboard-capture-note{position:absolute;top:100%;left:0;margin-top:calc(var(--pg-ui-space-2) * var(--pg-storyboard-inverse-zoom,1));transform:scale(var(--pg-storyboard-inverse-zoom,1));transform-origin:left top;font-size:var(--pg-ui-font-small);color:var(--pg-ui-muted);white-space:nowrap}.pg-storyboard-connections{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.pg-storyboard-connections>g>path{fill:none;stroke:var(--pg-ui-faint);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}.pg-storyboard-connections>g[data-highlighted=true]>path{stroke:var(--pg-accent);stroke-width:2.5}.pg-storyboard-connections marker path{fill:var(--pg-ui-faint)}.pg-storyboard-connections marker[data-connection-marker=selected] path{fill:var(--pg-accent)}.pg-storyboard-connections text{font:calc(var(--pg-ui-font-caption) * var(--pg-storyboard-inverse-zoom,1)) var(--pg-ui-font);fill:var(--pg-accent);paint-order:stroke;stroke:var(--pg-ui-background);stroke-width:calc(4px * var(--pg-storyboard-inverse-zoom,1));stroke-linejoin:round}.pg-storyboard-toolbar{position:absolute;z-index:6;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;max-width:calc(100% - 24px);padding:5px;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-panel-radius);background:var(--pg-ui-surface);box-shadow:var(--pg-ui-shadow)}.pg-workspace .pg-storyboard-toolbar>button{flex:none;border:0;border-radius:var(--pg-ui-radius);padding:5px 9px;font-size:var(--pg-ui-font-small);white-space:nowrap}.pg-storyboard-toolbar>span:not(.pg-workspace-sr){min-width:0;max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:2px;padding:0 8px 0 10px;border-left:1px solid var(--pg-line);font-size:var(--pg-ui-font-small);color:var(--pg-muted)}.pg-storyboard-portals{position:absolute;right:12px;top:12px;width:240px;max-height:45%;overflow:auto;overscroll-behavior:contain;padding:10px;background:var(--pg-ui-surface);border:1px solid var(--pg-line);border-radius:var(--pg-ui-radius);box-shadow:var(--pg-ui-shadow);-webkit-user-select:text;user-select:text}.pg-storyboard-portals>strong{display:block;font-size:var(--pg-ui-font-small);margin-bottom:6px}.pg-storyboard-portals>button{display:flex;flex-direction:column;gap:3px;width:100%;margin-top:5px;font-size:var(--pg-ui-font-small)}.pg-storyboard-portals>button[data-highlighted=true]{border-color:var(--pg-accent)}.pg-storyboard-portals small{font-size:9px;color:var(--pg-muted)}.pg-storyboard-portals span{overflow-wrap:anywhere}.pg-storyboard-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:30px;pointer-events:none}.pg-workspace-application{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--pg-ui-border)}.pg-workspace-runbar{height:49px;display:flex;align-items:center;gap:18px;padding:8px 20px;background:var(--pg-ui-surface);border-bottom:1px solid var(--pg-line);font-size:var(--pg-ui-font-small)}.pg-workspace-runbar>span{margin-left:auto;color:var(--pg-muted)}.pg-workspace-run-surface{flex:1;min-height:0;position:relative}.pg-workspace-run-surface iframe{width:100%;height:100%;border:0;background:var(--pg-ui-surface)}.pg-workspace-run-surface[data-run-viewport=fixed]{display:flex;overflow:auto;background:var(--pg-ui-border-strong)}.pg-workspace-run-surface[data-run-viewport=fixed] iframe{flex:none;margin-inline:auto;box-shadow:0 0 0 1px var(--pg-line)}.pg-workspace-run-viewport{display:inline-flex;align-items:center;gap:6px;color:var(--pg-muted)}.pg-workspace-run-viewport input{width:64px;font:inherit;padding:2px 4px;border:1px solid var(--pg-line);border-radius:var(--pg-ui-control-radius)}.pg-workspace-run-viewport em{font-style:normal;color:var(--pg-ink)}.pg-workspace-preparing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#f4f5f8e8;display:flex;align-items:center;justify-content:center}.pg-workspace-empty{margin:auto;padding:40px;max-width:620px;text-align:center}@media(max-width:1180px){.pg-workspace-header{gap:12px}.pg-workspace-runtime{max-width:200px;overflow:auto}.pg-workspace-host-chrome:empty{display:none}.pg-storyboard-toolbar>span:not(.pg-workspace-sr){max-width:220px}}@media(max-width:900px){.pg-workspace-brand small,.pg-workspace-runtime{display:none}.pg-workspace-host-chrome{max-width:170px;overflow:auto}.pg-workspace-header{gap:8px}}@media(max-width:650px){.pg-workspace-layout[data-workspace-view]{grid-template-columns:var(--pg-effective-nav) minmax(180px,1fr);grid-template-rows:minmax(260px,1fr) 240px}.pg-workspace-layout[data-workspace-view][data-inspector-hidden]{grid-template-rows:minmax(260px,1fr) 0px}.pg-view-navigation-shell{grid-column:1;grid-row:1/3}.pg-workspace-board{grid-column:2;grid-row:1}.pg-view-inspector-shell{grid-column:2;grid-row:2;border-left:0;border-top:1px solid var(--pg-line)}.pg-view-inspector-shell[data-collapsed]{grid-row:1;align-self:start;height:0;min-height:0}.pg-workspace-inspector>.pg-panel-resize-handle{display:none}.pg-storyboard-zoom-menu{top:auto;bottom:calc(100% + 6px)}.pg-workspace-host-chrome{display:none}.pg-workspace-runbar>span{display:none}.pg-storyboard-toolbar>span:not(.pg-workspace-sr){display:none}}@media(max-width:480px){.pg-workspace-header{height:auto;min-height:44px;flex-wrap:wrap;gap:var(--pg-ui-space-1);padding:var(--pg-ui-space-1) var(--pg-ui-space-2)}.pg-workspace-layout[data-workspace-view]{--pg-view-nav-row:180px;--pg-view-details-row:240px;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--pg-view-nav-row) minmax(180px,1fr) var(--pg-view-details-row)}.pg-workspace-layout[data-workspace-view][data-navigation-hidden]{--pg-view-nav-row:0px}.pg-workspace-layout[data-workspace-view][data-inspector-hidden]{--pg-view-details-row:0px;grid-template-rows:var(--pg-view-nav-row) minmax(180px,1fr) var(--pg-view-details-row)}.pg-view-navigation-shell{grid-column:1;grid-row:1;border-right:0;border-bottom:1px solid var(--pg-line)}.pg-workspace-sidebar>.pg-panel-resize-handle{display:none}.pg-workspace-board{grid-column:1;grid-row:2}.pg-view-inspector-shell{grid-column:1;grid-row:3}.pg-view-navigation-shell[data-collapsed],.pg-view-inspector-shell[data-collapsed]{grid-column:1;grid-row:2;align-self:start;height:0;min-height:0;border:0}}.pg-workspace-states{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 4px}.pg-workspace-states>button{padding:4px 8px;font-size:var(--pg-ui-font-small);line-height:1.3;border:1px solid var(--pg-line);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-surface);color:var(--pg-ink);text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-workspace-states>button[aria-pressed=true]{border-color:var(--pg-accent);color:var(--pg-accent);background:color-mix(in srgb,var(--pg-accent) 8%,var(--pg-ui-surface))}.pg-workspace-states>button>small{margin-left:5px;font-size:9px;letter-spacing:.2px;text-transform:uppercase;color:var(--pg-muted)}.pg-screen-state-switch{display:inline-flex;align-items:center;gap:6px;font-size:var(--pg-ui-font-small);color:var(--pg-muted)}.pg-screen-state-switch select{font:inherit;color:var(--pg-ink);padding:2px 4px;border:1px solid var(--pg-line);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-surface);max-width:200px}.pg-workspace-screen-size{display:flex;flex-direction:column;gap:var(--pg-ui-space-2)}.pg-workspace-screen-size-presets{display:flex;flex-wrap:wrap;gap:var(--pg-ui-space-1);padding:var(--pg-ui-space-1);background:var(--pg-ui-control);border-radius:var(--pg-ui-radius)}.pg-workspace-screen-size-presets>button{flex:1 1 72px;text-align:center;min-width:0;min-height:var(--pg-ui-control-height);padding:var(--pg-ui-space-1);font-size:var(--pg-ui-font-small);font-weight:600;line-height:1.3;border:0;border-radius:var(--pg-ui-control-radius);background:transparent;color:var(--pg-ui-muted);overflow-wrap:anywhere}.pg-workspace-screen-size-presets>button[aria-pressed=true]{background:var(--pg-ui-surface);color:var(--pg-ui-text)}.pg-workspace-screen-size-boxes{display:flex;gap:var(--pg-ui-space-2)}.pg-workspace-screen-size-boxes label{flex:1;display:flex;align-items:center;gap:var(--pg-ui-space-1);min-width:0;padding-left:var(--pg-ui-space-2);background:var(--pg-ui-control);border-radius:var(--pg-ui-control-radius)}.pg-workspace-screen-size-boxes label>span{font-size:var(--pg-ui-font-small);color:var(--pg-ui-muted)}.pg-workspace-screen-size-boxes input{min-width:0;width:100%;height:var(--pg-ui-control-height);border:1px solid transparent;border-radius:var(--pg-ui-control-radius);padding:0 var(--pg-ui-space-2);font-size:var(--pg-ui-font-small);color:var(--pg-ui-text);background:transparent;font-variant-numeric:tabular-nums}.pg-workspace-screen-size>p{margin:0;font-size:var(--pg-ui-font-caption);line-height:1.4;color:var(--pg-ui-muted)}.pg-workspace button.pg-storyboard-resize{position:absolute;z-index:3;padding:0;border:0;border-radius:0;background:transparent;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.pg-storyboard-resize[data-resize-edge=right]:after,.pg-storyboard-resize[data-resize-edge=bottom]:after{content:"";position:absolute;background:transparent}.pg-storyboard-resize[data-resize-edge=right]:after{inset-block:0;left:calc(50% - 1px);width:2px}.pg-storyboard-resize[data-resize-edge=bottom]:after{inset-inline:0;top:calc(50% - 1px);height:2px}.pg-storyboard-resize:hover:after,.pg-storyboard-resize[data-active]:after{background:var(--pg-accent)}.pg-storyboard-resize[data-resize-edge=corner]:after{content:"";position:absolute;left:50%;top:50%;width:var(--pg-resize-knob,8px);height:var(--pg-resize-knob,8px);transform:translate(-50%,-50%);box-sizing:border-box;border:calc(var(--pg-resize-knob,8px) / 8) solid var(--pg-accent);background:var(--pg-ui-surface)}.pg-storyboard-resize:focus-visible:after{background:var(--pg-accent)}.pg-storyboard-resize[data-resize-edge=corner]:focus-visible:after{background:color-mix(in srgb,var(--pg-accent) 30%,var(--pg-ui-surface))}.pg-storyboard-size-badge{position:absolute;z-index:4;left:50%;top:calc(100% + 10px);transform-origin:top center;padding:3px 7px;border-radius:var(--pg-ui-control-radius);background:var(--pg-accent);color:var(--pg-ui-on-strong);font-size:var(--pg-ui-font-small);font-weight:600;line-height:1.3;white-space:nowrap;pointer-events:none}.pg-storyboard-artboard[data-resizing]{overflow:visible}.pg-storyboard-artboard[data-resizing] button.pg-storyboard-screen{align-items:flex-start;justify-content:flex-start}.pg-storyboard-artboard[data-resizing] .pg-storyboard-screen img{flex:none;width:var(--pg-captured-width);height:var(--pg-captured-height)}.pg-storyboard-artboard[data-resizing] .pg-storyboard-live{width:var(--pg-captured-width);height:var(--pg-captured-height)}.pg-view-flow-filter{display:flex;align-items:center;gap:var(--pg-ui-space-2);padding:var(--pg-ui-space-3) var(--pg-ui-space-4)}.pg-view-flow-filter label{flex:none;font-weight:600}.pg-view-flow-filter select{min-width:0;flex:1;height:var(--pg-ui-control-height);padding:0 var(--pg-ui-space-2);border:1px solid transparent;background:var(--pg-ui-control);font-size:var(--pg-ui-font-small)}.pg-view-navigation-section>.pg-workspace-section-label{display:flex;align-items:center;justify-content:space-between}.pg-workspace-section-label>span{font-weight:400;color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-view-flow-heading{display:flex;align-items:center;gap:var(--pg-ui-space-2);height:var(--pg-ui-row-height);width:100%;padding:0 var(--pg-ui-space-4);border:0;border-radius:0;background:transparent;font-size:var(--pg-ui-font-small);font-weight:600;color:var(--pg-ui-text)}.pg-view-flow-heading>span{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-view-flow-heading>small{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption);font-weight:400}.pg-view-flow-heading[aria-expanded=false]>svg{transform:rotate(-90deg)}.pg-view-flow-group .pg-view-navigation-row{padding-left:calc(var(--pg-ui-space-4) + var(--pg-ui-space-5))}.pg-view-navigation-empty{margin:0;padding:var(--pg-ui-space-2) var(--pg-ui-space-4);font-size:var(--pg-ui-font-small);color:var(--pg-ui-muted)}.pg-view-preview-status{display:flex;flex-direction:column;align-items:flex-start;gap:var(--pg-ui-space-2)}.pg-view-preview-status button{height:var(--pg-ui-control-height);font-size:var(--pg-ui-font-small);padding:0 var(--pg-ui-space-2)}.pg-view-preview-status[data-status=failed]{background:var(--pg-ui-danger-bg)}.pg-view-preview-status details{font-size:var(--pg-ui-font-caption);max-width:100%;overflow-wrap:anywhere}.pg-view-preview-status summary{cursor:pointer;color:var(--pg-ui-muted)}.pg-view-transitions h4{margin:var(--pg-ui-space-2) 0 0;font-size:var(--pg-ui-font-caption);font-weight:600;color:var(--pg-ui-muted)}.pg-workspace-screen-size-presets>button{white-space:normal}.pg-workspace-screen-size-presets>button small{display:block;font-size:var(--pg-ui-font-caption);font-weight:400;color:var(--pg-ui-muted)}.pg-workspace button.pg-storyboard-caption[data-compact=true]:focus-visible{width:180px!important;min-height:var(--pg-ui-control-height);height:auto;padding:var(--pg-ui-space-1);border-top:0;border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-surface)}.pg-storyboard-caption[data-compact=true]:focus-visible>*{visibility:visible}.pg-storyboard-artboard:focus-within{z-index:3}.pg-view-navigation-shell .pg-panel-resize-handle:before{content:"";position:absolute;top:50%;left:2px;width:2px;height:var(--pg-ui-space-5);border-radius:var(--pg-ui-radius-sm);background:var(--pg-ui-border-strong)}.pg-storyboard-connection-label{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--pg-ui-space-1) var(--pg-ui-space-2);box-sizing:border-box;border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-surface);color:var(--pg-ui-accent-text);font:var(--pg-ui-font-size)/1.4 var(--pg-ui-font);text-align:center;overflow:hidden}.pg-storyboard-connection-label>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.pg-view-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--pg-ui-space-2);width:100%}.pg-view-preview-heading h3{margin:0}.pg-workspace button.pg-view-full-size-action{display:flex;align-items:center;justify-content:center;gap:var(--pg-ui-space-2);min-height:var(--pg-ui-control-height);border:0;border-radius:var(--pg-ui-control-radius);background:transparent;text-align:center;font-variant-numeric:tabular-nums}.pg-workspace button.pg-view-full-size-action:hover{background:var(--pg-ui-subtle)}.pg-storyboard-token-frame{width:100%;height:100%;overflow:hidden;pointer-events:none}.pg-storyboard-artboard[data-token-usage]{outline:calc(2px * var(--pg-storyboard-inverse-zoom,1)) solid var(--pg-ui-canvas-accent);outline-offset:calc(3px * var(--pg-storyboard-inverse-zoom,1))}.pg-storyboard-artboard[data-token-draft-lags] .pg-storyboard-screen img{opacity:.55}.pg-storyboard-artboard[data-token-draft-lags]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 10px,color-mix(in srgb,var(--pg-ui-canvas-accent) 10%,transparent) 10px 20px)}.pg-storyboard-token-usage{position:absolute;top:0;right:0;z-index:4;transform:translate(35%,-35%) scale(var(--pg-storyboard-inverse-zoom,1));transform-origin:top right;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:10px;background:var(--pg-ui-canvas-accent);color:var(--pg-ui-surface);font:600 11px/20px var(--pg-ui-font);text-align:center;pointer-events:none}.pg-edit-status-mark{display:inline-block;flex:none;width:8px;height:8px;margin-left:var(--pg-ui-space-2);border-radius:50%;vertical-align:middle;box-sizing:border-box}.pg-edit-status-mark[data-state=warn]{background:var(--pg-ui-warn)}.pg-edit-status-mark[data-state=busy]{width:10px;height:10px;border:1.5px solid var(--pg-ui-border);border-top-color:var(--pg-ui-accent-text);animation:pg-status-spin .8s linear infinite}@keyframes pg-status-spin{to{transform:rotate(360deg)}}.pg-storyboard-artboard .pg-storyboard-capture-note.pg-edit-status-mark{display:block;position:absolute;top:0;right:0;left:auto;margin:calc(var(--pg-ui-space-2) * var(--pg-storyboard-inverse-zoom,1));transform:scale(var(--pg-storyboard-inverse-zoom,1));transform-origin:right top}.pg-storyboard-screen>.pg-storyboard-skeleton{display:block;width:100%;height:100%;padding:0;max-width:none;background:linear-gradient(90deg,var(--pg-ui-subtle) 30%,var(--pg-ui-hover) 50%,var(--pg-ui-subtle) 70%);background-size:220% 100%;animation:pg-skeleton 1.6s ease-in-out infinite}@keyframes pg-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.pg-edit-review h2{display:flex;align-items:center;gap:var(--pg-ui-space-2)}.pg-edit-review-basis{font:var(--pg-ui-font-caption)/1.4 var(--pg-ui-font-mono);font-weight:400;color:var(--pg-ui-muted);background:var(--pg-ui-subtle);border-radius:var(--pg-ui-radius-sm);padding:1px 6px;cursor:help}@media(prefers-reduced-motion:reduce){.pg-edit-status-mark[data-state=busy],.pg-storyboard-screen>.pg-storyboard-skeleton{animation:none}}.pg-workspace-runbar>.pg-workspace-run-back{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:transparent;border-radius:var(--pg-ui-radius);flex:none}.pg-workspace-runbar>.pg-workspace-run-back:hover{background:var(--pg-ui-hover)}.pg-workspace-run-back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pg-workspace-runbar{gap:var(--pg-ui-space-3)}.pg-workspace-runbar>.pg-workspace-run-chip{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--pg-ui-selected);color:var(--pg-ui-accent-text);font-size:var(--pg-ui-font-caption);font-weight:600;cursor:help}.pg-workspace-runbar>.pg-workspace-run-icon{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:transparent;border-radius:var(--pg-ui-radius);flex:none;color:var(--pg-ui-muted)}.pg-workspace-runbar>.pg-workspace-run-chip~.pg-workspace-run-icon{margin-left:0}.pg-workspace-runbar>.pg-workspace-run-icon{margin-left:auto}.pg-workspace-runbar>.pg-workspace-run-icon:hover{background:var(--pg-ui-hover);color:var(--pg-ui-text)}.pg-workspace-run-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pg-workspace-run-viewport{display:flex;align-items:center;gap:var(--pg-ui-space-1)}.pg-workspace-run-viewport input{width:72px}.pg-workspace-run-viewport>span[aria-hidden]{color:var(--pg-ui-muted);font-size:var(--pg-ui-font-caption)}.pg-conditions-icon{flex:none;color:var(--pg-ui-muted)}.pg-view-transitions{display:flex;flex-direction:column;gap:var(--pg-ui-space-3)}.pg-view-transitions h4{margin:0 0 var(--pg-ui-space-1);font-size:var(--pg-ui-font-caption);font-weight:500;color:var(--pg-ui-muted)}.pg-view-transitions>div{display:flex;flex-direction:column;gap:2px}.pg-workspace .pg-view-transition{display:flex;align-items:flex-start;gap:var(--pg-ui-space-2);width:100%;min-width:0;padding:var(--pg-ui-space-2);border:0;border-radius:var(--pg-ui-radius);background:transparent;text-align:left;color:var(--pg-ui-text);font:inherit;cursor:pointer}.pg-workspace button.pg-view-transition:hover{background:var(--pg-ui-row-hover)}.pg-view-transition[data-unavailable]{cursor:default;color:var(--pg-ui-faint)}.pg-view-transition-icon{flex:none;width:14px;color:var(--pg-ui-muted);line-height:20px}.pg-view-transition-text{display:flex;flex-direction:column;min-width:0}.pg-view-transition-text>strong{font-weight:500;font-size:var(--pg-ui-font-small);line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-view-transition-text>small{display:flex;gap:var(--pg-ui-space-1);align-items:baseline;min-width:0;font-size:var(--pg-ui-font-caption);color:var(--pg-ui-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-view-transition-text code{font:var(--pg-ui-font-caption)/1.4 var(--pg-ui-font-mono);color:var(--pg-ui-faint)}.pg-edit-zoombar{bottom:32px}.pg-edit-section>summary>.pg-edit-status-mark{margin-right:auto}.pg-storyboard-draft{position:relative;width:100%;height:100%;overflow:auto;overscroll-behavior:contain;background:var(--pg-ui-surface)}.pg-storyboard-draft:focus-visible{outline:3px solid var(--pg-accent);outline-offset:4px}.pg-workspace-recovery-actions{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.pg-workspace-recovery-actions button{min-height:32px;padding:0 12px;border:1px solid var(--pg-line);border-radius:var(--pg-ui-control-radius);background:var(--pg-ui-surface);color:var(--pg-ink);font:inherit;cursor:pointer}.pg-workspace-recovery-actions button:hover{background:var(--pg-ui-hover)}.pg-storyboard-caption{cursor:grab;touch-action:none}.pg-storyboard-artboard[data-moving]{z-index:6}.pg-storyboard-artboard[data-moving] .pg-storyboard-caption{cursor:grabbing}.pg-storyboard-toolbar-divider{height:20px;border-left:1px solid var(--pg-ui-border);margin-inline:var(--pg-ui-space-2)}.pg-storyboard-arrange-menu{position:absolute;bottom:calc(100% + var(--pg-ui-space-2));right:0;display:flex;flex-direction:column;min-width:150px;padding:var(--pg-ui-space-1);background:var(--pg-ui-surface);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-control-radius);box-shadow:var(--pg-ui-shadow)}.pg-storyboard-arrange-menu button{text-align:left;min-height:var(--pg-ui-control-height);padding:var(--pg-ui-space-2) var(--pg-ui-space-3)}.pg-workspace-design-surface{display:contents}.pg-workspace-design-surface[hidden]{display:none}.pg-workspace-view-surface{display:flex;flex:1;min-height:0;min-width:0}.pg-workspace-view-surface>.pg-edit-rail{flex:0 0 48px}.pg-workspace-view-surface>.pg-workspace-layout{min-width:0}@media(max-width:1150px){.pg-workspace-view-surface>.pg-edit-rail{flex-basis:44px}}@media(max-width:850px){.pg-workspace-view-surface>.pg-edit-rail{flex-basis:40px}}.pg-source-transition{position:absolute;z-index:20;top:52px;right:16px;display:flex;align-items:center;gap:var(--pg-ui-space-3);max-width:min(520px,calc(100% - 32px));padding:var(--pg-ui-space-2) var(--pg-ui-space-3);border:1px solid var(--pg-ui-border);border-radius:var(--pg-ui-radius);background:var(--pg-ui-surface);color:var(--pg-ui-text);font-size:var(--pg-ui-font-small)}.pg-source-transition progress{width:120px;height:4px;accent-color:var(--pg-ui-accent-text)}.pg-source-transition details{min-width:0}.pg-source-transition summary{cursor:pointer}.pg-source-transition [role=alert]{margin-top:var(--pg-ui-space-2);white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto}.pg-source-transition button{flex:none;height:var(--pg-ui-control-height);border:0;border-radius:var(--pg-ui-radius);background:var(--pg-ui-control);color:inherit;padding:0 var(--pg-ui-space-2)}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:oklch(80.8% .114 19.571);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-900:oklch(39.1% .09 240.876);--color-sky-950:oklch(29.3% .066 243.157);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-neutral-100:oklch(97% 0 none);--color-neutral-200:oklch(92.2% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-600:oklch(43.9% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.visible\!{visibility:visible!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-8{top:calc(var(--spacing) * 8)}.top-\[-30px\]{top:-30px}.top-\[4px\]{top:4px}.right-0{right:0}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-11{bottom:calc(var(--spacing) * 11)}.bottom-\[-4px\]{bottom:-4px}.left-0{left:0}.left-1\/2{left:50%}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-\[4px\]{left:4px}.left-\[7px\]{left:7px}.left-\[9px\]{left:9px}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-2\.5{margin-inline:calc(var(--spacing) * -2.5)}.mx-1{margin-inline:var(--spacing)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-\[2px\]{margin-top:2px}.mr-1{margin-right:var(--spacing)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.-mb-2{margin-bottom:calc(var(--spacing) * -2)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.\!grid{display:grid!important}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\/5{height:40%}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-24{height:calc(var(--spacing) * 24)}.h-\[3px\]{height:3px}.h-\[5px\]{height:5px}.h-\[9px\]{height:9px}.h-\[18px\]{height:18px}.h-\[20px\]{height:20px}.h-\[22px\]{height:22px}.h-\[26px\]{height:26px}.h-\[40px\]{height:40px}.h-\[180px\]{height:180px}.h-\[844px\]{height:844px}.h-\[calc\(100\%-1\.25rem\)\]{height:calc(100% - 1.25rem)}.h-full{height:100%}.h-px{height:1px}.max-h-28{max-height:calc(var(--spacing) * 28)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-44{max-height:calc(var(--spacing) * 44)}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[min\(720px\,calc\(100vh-72px\)\)\]{max-height:min(720px,100vh - 72px)}.min-h-0{min-height:0}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-\[200px\]{min-height:200px}.min-h-full{min-height:100%}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-44{width:calc(var(--spacing) * 44)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-\[3px\]{width:3px}.w-\[5px\]{width:5px}.w-\[9px\]{width:9px}.w-\[18px\]{width:18px}.w-\[22px\]{width:22px}.w-\[100px\]{width:100px}.w-\[320px\]{width:320px}.w-\[390px\]{width:390px}.w-\[560px\]{width:560px}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-28{max-width:calc(var(--spacing) * 28)}.max-w-32{max-width:calc(var(--spacing) * 32)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-60{max-width:calc(var(--spacing) * 60)}.max-w-\[60\%\]{max-width:60%}.max-w-\[80\%\]{max-width:80%}.max-w-\[110px\]{max-width:110px}.max-w-\[196px\]{max-width:196px}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-52{min-width:calc(var(--spacing) * 52)}.min-w-\[4rem\]{min-width:4rem}.min-w-\[20px\]{min-width:20px}.min-w-\[24px\]{min-width:24px}.min-w-\[26px\]{min-width:26px}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[1fr_1fr_32px\]{grid-template-columns:1fr 1fr 32px}.grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.grid-cols-\[1fr_36px_36px\]{grid-template-columns:1fr 36px 36px}.grid-cols-\[18px_minmax\(0\,1fr\)_58px\]{grid-template-columns:18px minmax(0,1fr) 58px}.grid-cols-\[32px_minmax\(0\,1fr\)_32px\]{grid-template-columns:32px minmax(0,1fr) 32px}.grid-cols-\[56px_minmax\(0\,1fr\)_82px\]{grid-template-columns:56px minmax(0,1fr) 82px}.grid-cols-\[72px_minmax\(0\,1fr\)\]{grid-template-columns:72px minmax(0,1fr)}.grid-cols-\[88px_minmax\(0\,1fr\)\]{grid-template-columns:88px minmax(0,1fr)}.grid-cols-\[90px_minmax\(0\,1fr\)_58px\]{grid-template-columns:90px minmax(0,1fr) 58px}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-cols-\[repeat\(4\,32px\)_minmax\(0\,1fr\)\]{grid-template-columns:repeat(4,32px) minmax(0,1fr)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[3px\]{gap:3px}.gap-\[12px\]{gap:12px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[13px\]{border-radius:13px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-\[\#0d99ff\]{border-color:#0d99ff}.border-\[\#7c3aed\]{border-color:#7c3aed}.border-\[\#3182f6\]{border-color:#3182f6}.border-\[\#9747ff\]{border-color:#9747ff}.border-\[\#a78bfa\]{border-color:#a78bfa}.border-\[\#b7d6ff\]{border-color:#b7d6ff}.border-\[\#b7d7ff\]{border-color:#b7d7ff}.border-\[\#b8d7ff\]{border-color:#b8d7ff}.border-\[\#bfdbfe\]{border-color:#bfdbfe}.border-\[\#c4b5fd\]{border-color:#c4b5fd}.border-\[\#cfe8d8\]{border-color:#cfe8d8}.border-\[\#d1d6db\]{border-color:#d1d6db}.border-\[\#d4d4d8\]{border-color:#d4d4d8}.border-\[\#d8ecff\]{border-color:#d8ecff}.border-\[\#d9d9d9\]{border-color:#d9d9d9}.border-\[\#d9e8fb\]{border-color:#d9e8fb}.border-\[\#d9ecfb\]{border-color:#d9ecfb}.border-\[\#dbe1e8\]{border-color:#dbe1e8}.border-\[\#dedee3\]{border-color:#dedee3}.border-\[\#e4e4e7\]{border-color:#e4e4e7}.border-\[\#e5e8eb\]{border-color:#e5e8eb}.border-\[\#e6e6e6\]{border-color:#e6e6e6}.border-\[\#e879f9\]{border-color:#e879f9}.border-\[\#ead9a7\]{border-color:#ead9a7}.border-\[\#ececec\]{border-color:#ececec}.border-\[\#eceff1\]{border-color:#eceff1}.border-\[\#edf0f2\]{border-color:#edf0f2}.border-\[\#f0dfad\]{border-color:#f0dfad}.border-\[\#f0f0f0\]{border-color:#f0f0f0}.border-\[\#f2d4a7\]{border-color:#f2d4a7}.border-\[\#f2f4f6\]{border-color:#f2f4f6}.border-\[\#f6d9a5\]{border-color:#f6d9a5}.border-\[\#fecaca\]{border-color:#fecaca}.border-\[\#fed7aa\]{border-color:#fed7aa}.border-\[\#ffd6d6\]{border-color:#ffd6d6}.border-amber-900\/50{border-color:#7b330680}@supports (color:color-mix(in lab,red,red)){.border-amber-900\/50{border-color:color-mix(in oklab,var(--color-amber-900) 50%,transparent)}}.border-black\/5{border-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.border-black\/5{border-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.border-black\/10{border-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.border-current{border-color:currentColor}.border-emerald-900\/50{border-color:#004e3b80}@supports (color:color-mix(in lab,red,red)){.border-emerald-900\/50{border-color:color-mix(in oklab,var(--color-emerald-900) 50%,transparent)}}.border-neutral-700{border-color:var(--color-neutral-700)}.border-neutral-800{border-color:var(--color-neutral-800)}.border-rose-900\/60{border-color:#8b083699}@supports (color:color-mix(in lab,red,red)){.border-rose-900\/60{border-color:color-mix(in oklab,var(--color-rose-900) 60%,transparent)}}.border-sky-900\/50{border-color:#024a7080}@supports (color:color-mix(in lab,red,red)){.border-sky-900\/50{border-color:color-mix(in oklab,var(--color-sky-900) 50%,transparent)}}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-\[\#0d99ff\]{background-color:#0d99ff}.bg-\[\#1e1e1e\]{background-color:#1e1e1e}.bg-\[\#6d28d9\]{background-color:#6d28d9}.bg-\[\#20c56d\]{background-color:#20c56d}.bg-\[\#3182f6\]{background-color:#3182f6}.bg-\[\#9747ff\]{background-color:#9747ff}.bg-\[\#18181b\]{background-color:#18181b}.bg-\[\#a1a1aa\]{background-color:#a1a1aa}.bg-\[\#c9c9c9\]{background-color:#c9c9c9}.bg-\[\#d1d6db\]{background-color:#d1d6db}.bg-\[\#d4d4d8\]{background-color:#d4d4d8}.bg-\[\#dbe1e8\]{background-color:#dbe1e8}.bg-\[\#dbeafe\]{background-color:#dbeafe}.bg-\[\#dcfce7\]{background-color:#dcfce7}.bg-\[\#e5e8eb\]{background-color:#e5e8eb}.bg-\[\#e5f4ff\]{background-color:#e5f4ff}.bg-\[\#e6e6e6\]{background-color:#e6e6e6}.bg-\[\#e6e9ec\]{background-color:#e6e9ec}.bg-\[\#e8f3ff\]{background-color:#e8f3ff}.bg-\[\#eaf4ff\]{background-color:#eaf4ff}.bg-\[\#eceafd\]{background-color:#eceafd}.bg-\[\#ecfdf3\]{background-color:#ecfdf3}.bg-\[\#ede9fe\]{background-color:#ede9fe}.bg-\[\#eff6ff\]{background-color:#eff6ff}.bg-\[\#eff8ff\]{background-color:#eff8ff}.bg-\[\#f0f0f0\]{background-color:#f0f0f0}.bg-\[\#f1f7ff\]{background-color:#f1f7ff}.bg-\[\#f2f2f2\]{background-color:#f2f2f2}.bg-\[\#f2f4f6\]{background-color:#f2f4f6}.bg-\[\#f2f7ff\]{background-color:#f2f7ff}.bg-\[\#f3e8ff\]{background-color:#f3e8ff}.bg-\[\#f4f4f5\]{background-color:#f4f4f5}.bg-\[\#f4faff\]{background-color:#f4faff}.bg-\[\#f4fbf6\]{background-color:#f4fbf6}.bg-\[\#f5f0ff\]{background-color:#f5f0ff}.bg-\[\#f5f3ff\]{background-color:#f5f3ff}.bg-\[\#f5f5f5\]{background-color:#f5f5f5}.bg-\[\#f5f9ff\]{background-color:#f5f9ff}.bg-\[\#f7f7f8\]{background-color:#f7f7f8}.bg-\[\#f7f8fa\]{background-color:#f7f8fa}.bg-\[\#f8f8fa\]{background-color:#f8f8fa}.bg-\[\#f9fafb\]{background-color:#f9fafb}.bg-\[\#f24822\]{background-color:#f24822}.bg-\[\#faf5ff\]{background-color:#faf5ff}.bg-\[\#fafafa\]{background-color:#fafafa}.bg-\[\#fafbfc\]{background-color:#fafbfc}.bg-\[\#fdeaea\]{background-color:#fdeaea}.bg-\[\#fef2f2\]{background-color:#fef2f2}.bg-\[\#fef3c7\]{background-color:#fef3c7}.bg-\[\#ffedd5\]{background-color:#ffedd5}.bg-\[\#fff1d6\]{background-color:#fff1d6}.bg-\[\#fff1f2\]{background-color:#fff1f2}.bg-\[\#fff2df\]{background-color:#fff2df}.bg-\[\#fff4f4\]{background-color:#fff4f4}.bg-\[\#fff5f5\]{background-color:#fff5f5}.bg-\[\#fff7ed\]{background-color:#fff7ed}.bg-\[\#fff7f7\]{background-color:#fff7f7}.bg-\[\#fff8e8\]{background-color:#fff8e8}.bg-\[\#fff9ef\]{background-color:#fff9ef}.bg-\[\#fffaf1\]{background-color:#fffaf1}.bg-\[\#fffdf5\]{background-color:#fffdf5}.bg-\[\#ffffff\]{background-color:#fff}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-950\/40{background-color:#46190166}@supports (color:color-mix(in lab,red,red)){.bg-amber-950\/40{background-color:color-mix(in oklab,var(--color-amber-950) 40%,transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-current{background-color:currentColor}.bg-emerald-950\/40{background-color:#002c2266}@supports (color:color-mix(in lab,red,red)){.bg-emerald-950\/40{background-color:color-mix(in oklab,var(--color-emerald-950) 40%,transparent)}}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-900\/70{background-color:#171717b3}@supports (color:color-mix(in lab,red,red)){.bg-neutral-900\/70{background-color:color-mix(in oklab,var(--color-neutral-900) 70%,transparent)}}.bg-rose-950\/40{background-color:#4d021866}@supports (color:color-mix(in lab,red,red)){.bg-rose-950\/40{background-color:color-mix(in oklab,var(--color-rose-950) 40%,transparent)}}.bg-sky-950\/40{background-color:#052f4a66}@supports (color:color-mix(in lab,red,red)){.bg-sky-950\/40{background-color:color-mix(in oklab,var(--color-sky-950) 40%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.fill-none{fill:none}.stroke-\[\#8b95a1\]{stroke:#8b95a1}.object-cover{object-fit:cover}.object-top{object-position:top}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-\[16px\]{padding:16px}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-\[1px\]{padding-block:1px}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-7{padding-right:calc(var(--spacing) * 7)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[24px\]{font-size:24px}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-\[\#0d99ff\]{color:#0d99ff}.text-\[\#1b64da\]{color:#1b64da}.text-\[\#1d4ed8\]{color:#1d4ed8}.text-\[\#4b30f3\]{color:#4b30f3}.text-\[\#4e5968\]{color:#4e5968}.text-\[\#5b21b6\]{color:#5b21b6}.text-\[\#6b7684\]{color:#6b7684}.text-\[\#6d28d9\]{color:#6d28d9}.text-\[\#007be5\]{color:#007be5}.text-\[\#7c3aed\]{color:#7c3aed}.text-\[\#8a5a00\]{color:#8a5a00}.text-\[\#8a6714\]{color:#8a6714}.text-\[\#8b95a1\]{color:#8b95a1}.text-\[\#9a5a00\]{color:#9a5a00}.text-\[\#9a3412\]{color:#9a3412}.text-\[\#191f28\]{color:#191f28}.text-\[\#237a42\]{color:#237a42}.text-\[\#333\]{color:#333}.text-\[\#333d4b\]{color:#333d4b}.text-\[\#444\]{color:#444}.text-\[\#555\]{color:#555}.text-\[\#666\]{color:#666}.text-\[\#755b16\]{color:#755b16}.text-\[\#777\]{color:#777}.text-\[\#888\]{color:#888}.text-\[\#999\]{color:#999}.text-\[\#1677b8\]{color:#1677b8}.text-\[\#3182f6\]{color:#3182f6}.text-\[\#5794e8\]{color:#5794e8}.text-\[\#9747ff\]{color:#9747ff}.text-\[\#15803d\]{color:#15803d}.text-\[\#16884a\]{color:#16884a}.text-\[\#18181b\]{color:#18181b}.text-\[\#27272a\]{color:#27272a}.text-\[\#52525b\]{color:#52525b}.text-\[\#64748b\]{color:#64748b}.text-\[\#71717a\]{color:#71717a}.text-\[\#111111\]{color:#111}.text-\[\#166534\]{color:#166534}.text-\[\#333333\]{color:#333}.text-\[\#a1a1aa\]{color:#a1a1aa}.text-\[\#a21caf\]{color:#a21caf}.text-\[\#b0b8c1\]{color:#b0b8c1}.text-\[\#b3b3b3\]{color:#b3b3b3}.text-\[\#b91c1c\]{color:#b91c1c}.text-\[\#b45309\]{color:#b45309}.text-\[\#c4c4c8\]{color:#c4c4c8}.text-\[\#c0392b\]{color:#c0392b}.text-\[\#c2410c\]{color:#c2410c}.text-\[\#d92d3a\]{color:#d92d3a}.text-\[\#e4e4e7\]{color:#e4e4e7}.text-\[\#e5484d\]{color:#e5484d}.text-\[\#f04452\]{color:#f04452}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-amber-600{color:var(--color-amber-600)}.text-emerald-200{color:var(--color-emerald-200)}.text-emerald-300{color:var(--color-emerald-300)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-200{color:var(--color-neutral-200)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-red-300{color:var(--color-red-300)}.text-rose-200{color:var(--color-rose-200)}.text-sky-200{color:var(--color-sky-200)}.text-sky-300{color:var(--color-sky-300)}.text-white{color:var(--color-white)}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-\[\#1677b8\]\/30{text-decoration-color:#1677b84d}.underline-offset-2{text-underline-offset:2px}.accent-\[\#0d99ff\]{accent-color:#0d99ff}.opacity-40{opacity:.4}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,\.08\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_4px_rgba\(0\,0\,0\,\.08\)\]{--tw-shadow:0 1px 4px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_6px_rgba\(0\,0\,0\,\.12\)\]{--tw-shadow:0 1px 6px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(0\,0\,0\,\.08\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(0\,0\,0\,\.15\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_12px_rgba\(79\,70\,229\,\.2\)\]{--tw-shadow:0 2px 12px var(--tw-shadow-color,#4f46e533);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_14px_rgba\(0\,0\,0\,\.08\)\]{--tw-shadow:0 2px 14px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_14px_rgba\(0\,0\,0\,\.12\)\]{--tw-shadow:0 2px 14px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(0\,0\,0\,\.14\)\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#00000024);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,\.3\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,\.25\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_40px_rgba\(0\,0\,0\,\.25\)\]{--tw-shadow:0 8px 40px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_16px_48px_rgba\(15\,23\,42\,\.22\)\]{--tw-shadow:0 16px 48px var(--tw-shadow-color,#0f172a38);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_0_0_3px_rgba\(245\,158\,11\,\.85\)\]{--tw-shadow:inset 0 0 0 3px var(--tw-shadow-color,#f59e0bd9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[\#b7d6ff\]{--tw-ring-color:#b7d6ff}.ring-\[\#d8e9ff\]{--tw-ring-color:#d8e9ff}.ring-\[\#dedee3\]{--tw-ring-color:#dedee3}.ring-\[\#ececec\]{--tw-ring-color:#ececec}.ring-\[\#ffc9c9\]{--tw-ring-color:#ffc9c9}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-\[\#0d99ff\]\/30{outline-color:#0d99ff4d}.outline-\[\#4f46e5\]{outline-color:#4f46e5}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.\!transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media(hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:bg-\[\#3182f6\]:is(:where(.group):hover *){background-color:#3182f6}.group-hover\:text-\[\#6b7684\]:is(:where(.group):hover *){color:#6b7684}}.placeholder\:text-\[\#a1a1aa\]::placeholder{color:#a1a1aa}.placeholder\:text-\[\#b0b8c1\]::placeholder{color:#b0b8c1}.first\:mt-0:first-child{margin-top:0}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:bg-white:focus-within{background-color:var(--color-white)}.focus-within\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-\[\#0d99ff\]:focus-within{--tw-ring-color:#0d99ff}.focus-within\:ring-\[\#3182f6\]:focus-within{--tw-ring-color:#3182f6}.focus-within\:ring-inset:focus-within{--tw-ring-inset:inset}@media(hover:hover){.hover\:border-\[\#a78bfa\]:hover{border-color:#a78bfa}.hover\:border-\[\#e5e8eb\]:hover{border-color:#e5e8eb}.hover\:bg-\[\#0b87e0\]:hover{background-color:#0b87e0}.hover\:bg-\[\#0d99ff\]\/10:hover{background-color:#0d99ff1a}.hover\:bg-\[\#0d99ff\]\/20:hover{background-color:#0d99ff33}.hover\:bg-\[\#1b64da\]:hover{background-color:#1b64da}.hover\:bg-\[\#5b21b6\]:hover{background-color:#5b21b6}.hover\:bg-\[\#8639e6\]:hover{background-color:#8639e6}.hover\:bg-\[\#d8e9ff\]:hover{background-color:#d8e9ff}.hover\:bg-\[\#e5e8eb\]:hover{background-color:#e5e8eb}.hover\:bg-\[\#e5f4ff\]:hover{background-color:#e5f4ff}.hover\:bg-\[\#e6e6e6\]:hover{background-color:#e6e6e6}.hover\:bg-\[\#e9e9ee\]:hover{background-color:#e9e9ee}.hover\:bg-\[\#eaf4ff\]:hover{background-color:#eaf4ff}.hover\:bg-\[\#ececec\]:hover{background-color:#ececec}.hover\:bg-\[\#f0f7ff\]:hover{background-color:#f0f7ff}.hover\:bg-\[\#f1f7ff\]:hover{background-color:#f1f7ff}.hover\:bg-\[\#f2f4f6\]:hover{background-color:#f2f4f6}.hover\:bg-\[\#f3e8ff\]:hover{background-color:#f3e8ff}.hover\:bg-\[\#f4f4f5\]:hover{background-color:#f4f4f5}.hover\:bg-\[\#f5f3ff\]:hover{background-color:#f5f3ff}.hover\:bg-\[\#f5f5f5\]:hover{background-color:#f5f5f5}.hover\:bg-\[\#f5f9ff\]:hover{background-color:#f5f9ff}.hover\:bg-\[\#f7f7f7\]:hover{background-color:#f7f7f7}.hover\:bg-\[\#f7f8fa\]:hover{background-color:#f7f8fa}.hover\:bg-\[\#f8fafc\]:hover{background-color:#f8fafc}.hover\:bg-\[\#f9fafb\]:hover{background-color:#f9fafb}.hover\:bg-\[\#faf8ff\]:hover{background-color:#faf8ff}.hover\:bg-\[\#fafafa\]:hover{background-color:#fafafa}.hover\:bg-\[\#fee2e2\]:hover{background-color:#fee2e2}.hover\:bg-\[\#fef2f2\]:hover{background-color:#fef2f2}.hover\:bg-\[\#ffe4e7\]:hover{background-color:#ffe4e7}.hover\:bg-\[\#ffecec\]:hover{background-color:#ffecec}.hover\:bg-\[\#fff4dc\]:hover{background-color:#fff4dc}.hover\:bg-\[\#fff9e8\]:hover{background-color:#fff9e8}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-neutral-600:hover{background-color:var(--color-neutral-600)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:bg-white\/70:hover{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/70:hover{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.hover\:text-\[\#1b64da\]:hover{color:#1b64da}.hover\:text-\[\#4e5968\]:hover{color:#4e5968}.hover\:text-\[\#333\]:hover{color:#333}.hover\:text-\[\#333d4b\]:hover{color:#333d4b}.hover\:text-\[\#555\]:hover{color:#555}.hover\:text-\[\#18181b\]:hover{color:#18181b}.hover\:text-\[\#f04452\]:hover{color:#f04452}.hover\:ring-1:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-\[\#d8dce1\]:hover{--tw-ring-color:#d8dce1}.hover\:ring-\[\#e6e6e6\]:hover{--tw-ring-color:#e6e6e6}.hover\:ring-inset:hover{--tw-ring-inset:inset}}.focus\:border-\[\#90c2ff\]:focus{border-color:#90c2ff}.focus\:border-\[\#3182f6\]:focus{border-color:#3182f6}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#0d99ff\]:focus{--tw-ring-color:#0d99ff}.focus\:ring-\[\#3182f6\]\/10:focus{--tw-ring-color:oklab(62.0117% -.0389794 -.186554/.1)}.focus\:ring-\[\#e8f3ff\]:focus{--tw-ring-color:#e8f3ff}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus-visible\:bg-\[\#0d99ff\]\/10:focus-visible{background-color:#0d99ff1a}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[\#90c2ff\]:focus-visible{--tw-ring-color:#90c2ff}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}@media(hover:hover){.enabled\:hover\:bg-\[\#0d99ff\]:enabled:hover{background-color:#0d99ff}.hover\:enabled\:ring-1:hover:enabled{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:enabled\:ring-\[\#e6e6e6\]:hover:enabled{--tw-ring-color:#e6e6e6}.hover\:enabled\:ring-inset:hover:enabled{--tw-ring-inset:inset}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-\[\#e4e4e7\]:disabled{border-color:#e4e4e7}.disabled\:bg-\[\#c9c9c9\]:disabled{background-color:#c9c9c9}.disabled\:bg-\[\#d4d4d8\]:disabled{background-color:#d4d4d8}.disabled\:bg-\[\#f4f4f5\]:disabled{background-color:#f4f4f5}.disabled\:text-\[\#a1a1aa\]:disabled{color:#a1a1aa}.disabled\:text-\[\#aaa\]:disabled{color:#aaa}.disabled\:text-\[\#c4c4c8\]:disabled{color:#c4c4c8}.disabled\:text-\[\#c9c9c9\]:disabled{color:#c9c9c9}.disabled\:text-white\/30:disabled{color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.disabled\:text-white\/30:disabled{color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}@media(hover:hover){.disabled\:hover\:bg-\[\#fafafa\]:disabled:hover{background-color:#fafafa}.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}}@media(min-width:40rem){.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}}.pyg-root{-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Pretendard,Noto Sans KR,sans-serif}.pyg-root input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pyg-root input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pyg-root input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.pyg-root input[type=color]::-webkit-color-swatch-wrapper{padding:0}.pyg-root input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.pg-prototype-panel{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--pg-border, var(--pg-ui-border))}.pg-prototype-panel h3,.pg-prototype-panel h4{margin:4px 0}.pg-prototype-panel p{margin:4px 0;font-size:var(--pg-ui-font-small);line-height:1.5}.pg-prototype-panel fieldset{min-width:0;display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--pg-border, var(--pg-ui-border));border-radius:var(--pg-ui-control-radius)}.pg-prototype-panel label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--pg-ui-font-small)}.pg-prototype-panel label>span{flex:1 1 100%}.pg-prototype-panel input:not([type=checkbox]),.pg-prototype-panel select{width:100%;min-width:0;padding:5px;font:inherit}.pg-prototype-panel input[type=checkbox]{width:auto}.pg-prototype-actions{display:flex;flex-direction:column;gap:8px}.pg-prototype-action-tools{display:flex;flex-wrap:wrap;gap:6px}.pg-prototype-panel [data-prototype-diagnostic]{color:var(--pg-error, var(--pg-ui-danger))}.pg-prototype-panel[data-compact]{border:0;gap:8px}.pg-prototype-panel[data-compact]>h4{padding-top:14px;border-top:1px solid var(--pg-line,var(--pg-ui-border));margin-top:12px;font-size:var(--pg-ui-font-small)}.pg-prototype-panel[data-compact]>details[data-prototype-interaction]{border:1px solid var(--pg-line,var(--pg-ui-border));border-radius:var(--pg-ui-control-radius);padding:0 10px}.pg-prototype-panel[data-compact]>details[data-prototype-interaction]>summary{cursor:pointer;display:flex;justify-content:space-between;gap:8px;list-style:none;padding:10px 0;font-size:var(--pg-ui-font-small)}.pg-prototype-panel[data-compact]>details[data-prototype-interaction]>summary:after{content:"›";color:var(--pg-ui-faint)}.pg-prototype-panel[data-compact]>details[data-prototype-interaction][open]>summary{border-bottom:1px solid var(--pg-ui-subtle);margin-bottom:10px}.pg-prototype-panel[data-compact] fieldset{border:0;background:var(--pg-ui-background);padding:8px}.pg-prototype-panel[data-compact] label{font-size:var(--pg-ui-font-small);margin:6px 0}.pg-prototype-panel[data-compact]>details>button{margin:8px 0}.pg-prototype-panel[data-compact]>button{border:0;background:var(--pg-ui-subtle)}.pg-prototype-panel[data-compact] [data-prototype-feedback]:empty{display:none}