@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;font-display:swap;src:url(./FiraSans-Regular-wsX-c0Os.ttf)format("truetype")}@font-face{font-family:Fira Sans;font-style:normal;font-weight:600;font-display:swap;src:url(./FiraSans-SemiBold-CFrlHOO5.ttf)format("truetype")}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(./FiraCode-Variable-5S4LYTvM.ttf)format("truetype-variations")}:root{--font:"Fira Sans", system-ui, sans-serif;--font-heading:"Fira Sans", system-ui, sans-serif;--font-mono:"Fira Code", "SFMono-Regular", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.9375rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--line:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius-sm:.375rem;--radius:.5rem;--radius-lg:.75rem;--ok:#5fd38d;--ok-bg:#1d4a32;--ok-text:#c8f7da;--warn:#e6ad60;--warn-bg:#3d2c18;--warn-text:#ffdfa1;--danger:#ff6b6b;--danger-bg:#7a1f26;--danger-text:#ffe0dc;--fg:var(--text);--fg-strong:var(--text-strong);--fg-2:var(--text-label);--fg-muted:var(--muted);--bg:var(--surface);--bg-2:var(--panel);--bg-hover:var(--hover);--brand:var(--accent-text);--current-bg:var(--selected-bg);--current-border:var(--selected-border);--current-fg:var(--selected-text);--warning:var(--warn);--warning-bg:var(--warn-bg);--code-bg:var(--sunken);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,[data-accent],[data-base]{--link:var(--accent-text);--focus:var(--accent-text);--selected-bg:color-mix(in srgb, var(--accent) 20%, var(--panel));--selected-border:color-mix(in srgb, var(--accent-text) 70%, var(--panel));--selected-text:color-mix(in srgb, var(--accent-text) 35%, #fff)}:root,[data-base=black]{--surface:#0d0908;--panel:#1b1210;--panel-raised:#211612;--sunken:#070504;--hover:#2d1b15;--input:#0d0908;--text:#f6ede8;--text-strong:#fffaf7;--text-label:#e6d7cf;--muted:#b8a69d;--border:#322a28;--border-strong:#3f3836;--border-input:#6d6766}[data-base=graphite]{--surface:#0f1012;--panel:#18191c;--panel-raised:#1c1d21;--sunken:#08090a;--hover:#26282d;--input:#0f1012;--text:#e9ebee;--text-strong:#f7f8fa;--text-label:#c6cad1;--muted:#a0a6b0;--border:#2f3033;--border-strong:#3d3e40;--border-input:#6b6c6e}[data-base=navy]{--surface:#0e141d;--panel:#151e2a;--panel-raised:#17202c;--sunken:#080e15;--hover:#243345;--input:#0e141d;--text:#e7edf4;--text-strong:#edf5ff;--text-label:#bacadd;--muted:#96a7bc;--border:#2c343f;--border-strong:#3a424c;--border-input:#696f77}[data-base=forest]{--surface:#0a110d;--panel:#121c16;--panel-raised:#16211a;--sunken:#050a07;--hover:#1f2e25;--input:#0a110d;--text:#e6f0e8;--text-strong:#f3faf5;--text-label:#bfd1c4;--muted:#97ad9e;--border:#2a332d;--border-strong:#38403b;--border-input:#676e6a}[data-base=plum]{--surface:#110c14;--panel:#1b1420;--panel-raised:#201826;--sunken:#09060b;--hover:#2b2132;--input:#110c14;--text:#f0e9f3;--text-strong:#faf5fc;--text-label:#d3c4da;--muted:#ac9cb4;--border:#322c36;--border-strong:#3f3a44;--border-input:#6d6970}:root,[data-accent=red]{--accent:#e00020;--accent-text:#ff6b7c}[data-accent=orange]{--accent:#f26a1b;--accent-text:#ff9550}[data-accent=gold]{--accent:#e0a800;--accent-text:#f5c84c}[data-accent=green]{--accent:#2fb36b;--accent-text:#62d995}[data-accent=teal]{--accent:#3fb89d;--accent-text:#70d5be}[data-accent=blue]{--accent:#3b82f6;--accent-text:#7cb2ff}[data-accent=purple]{--accent:#8b5cf6;--accent-text:#b99bff}[data-accent=pink]{--accent:#e83e8c;--accent-text:#ff85bf}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--text-md);line-height:var(--line);min-width:1100px}.app{flex-direction:column;height:100%;display:flex}.app .p2c-workspace{padding:var(--space-3);gap:var(--space-3)}.app-hidden{display:none}.app-header-end{align-items:center;gap:var(--space-4);display:flex}.app-local{color:var(--fg-muted);font-size:var(--text-sm)}.app-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.app-spacer{flex:auto}.app-stage-pane{overflow:hidden!important}.app-stage{border-radius:var(--radius-lg);outline-offset:-2px;outline:2px dashed #0000;flex-direction:column;flex:auto;height:100%;min-height:0;display:flex}.app-stage-over{outline-color:var(--brand)}.app-stage [role=tabpanel]{flex:auto;min-height:0;display:flex}.app-view{gap:var(--space-2);min-width:0;min-height:0;padding-top:var(--space-2);flex-direction:column;flex:auto;display:flex}.app-view-bar{align-items:center;gap:var(--space-3);min-height:2rem;display:flex}.app-view-bar .p2c-select{width:auto}.app-view-size{color:var(--fg-strong);font-size:var(--text-sm)}.app-view-note{color:var(--fg-muted);font-size:var(--text-sm)}.app-drop-empty{justify-content:center;align-items:center;gap:var(--space-4);border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-2);flex-direction:column;flex:auto;display:flex}.app-viewport{border:1px solid var(--border);border-radius:var(--radius-lg);flex:auto;min-height:0;position:relative;overflow:hidden}.app-viewport-dark{background:var(--code-bg)}.app-viewport-light{background:#fff}.app-viewport-checker{background:repeating-conic-gradient(#8a8a8a 0 25%, #6f6f6f 0 50%) 0 0 / 24px 24px}.app-viewport-box{cursor:grab;touch-action:none;position:absolute;inset:0;overflow:hidden}.app-viewport-box:active{cursor:grabbing}.app-viewport-box:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.app-viewport-content{transform-origin:0 0;position:absolute;top:0;left:0}.app-viewport-tools{right:var(--space-2);bottom:var(--space-2);gap:var(--space-1);display:flex;position:absolute}.app-art{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.app-source{width:100%;height:100%;position:relative}.app-source-tool{cursor:crosshair}.app-crop{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.app-crop-shade{fill:#0000008c}.app-crop-edge{fill:none;stroke:var(--brand);stroke-width:2px}.app-scene{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--code-bg);flex:auto;min-height:0;overflow:hidden}.app-scene canvas{display:block}.app-settings{gap:var(--space-3);scrollbar-gutter:auto!important;overflow:hidden!important}.app-settings-scroll{gap:var(--space-3);overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.app-settings-scroll>*{flex:none}.app-export-panel{flex:none;max-height:60%;overflow-y:auto}.app-nozzles{flex-wrap:nowrap}.app-nozzles .p2c-toggle{flex:1 1 0}.app-drop-empty .p2c-empty{border:0}.app-intro ul{padding-left:var(--space-5);gap:var(--space-2);margin:0;display:grid}.app-palette{gap:var(--space-1);display:grid}.app-color{align-items:center;gap:var(--space-2);min-height:2rem;display:flex}.app-color input[type=color],.app-suboptions input[type=color]{border:1px solid var(--border-input);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:2rem;height:1.75rem;padding:0}.app-color-name{flex:auto}.app-color-share{color:var(--fg-muted);font-size:var(--text-sm)}.app-tip-row{align-items:center;gap:var(--space-2);color:var(--fg-muted);font-size:var(--text-sm);display:inline-flex}.app-size,.app-output{gap:var(--space-3);display:grid}.app-suboptions{gap:var(--space-3);padding-left:var(--space-4);border-left:2px solid var(--border);display:grid}.app-template{gap:var(--space-2);display:grid}.app-export{width:100%}.app-files{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.app-files li{align-items:center;gap:var(--space-2);display:flex}.app-file-name{overflow-wrap:anywhere;min-width:0;font-size:var(--text-sm);flex:auto}.app-file-size{color:var(--fg-muted);font-size:var(--text-sm);white-space:nowrap}.p2c-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(a[href],button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible,.p2c-button:focus-visible,.p2c-tab:focus-visible,.p2c-toggle:focus-visible,.p2c-nav a:focus-visible,.p2c-nav button:focus-visible,.p2c-drop-button:focus-visible,.p2c-field input:focus-visible,.p2c-field select:focus-visible,.p2c-field textarea:focus-visible,.p2c-select:focus-visible,.p2c-number input:focus-visible,.p2c-disclosure summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.p2c-button{font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-input);color:var(--text);cursor:pointer;background:0 0;line-height:1.2}.p2c-button:hover:not(:disabled){background:var(--hover)}a.p2c-button{text-decoration:none;display:inline-block}.p2c-button[aria-busy=true]{cursor:progress}.p2c-button-primary{background:var(--selected-bg);border-color:var(--selected-border);color:var(--selected-text)}.p2c-button-danger{border-color:var(--danger);background:var(--danger-bg);color:var(--danger-text);font-weight:600}.p2c-button:disabled,.p2c-toggle:disabled{border-color:var(--border-strong);color:var(--muted);cursor:not-allowed;background:0 0;border-style:dashed}.p2c-toggle[aria-pressed=true]:disabled{background:var(--selected-bg);border-color:var(--selected-border);color:var(--text-label)}.p2c-button-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 25%, var(--danger-bg))}.p2c-button-quiet{color:var(--link);padding-inline:var(--space-2);border-color:#0000}.p2c-badge{font-size:var(--text-xs);letter-spacing:.02em;border:1px solid var(--border-strong);color:var(--text-label);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-weight:600;display:inline-block}.p2c-badge.p2c-tone-accent{border-color:var(--selected-border);color:var(--selected-text);background:var(--selected-bg)}.p2c-badge.p2c-tone-ok{border-color:var(--ok);color:var(--ok-text);background:var(--ok-bg)}.p2c-badge.p2c-tone-warn{border-color:var(--warn);color:var(--warn-text);background:var(--warn-bg)}.p2c-badge.p2c-tone-danger{border-color:var(--danger);color:var(--danger-text);background:var(--danger-bg)}.p2c-badge-with-dot{align-items:center;gap:.4em;display:inline-flex}.p2c-badge-dot{background:currentColor;border-radius:50%;flex:none;width:.55em;height:.55em}.p2c-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);font-size:var(--text-sm);line-height:var(--line)}.p2c-banner+.p2c-banner{margin-top:var(--space-2)}.p2c-banner-title{margin-right:var(--space-2)}.p2c-banner-item{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.p2c-banner-text{flex:16rem;min-width:0}.p2c-banner-detail{margin:var(--space-1) 0 0;font-size:var(--text-xs)}.p2c-banner-action{flex:none}.p2c-banner-ok{border-color:var(--ok);background:var(--ok-bg);color:var(--ok-text)}.p2c-banner-warn{border-color:var(--warn);background:var(--warn-bg);color:var(--warn-text)}.p2c-banner-danger{border-color:var(--danger);background:var(--danger-bg);color:var(--danger-text)}.p2c-app-header{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.p2c-brand{flex-direction:column;display:flex}.p2c-brand-row{align-items:center;gap:var(--space-2);min-width:0;display:flex}.p2c-logo{flex:none;display:block}.p2c-brand-name{font-family:var(--font-heading);color:var(--text-strong);white-space:nowrap;font-size:1.25rem;font-weight:600;line-height:1.2}.p2c-brand-product{color:var(--accent-text)}a.p2c-brand-name{text-decoration:none}a.p2c-brand-name:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent-text);text-decoration-color:var(--accent-text);text-underline-offset:.2em}.p2c-brand-subtitle{font-size:var(--text-xs);color:var(--muted);letter-spacing:.04em}.p2c-nav{gap:var(--space-2);flex-wrap:wrap;display:flex}.p2c-nav a,.p2c-nav button{font:inherit;font-size:var(--text-sm);cursor:pointer;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--link);background:0 0;text-decoration:none}.p2c-nav a:hover,.p2c-nav button:hover{background:var(--hover)}.p2c-nav a[aria-current=page],.p2c-nav button[aria-current=page]{background:var(--selected-bg);border-color:var(--selected-border);color:var(--selected-text)}@media (width<=600px){.p2c-app-header{padding:var(--space-3) var(--space-4)}.p2c-nav{gap:var(--space-1)}.p2c-nav a,.p2c-nav button{padding:var(--space-1) var(--space-2);white-space:nowrap}}.p2c-section{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);min-width:0}.p2c-section>:not(:first-child){margin-top:var(--space-3)}.p2c-section-heading{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.p2c-section h2,.p2c-section h3{color:var(--text-strong);margin:0}.p2c-section h2{font-size:var(--text-lg)}.p2c-section h3{font-size:var(--text-md)}.p2c-section-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.p2c-section-meta{font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums}@media (width<=600px){.p2c-badge{white-space:normal}}.p2c-help{margin:var(--space-2) 0 var(--space-3);font-size:var(--text-sm);line-height:var(--line);color:var(--muted)}.p2c-disclosure{border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-3)}.p2c-disclosure summary{cursor:pointer;font-weight:600;font-size:var(--text-sm);color:var(--text-label)}.p2c-disclosure-body{margin-top:var(--space-3)}.p2c-tabs{gap:var(--space-1);border-bottom:1px solid var(--border);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.p2c-tab{align-items:center;gap:var(--space-2);font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-label);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;display:inline-flex}.p2c-tab[aria-selected=true]{background:var(--selected-bg);border-color:var(--selected-border);color:var(--selected-text)}.p2c-tab:hover:not([aria-selected=true]){background:var(--hover)}.p2c-tab-swatch{border-radius:50%;width:.6rem;height:.6rem}.p2c-tab-note{font-size:var(--text-xs);color:var(--muted)}.p2c-metric-grid{gap:var(--space-3);margin:var(--space-3) 0;display:grid}.p2c-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.p2c-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.p2c-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=600px){.p2c-columns-3,.p2c-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.p2c-metric{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.p2c-metric-label{font-size:var(--text-xs);color:var(--muted)}.p2c-metric-value{font-size:var(--text-lg);font-variant-numeric:tabular-nums;color:var(--text-strong);overflow-wrap:break-word}.p2c-metric-missing .p2c-metric-value{font-size:var(--text-sm);color:var(--muted)}.p2c-metric-note{font-size:var(--text-xs);color:var(--muted)}.p2c-metric.p2c-tone-warn .p2c-metric-value{color:var(--warn)}.p2c-metric.p2c-tone-danger .p2c-metric-value{color:var(--danger)}.p2c-field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.p2c-field label{font-size:var(--text-sm);color:var(--text-label)}.p2c-field input,.p2c-field select,.p2c-field textarea,.p2c-select,.p2c-number input{font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;padding:var(--space-2) var(--space-3);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--input);color:var(--text-strong);min-width:0}.p2c-field input:disabled,.p2c-field select:disabled,.p2c-field textarea:disabled,.p2c-select:disabled,.p2c-number input:disabled{color:var(--muted);cursor:not-allowed;background:0 0;border-style:dashed}.p2c-field:has(:disabled) label{color:var(--muted)}.p2c-field-note{font-size:var(--text-xs);color:var(--muted)}.p2c-field-error input,.p2c-field-error select{border-color:var(--danger)}.p2c-field-error .p2c-field-note{color:var(--danger-text)}.p2c-select{appearance:none;padding-right:calc(var(--space-3) + 1.25rem);background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:right calc(var(--space-3) + 5px) center, right var(--space-3) center;cursor:pointer;background-repeat:no-repeat;background-size:5px 5px}.p2c-select option{background:var(--panel-raised);color:var(--text)}.p2c-checkbox{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--text);cursor:pointer;display:flex}.p2c-checkbox input{width:1rem;height:1rem;accent-color:var(--accent);cursor:inherit;flex:none;margin:.15rem 0 0}.p2c-checkbox-text{flex-direction:column;gap:.1rem;display:flex}.p2c-checkbox:has(input:disabled){color:var(--muted);cursor:not-allowed}.p2c-number{align-items:center;gap:var(--space-2);display:flex}.p2c-number input{width:100%}.p2c-number-unit{font-size:var(--text-sm);color:var(--muted)}.p2c-toggle-group{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.p2c-toggle{font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-label);cursor:pointer;background:0 0}.p2c-toggle[aria-pressed=true]{background:var(--selected-bg);border-color:var(--selected-border);color:var(--selected-text)}.p2c-table-scroll{max-width:100%;overflow-x:auto}.p2c-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.p2c-table th,.p2c-table td{text-align:start;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);vertical-align:top}.p2c-table th{color:var(--text-label);white-space:nowrap;font-weight:600}.p2c-table .p2c-end{text-align:end}.p2c-table tr.p2c-row-warn td{background:var(--warn-bg)}.p2c-table tr.p2c-row-danger td{background:var(--danger-bg)}.p2c-table tr.p2c-row-selected td{background:var(--selected-bg)}.p2c-table tr.p2c-row-warn td:first-child{box-shadow:inset 3px 0 0 var(--warn)}.p2c-table tr.p2c-row-danger td:first-child{box-shadow:inset 3px 0 0 var(--danger)}.p2c-table tr.p2c-row-selected td:first-child{box-shadow:inset 3px 0 0 var(--selected-border)}.p2c-dialog{width:min(32rem,100vw - 2rem);padding:var(--space-5);border:1px solid var(--selected-border);border-radius:var(--radius-lg);background:var(--panel-raised);color:var(--text)}.p2c-dialog-wide{width:min(48rem,100vw - 2rem)}.p2c-dialog::backdrop{background:#050a12ba}.p2c-dialog h2{margin:0 0 var(--space-3);font-size:var(--text-lg);color:var(--text-strong)}.p2c-dialog-body{font-size:var(--text-sm);line-height:var(--line)}.p2c-dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}.p2c-danger-zone{align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-3);padding:var(--space-3);border:1px dashed var(--danger);border-radius:var(--radius);flex-wrap:wrap;display:flex}.p2c-danger-zone-title{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--danger-text);font-weight:700}.p2c-danger-zone-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.p2c-live-image{background:var(--sunken);border-radius:var(--radius);width:100%;margin:0;position:relative;overflow:hidden}.p2c-live-image img{width:100%;height:100%;display:block}.p2c-live-overlay{position:absolute;inset:0}.p2c-live-overlay>canvas,.p2c-live-overlay>svg{width:100%;height:100%;display:block}.p2c-live-age,.p2c-live-chip{font-size:var(--text-xs);border-radius:var(--radius-sm);color:var(--text);background:#0009;padding:.1rem .4rem;position:absolute}.p2c-live-age{right:var(--space-2);bottom:var(--space-2)}.p2c-live-chip{left:var(--space-2);top:var(--space-2);max-width:calc(100% - 2 * var(--space-2));text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;overflow:hidden}.p2c-live-message{padding:var(--space-6) var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--muted);margin:0}.p2c-age{font-variant-numeric:tabular-nums}.p2c-age-stale{color:var(--warn)}.p2c-sparkline{width:100%;display:block}.p2c-sparkline polyline{fill:none;stroke:var(--accent-text);stroke-width:1.5px}.p2c-error{margin:var(--space-2) 0;padding-left:var(--space-2);border-left:3px solid var(--danger);font-size:var(--text-sm);color:var(--danger-text)}.p2c-status:empty{margin:0;position:absolute}.p2c-status-retry{font-size:inherit;padding-block:0}.p2c-workspace{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.p2c-pane{gap:var(--space-4);flex-direction:column;min-width:0;display:flex;position:relative}.p2c-fit{justify-content:flex-start;min-width:0;display:flex}@media (width>=1200px){.p2c-workspace{grid-template-columns:var(--p2c-workspace-columns,minmax(0, 3fr) minmax(0, 2fr));flex:auto;min-height:0;display:grid}.p2c-pane{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow-y:auto;container-type:inline-size}.p2c-grow,.p2c-grow>.p2c-tab-panel:not([hidden]){flex-direction:column;flex:auto;display:flex}.p2c-fit{flex:0 1 calc((100cqw - var(--p2c-fit-inset,0px)) / var(--p2c-aspect,1.7778));align-items:flex-start;min-height:14rem;container-type:size}.p2c-fit>.p2c-live-image,.p2c-fit>canvas{width:min(100cqw, 100cqh * var(--p2c-aspect,1.7778))}.p2c-fit>canvas{height:auto}}.p2c-workspace-always{grid-template-columns:var(--p2c-workspace-columns,minmax(0, 3fr) minmax(0, 2fr));flex:auto;min-height:0;display:grid}.p2c-workspace-always>.p2c-pane{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow-y:auto}.p2c-field-label{align-items:center;gap:var(--space-2);display:inline-flex}.p2c-tip-marker{border:1px solid var(--accent-text);width:1.125rem;height:1.125rem;color:var(--accent-text);cursor:help;vertical-align:middle;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font:italic 700 .75rem/1 Georgia,Times New Roman,serif;display:inline-grid;position:relative}.p2c-tip-marker:before{content:"";border-radius:50%;position:absolute;inset:-4px}.p2c-tip-marker:hover,.p2c-tip-marker:focus-visible{background:var(--accent-text);color:var(--surface)}.p2c-tip-marker:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.p2c-tip-anchor{display:inline-flex}.p2c-tip{max-width:min(24rem,100vw - 16px);padding:var(--space-2) var(--space-3);border:1px solid var(--accent);border-radius:var(--radius);background:var(--panel-raised);color:var(--text-strong);font-family:var(--font);white-space:pre-line;text-align:left;pointer-events:none;margin:0;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.45;position:fixed;inset:auto;box-shadow:0 8px 24px #0000008c}.p2c-drop-button{align-items:center;gap:var(--space-2);max-width:22rem;font:inherit;font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;display:inline-flex}.p2c-drop-button:hover{background:var(--hover)}.p2c-drop-panel{min-width:18rem;max-width:min(32rem,100vw - 16px);padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--panel-raised);color:var(--text);margin:0;position:fixed;inset:auto;box-shadow:0 12px 32px #0000008c}.p2c-scheme{gap:var(--space-3);flex-direction:column;display:flex}.p2c-scheme-row{gap:var(--space-2);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.p2c-scheme-row legend{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-label);padding:0}.p2c-swatch{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);border:1px solid var(--border-strong);font-size:var(--text-sm);color:var(--text);cursor:pointer;border-radius:999px;display:inline-flex}.p2c-swatch:has(input:checked){border-color:var(--selected-border);background:var(--selected-bg);color:var(--selected-text)}.p2c-swatch:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.p2c-swatch:has(input:disabled){color:var(--muted);cursor:not-allowed;border-style:dashed}.p2c-swatch input{opacity:0;width:1px;height:1px;position:absolute}.p2c-swatch-chip{border:1px solid #ffffff59;border-radius:50%;width:1rem;height:1rem}.p2c-swatch-base{border-radius:var(--radius-sm)}.p2c-scheme-preview{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:var(--space-3);gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;display:flex}.p2c-scheme-preview-tabs{gap:var(--space-1);display:flex}.p2c-scheme-preview-tab{padding:var(--space-1) var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--link)}.p2c-scheme-preview-on{background:var(--selected-bg);border-color:var(--selected-border);color:var(--selected-text)}.p2c-scheme-preview-panel{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);flex-wrap:wrap;display:flex}.p2c-scheme-preview-button{padding:var(--space-1) var(--space-3);border:1px solid var(--selected-border);border-radius:var(--radius-sm);background:var(--selected-bg);color:var(--selected-text)}.p2c-scheme-preview-link{color:var(--link);text-decoration:underline}.p2c-scheme-preview-muted{color:var(--muted)}.p2c-scheme-preview-danger{padding-left:var(--space-2);border-left:3px solid var(--danger);color:var(--danger-text)}.p2c-verdict{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);display:flex}.p2c-verdict-mark{border:2px solid;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-weight:700;display:grid}.p2c-verdict-text{flex:auto;min-width:0}.p2c-verdict-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-strong);margin:0;font-weight:600;line-height:1.2}.p2c-verdict-detail{margin:var(--space-1) 0 0;font-size:var(--text-sm)}.p2c-verdict-meta{font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.p2c-verdict-pass .p2c-verdict-mark{color:var(--ok)}.p2c-verdict-unknown .p2c-verdict-mark{color:var(--muted)}.p2c-verdict-warn{border-color:var(--warn);background:var(--warn-bg);color:var(--warn-text)}.p2c-verdict-fail{border-color:var(--danger);background:var(--danger-bg);color:var(--danger-text)}.p2c-verdict-warn .p2c-verdict-title,.p2c-verdict-fail .p2c-verdict-title{color:inherit}.p2c-checks{margin:0;padding:0;list-style:none}.p2c-check{align-items:baseline;gap:var(--space-1) var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.p2c-check-state{align-items:baseline;gap:var(--space-1);min-width:5.5rem;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex:none;font-weight:600;display:inline-flex}.p2c-check-warn .p2c-check-state{color:var(--warn-text)}.p2c-check-fail .p2c-check-state{color:var(--danger-text);padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--danger-bg)}.p2c-check-pass .p2c-check-mark{color:var(--ok)}.p2c-check-text{flex-direction:column;flex:14rem;min-width:0;display:flex}.p2c-check-label{color:var(--text-strong)}.p2c-check-pass .p2c-check-label{color:var(--text-label)}.p2c-check-detail{color:var(--muted)}.p2c-check-action{flex:none}.p2c-check-list .p2c-disclosure{margin-top:var(--space-2)}.p2c-key-value{gap:var(--space-1) var(--space-4);font-size:var(--text-sm);grid-template-columns:max-content 1fr;margin:0;display:grid}.p2c-key-value-row{display:contents}.p2c-key-value dt{color:var(--muted)}.p2c-key-value dd{overflow-wrap:anywhere;min-width:0;color:var(--text);font-variant-numeric:tabular-nums;margin:0}.p2c-empty{padding:var(--space-5) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center}.p2c-empty-title{font-size:var(--text-md);color:var(--text-strong);margin:0;font-weight:600}.p2c-empty-text{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--muted)}.p2c-empty-action{margin-top:var(--space-3)}.p2c-placeholder{gap:var(--space-2);flex-direction:column;display:flex}.p2c-placeholder-line{border-radius:var(--radius-sm);background:var(--hover);height:.8rem;display:block}.p2c-placeholder-line:last-child{width:60%}@media (prefers-reduced-motion:no-preference){.p2c-placeholder-line{animation:1.4s ease-in-out infinite p2c-placeholder-pulse}}@keyframes p2c-placeholder-pulse{50%{opacity:.45}}.p2c-progress{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;display:flex}.p2c-progress-labels{justify-content:space-between;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.p2c-progress-text{color:var(--muted);font-variant-numeric:tabular-nums}.p2c-progress progress,.p2c-progress meter{appearance:none;background:var(--sunken);border:0;border-radius:999px;width:100%;height:.5rem;display:block;overflow:hidden}.p2c-progress progress::-webkit-progress-bar{background:var(--sunken)}.p2c-progress progress::-webkit-progress-value{background:var(--text-label)}.p2c-progress progress::-moz-progress-bar{background:var(--text-label)}.p2c-progress progress:indeterminate::-webkit-progress-bar{background:repeating-linear-gradient(-45deg, var(--muted) 0 .5rem, var(--sunken) .5rem 1rem);background-size:200% 100%}.p2c-progress progress:indeterminate::-moz-progress-bar{background:repeating-linear-gradient(-45deg, var(--muted) 0 .5rem, var(--sunken) .5rem 1rem);background-size:200% 100%}@media (prefers-reduced-motion:no-preference){.p2c-progress progress:indeterminate::-webkit-progress-bar{animation:1.2s linear infinite p2c-progress-stripes}.p2c-progress progress:indeterminate::-moz-progress-bar{animation:1.2s linear infinite p2c-progress-stripes}}@keyframes p2c-progress-stripes{to{background-position:-1.414rem 0}}.p2c-progress meter::-webkit-meter-bar{background:var(--sunken);border:0;border-radius:999px;height:.5rem}.p2c-progress meter::-webkit-meter-optimum-value{background:var(--ok)}.p2c-progress meter::-webkit-meter-suboptimum-value{background:var(--warn)}.p2c-progress meter::-webkit-meter-even-less-good-value{background:var(--danger)}.p2c-progress meter:-moz-meter-optimum::-moz-meter-bar{background:var(--ok)}.p2c-progress meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--warn)}.p2c-progress meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--danger)}.p2c-stepper{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.p2c-stepper-vertical{flex-direction:column}.p2c-stepper-horizontal{gap:var(--space-2) var(--space-4);flex-wrap:wrap}.p2c-step-button{align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:var(--text-sm);text-align:start;background:0 0;border:1px solid #0000;display:flex}button.p2c-step-button{cursor:pointer}button.p2c-step-button:hover{background:var(--hover)}.p2c-step-button[aria-current=step]{border-color:var(--selected-border);background:var(--selected-bg);color:var(--selected-text)}.p2c-step-number{border:1px solid var(--border-strong);width:1.5rem;height:1.5rem;font-size:var(--text-xs);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.p2c-step-done .p2c-step-number{color:var(--ok);border-color:var(--ok)}.p2c-step-current .p2c-step-number{border-color:currentColor}.p2c-step-problem .p2c-step-number{color:var(--warn-text);border-color:var(--warn);background:var(--warn-bg)}.p2c-step-todo .p2c-step-label{color:var(--muted)}.p2c-step-text{flex-direction:column;min-width:0;display:flex}.p2c-step-note{font-size:var(--text-xs);color:var(--muted)}.p2c-section-nav ul{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.p2c-section-nav a,.p2c-section-nav button{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:var(--text-sm);text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;text-decoration:none;display:flex}.p2c-section-nav a:hover,.p2c-section-nav button:hover{background:var(--hover)}.p2c-section-nav [aria-current]{border-color:var(--selected-border);background:var(--selected-bg);color:var(--selected-text)}.p2c-section-nav-note{font-size:var(--text-xs);color:var(--muted)}.p2c-menu{min-width:12rem;padding:var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--panel-raised);color:var(--text);margin:0;position:fixed;inset:auto;box-shadow:0 12px 32px #0000008c}.p2c-menu:popover-open{flex-direction:column;display:flex}.p2c-menu-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:var(--text-sm);text-align:start;cursor:pointer;background:0 0;border:0}.p2c-menu-item:hover:not(:disabled),.p2c-menu-item:focus-visible{background:var(--hover)}.p2c-menu-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.p2c-menu-item:disabled{color:var(--muted);cursor:not-allowed}.p2c-menu-item-danger{color:var(--danger-text)}.p2c-menu-item-divider{margin-top:var(--space-1);border-top:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.p2c-switch-row{align-items:center;gap:var(--space-2);display:inline-flex}.p2c-switch{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-label);cursor:pointer;display:inline-flex;position:relative}.p2c-switch input{opacity:0;width:2.25rem;height:1.25rem;cursor:inherit;margin:0;position:absolute;left:0}.p2c-switch-track{border:1px solid var(--border-strong);background:var(--sunken);border-radius:999px;flex:none;width:2.25rem;height:1.25rem;transition:background-color .15s;position:relative}.p2c-switch-thumb{background:var(--muted);border-radius:50%;width:calc(1.25rem - 6px);height:calc(1.25rem - 6px);transition:transform .15s;position:absolute;top:2px;left:2px}.p2c-switch input:checked+.p2c-switch-track{background:var(--accent);border-color:var(--accent)}.p2c-switch input:checked+.p2c-switch-track .p2c-switch-thumb{background:#fff;transform:translate(1rem)}.p2c-switch input:focus-visible+.p2c-switch-track{outline:2px solid var(--focus);outline-offset:2px}.p2c-switch:has(input:disabled){color:var(--muted);cursor:not-allowed}.p2c-switch input:disabled+.p2c-switch-track{opacity:.5}@media (prefers-reduced-motion:reduce){.p2c-switch-track,.p2c-switch-thumb{transition:none}}
