.pg-page{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.pg-bar{border-bottom:1px solid var(--border);background:var(--bg-alt);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;display:flex}.pg-bar-pickers{flex:0 400px;align-items:center;gap:8px;min-width:0;display:flex}.pg-bar-actions{flex:auto;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.pg-picker{align-items:center;min-width:0;display:flex}.pg-template-picker{flex:1.6 1 0}.pg-step-picker{flex:1 1 0}.pg-picker-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.pg-split{flex:auto;min-height:0}.pg-split[data-split-dragging] iframe{pointer-events:none}.pg-split[data-split-dragging] .pg-pane{user-select:none}.pg-pane{min-width:0;min-height:0;overflow:hidden}.pg-split>#pg-split-editor{flex-basis:0;flex-grow:var(--pg-split-a,45)}.pg-split>#pg-split-preview{flex-basis:0;flex-grow:var(--pg-split-b,55)}.pg-split:not(:has(>#pg-split-preview)):after{content:"";flex:var(--pg-split-b,55) 1 0}.pg-pane-inner{flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.pg-rail{background:var(--bg-alt);width:100%;height:100%;color:var(--text-muted);cursor:pointer;border:0;flex-direction:column;align-items:center;gap:8px;padding:8px 0;display:none}.pg-rail:hover{background:color-mix(in srgb, var(--text-heading) 6%, var(--bg-alt));color:var(--accent)}.pg-rail:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.pg-rail-chevron{flex:none;width:16px;height:16px}.pg-rail-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl;font-size:10px}@media (width>820px){.pg-split[data-split-collapsed=a] .pg-pane.editor .pg-pane-inner,.pg-split[data-split-collapsed=b] .pg-pane.preview .pg-pane-inner{display:none}.pg-split[data-split-collapsed=a] .pg-pane.editor .pg-rail,.pg-split[data-split-collapsed=b] .pg-pane.preview .pg-rail{display:flex}}.pg-pane-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-alt);align-items:center;gap:8px;padding:8px 14px;font-size:10px;display:flex}:is(:root[data-pg-view=read],body[data-view=read]) .pg-pane-label{display:none}@media (width<=820px){.pg-pane-label{display:none}}.pg-pane-label-spacer{flex:1}.pg-pane-collapse{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.pg-pane-collapse:hover,.pg-pane-collapse:focus-visible{color:var(--accent);background:var(--accent-soft)}.pg-pane-collapse svg{width:14px;height:14px}.pg-rail-error-dot{background:var(--fail,#c20000);border-radius:999px;flex:none;width:8px;height:8px}.pg-editor-host{background:var(--bg);flex:1;min-height:0;position:relative;overflow:hidden}.pg-editor-mount,.pg-editor-host .cm-editor{height:100%}.pg-editor-placeholder{--pg-editor-gutter:37px;padding:14px 2px 14px calc(var(--pg-editor-gutter) + 6px);font-family:var(--font-mono);color:var(--text-body);background:var(--bg);white-space:pre-wrap;pointer-events:none;margin:0;font-size:13.5px;line-height:1.6;position:absolute;inset:0;overflow:hidden}@media (pointer:coarse){.pg-editor-placeholder{font-size:16px}}.pg-editor-host .cm-editor.cm-focused{outline:none}.pg-preview-wrap{background:var(--bg-alt);flex:1;min-height:0}.pg-preview-wrap:after{content:none!important}#preview{z-index:1;background:var(--bg-alt);visibility:hidden;opacity:0;border:0;width:100%;height:100%;transition:opacity .2s;display:block;position:relative}.pg-preview-wrap.is-live #preview{background:var(--bg-alt);visibility:visible;opacity:1}@media (prefers-reduced-motion:reduce){#preview{transition:none}}.pg-ssr-shell{z-index:0;pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}:root[data-pg-shell=on] .pg-ssr-shell{background:var(--bg-alt);min-height:0;padding:0;display:block}.pg-ssr-shell{transition:opacity .2s}.pg-preview-wrap.is-live .pg-ssr-shell{opacity:0}@media (prefers-reduced-motion:reduce){.pg-ssr-shell{transition:none}}.pg-ssr-shell .lattice{overflow:hidden;visibility:visible!important;left:var(--pg-ssr-x,0px)!important;top:var(--pg-ssr-y,0px)!important;width:calc(var(--pg-ssr-w,1280px) * var(--pg-ssr-scale,1))!important;height:calc(var(--pg-ssr-h,720px) * var(--pg-ssr-scale,1))!important;position:absolute!important}.pg-ssr-shell .lattice>section{transform:scale(var(--pg-ssr-scale,1));transform-origin:0 0;border-radius:6px;overflow:hidden;box-shadow:0 8px 30px #00000038;width:var(--pg-ssr-w,1280px)!important;height:var(--pg-ssr-h,720px)!important;content-visibility:visible!important;margin:0!important}.pg-status{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-muted);flex:0 auto;margin-left:auto;padding:0 4px;font-size:12px;overflow:hidden}.pg-status.err{color:var(--fail,#c20000)}@media (width<=820px){.pg-mode{order:1}.pg-bar-actions{flex:auto;order:2}.pg-bar-pickers{flex:100%;order:3}.pg-split{display:block!important}.pg-split>#pg-split-editor,.pg-split>#pg-split-preview{width:100%!important;height:100%!important}.pg-split .pg-pane{flex:none!important;width:100%!important;height:100%!important}.pg-split>[data-slot=resizable-handle],.pg-pane-collapse,.pg-rail,:is(:root[data-pg-pane=preview],body[data-pane=preview]) .pg-split>#pg-split-editor,:is(:root[data-pg-pane=preview],body[data-pane=preview]) .pg-pane.editor,:is(:root[data-pg-pane=edit],body[data-pane=edit]) .pg-split>#pg-split-preview,:is(:root[data-pg-pane=edit],body[data-pane=edit]) .pg-pane.preview{display:none!important}}@media (width<=560px){.pg-status{display:none}}.pg-status-badge{border:1px solid var(--fail,#c20000);width:22px;height:22px;color:var(--fail,#c20000);cursor:pointer;background:0 0;border-radius:999px;flex:none;font-size:13px;font-weight:700;line-height:1;display:none}@media (width<=560px){.pg-status-badge{place-items:center;display:inline-grid}}.pg-error-detail{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--fail,#c20000) 8%, var(--bg));color:var(--fail,#c20000);font-family:var(--font-mono);overflow-wrap:anywhere;align-items:baseline;gap:10px;padding:8px 14px;font-size:12px;display:flex}.pg-error-detail button{color:inherit;cursor:pointer;background:0 0;border:0;flex:none}.pg-handoff-bar{border-bottom:1px solid var(--border);background:var(--bg-alt);align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex}.pg-handoff-msg{flex:auto;min-width:0}.pg-handoff-apply,.pg-handoff-later{border:1px solid var(--border);background:var(--bg);color:var(--text-body);cursor:pointer;border-radius:8px;flex:none;padding:5px 11px;font-size:12.5px;font-weight:600}.pg-handoff-apply{border-color:var(--accent);color:var(--accent)}@media (width>820px){:is(:root[data-pg-view=read],body[data-view=read]) .pg-split>#pg-split-editor,:is(:root[data-pg-view=read],body[data-view=read]) .pg-split>[data-slot=resizable-handle],:is(:root[data-pg-view=read],body[data-view=read]) .pg-pane.preview .pg-rail{display:none!important}:is(:root[data-pg-view=read],body[data-view=read]) .pg-preview-wrap{justify-content:center;display:flex}:is(:root[data-pg-view=read],body[data-view=read]) #preview{width:auto;height:100%;aspect-ratio:var(--pg-deck-aspect,16 / 9);max-width:100%;margin-inline:auto}}.pg-walk{border-block-end:1px solid var(--border);background:var(--bg-alt);flex-direction:column;gap:6px;padding:8px 16px 10px;display:none}.pg-walk-row{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.pg-walk-step{border:1px solid var(--border);color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex:none;padding:4px 12px;font-size:13px;font-weight:600}.pg-walk-step:hover:not(:disabled),.pg-walk-step:focus-visible{border-color:var(--accent);color:var(--accent)}.pg-walk-step:disabled{opacity:.4;cursor:default}.pg-walk-step.cross{border-color:var(--accent);color:var(--accent)}.pg-walk-step.next{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.pg-walk-pos{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;min-width:4em;font-size:12.5px}.pg-walk-caption{--pg-walk-cap-lines:2;--pg-walk-cap-line-height:1.45;font-size:13px;line-height:var(--pg-walk-cap-line-height);color:var(--text-muted);block-size:calc(var(--pg-walk-cap-lines) * var(--pg-walk-cap-line-height) * 1em);-webkit-line-clamp:var(--pg-walk-cap-lines);line-clamp:var(--pg-walk-cap-lines);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.pg-walk-caption.is-notice{color:var(--accent)}@media (width<=560px){.pg-walk{padding-inline:12px}.pg-walk-row{gap:8px}.pg-walk-step{padding:8px 14px}}.pg-mode{border:1px solid var(--border);border-radius:9px;flex:none;display:inline-flex;overflow:hidden}.pg-mode-btn{width:36px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.pg-mode-btn+.pg-mode-btn{border-left:1px solid var(--border)}.pg-mode-btn:hover,.pg-mode-btn:focus-visible{color:var(--accent)}.pg-mode-btn.is-active{background:var(--accent);color:var(--accent-ink,var(--bg))}:root[data-pg-view] .pg-mode-btn.is-active{color:var(--text-muted);background:0 0}:root[data-pg-view=read] .pg-mode-btn[data-pg-mode=read],:root[data-pg-view=edit] .pg-mode-btn[data-pg-mode=edit]{background:var(--accent);color:var(--accent-ink,var(--bg))}.pg-mode-btn svg{width:17px;height:17px}:is(:root[data-pg-view=read],body[data-view=read]) .pg-walk{border-block-start:1px solid var(--border);border-block-end:0;order:10;display:flex}:root[data-pg-focus] .pg-bar{display:none}.pg-focus-restore{top:calc(var(--pg-topbar-h,56px) + 10px);z-index:40;border:1px solid var(--border);background:color-mix(in srgb, var(--bg-alt) 86%, transparent);width:34px;height:34px;color:var(--text-muted);cursor:pointer;opacity:.65;backdrop-filter:blur(6px);border-radius:9px;place-items:center;transition:opacity .14s,color .14s;display:grid;position:fixed;right:12px}.pg-focus-restore:hover,.pg-focus-restore:focus-visible{opacity:1;color:var(--accent);border-color:var(--accent)}.pg-focus-restore svg{width:17px;height:17px}@media (prefers-reduced-motion:reduce){.pg-focus-restore{transition:none}}@media (pointer:coarse),(width<=820px){.pg-mode-btn{width:48px;height:44px}.pg-bar .pg-bar-actions button,.pg-bar .pg-picker button,.pg-bar .pg-picker [role=combobox],.pg-walk .pg-walk-step{min-height:44px}.pg-bar .pg-bar-actions button{min-width:44px}.pg-focus-restore{width:44px;height:44px}}.deck-config .db-settings-note{color:var(--text-muted);margin:.5rem 0 0;font-size:.74rem;line-height:1.5}.deck-config .db-settings-head{color:var(--text-heading);margin:.9rem 0 .4rem;font-size:.82rem}.deck-config .db-pref-row{justify-content:space-between;align-items:baseline;gap:.6rem;margin:.55rem 0;display:flex}.deck-config .db-pref-text{flex-direction:column;flex:auto;gap:.1rem;min-width:7rem;display:flex}.deck-config .db-pref-label{color:var(--text-body);font-size:.82rem}.deck-config .db-pref-hint{color:var(--text-muted);font-size:.7rem}.deck-config .db-pref-select{max-width:11rem;font:inherit;color:var(--text-body);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm,6px);cursor:pointer;flex:none;padding:.28rem .45rem;font-size:.78rem}.deck-config .db-pref-select:hover{border-color:var(--accent)}.deck-config .db-pref-select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.deck-config .db-pref-slider{flex:none;align-items:center;gap:.5rem;display:flex}.deck-config .db-pref-range{width:8.5rem;accent-color:var(--accent);cursor:pointer}.deck-config .db-pref-slider-value{text-align:right;font-variant-numeric:tabular-nums;min-width:2.6rem;color:var(--text-muted,var(--text-body));font-size:.72rem}.deck-config .db-config-field{flex-direction:column;gap:.3rem;margin:.55rem 0;display:flex}.deck-config .db-config-input{width:100%;font:inherit;color:var(--text-body);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm,6px);padding:.4rem .55rem;font-size:.82rem}.deck-config .db-config-input::placeholder{color:var(--text-muted)}.deck-config .db-config-input:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.deck-config .db-config-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.deck-config .db-config-warn{color:var(--accent);border-left:2px solid color-mix(in srgb, var(--accent) 50%, var(--border));padding-left:.5rem}.deck-config .db-or-switch{cursor:pointer;align-items:center;gap:.6rem;margin:.55rem 0;display:flex}.deck-config .db-or-switch .db-pref-text{flex:auto}.deck-config .db-switch{flex:none;width:38px;height:22px;position:relative}.deck-config .db-switch-input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.deck-config .db-switch-knob{background:color-mix(in srgb, var(--muted-mark) 45%, transparent);border-radius:999px;transition:background .16s;position:absolute;inset:0}.deck-config .db-switch-knob:after{content:"";background:var(--bg);border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.deck-config .db-switch-input:checked+.db-switch-knob{background:var(--accent)}.deck-config .db-switch-input:checked+.db-switch-knob:after{transform:translate(16px)}.deck-config .db-switch-input:focus-visible+.db-switch-knob{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}
