:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:"Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.75rem;--leading-tight:1.2;--leading-normal:1.55;--weight-regular:400;--weight-medium:550;--weight-bold:680;--tracking-tight:-.015em;--tracking-caps:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--color-canvas:#f4f5f7;--color-surface:#fff;--color-surface-sunken:#eceef2;--color-surface-raised:#fff;--color-border:#dcdfe5;--color-border-strong:#b9bec9;--color-text:#15181e;--color-text-muted:#545b68;--color-text-subtle:#6b7280;--color-accent:#3b4fd8;--color-accent-hover:#2f40b8;--color-accent-soft:#e8ebfd;--color-on-accent:#fff;--color-success:#127a4a;--color-warning:#a35a00;--color-danger:#c0262d;--color-focus:#3b4fd8;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 1px 2px #10141e0f;--shadow-md:0 1px 2px #10141e0d, 0 4px 12px #10141e0f;--shadow-lg:0 2px 6px #10141e0f, 0 16px 40px #10141e1f;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--header-height:3.5rem;--switch-height:4rem;--focus-ring:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-focus)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-canvas:#0d0f13;--color-surface:#15181e;--color-surface-sunken:#101217;--color-surface-raised:#1c2028;--color-border:#2a2f3a;--color-border-strong:#424958;--color-text:#e8eaef;--color-text-muted:#a3aab8;--color-text-subtle:#8a92a2;--color-accent:#8c9dff;--color-accent-hover:#a8b5ff;--color-accent-soft:#232a4d;--color-on-accent:#0d0f13;--color-success:#4cc98a;--color-warning:#f0a944;--color-danger:#ff7b80;--color-focus:#a8b5ff;--shadow-sm:0 1px 2px #0006;--shadow-md:0 1px 2px #0006, 0 4px 12px #00000059;--shadow-lg:0 2px 6px #0006, 0 16px 40px #00000080}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}img{max-width:100%}::selection{background:var(--color-accent-soft)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);display:inline-flex}.button:hover{background:var(--color-surface-sunken)}.button:active:not(:disabled){transform:translateY(1px)scale(.985)}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.button:disabled:hover{background:var(--color-surface)}.button-primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff24}.button-primary:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.button-quiet{color:var(--color-text-muted);background:0 0;border-color:#0000}.button-quiet:hover{color:var(--color-text)}.icon{fill:currentColor;width:1.125rem;height:1.125rem}.shell{grid-template-columns:13.5rem minmax(22rem,1fr) minmax(0,1.2fr);grid-template-rows:var(--header-height) 1fr;grid-template-areas:"header header header""steps editor preview";min-height:100dvh;display:grid}.shell-header{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-4) 0 var(--space-5);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);grid-area:header;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--color-text);width:1.875rem;height:1.875rem;color:var(--color-surface);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:-.04em;place-items:center;display:grid}.brand-name{font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-actions{align-items:center;gap:var(--space-3);display:flex}.save-status{color:var(--color-text-subtle);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.steps{top:var(--header-height);padding:var(--space-5) var(--space-3);grid-area:steps;align-self:start;position:sticky}.steps-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.step{align-items:center;gap:var(--space-3);width:100%;min-height:2.5rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;display:flex;position:relative}.step:hover{background:var(--color-surface-sunken);color:var(--color-text)}.step[aria-current=step]{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text)}.step-number{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);width:1.5rem;height:1.5rem;font-family:var(--font-mono);font-size:var(--text-xs);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);flex:none;place-items:center;display:grid}.step[aria-current=step] .step-number{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.pane-editor{min-width:0;padding:var(--space-5) var(--space-5) var(--space-7);grid-area:editor}.editor{gap:var(--space-5);flex-direction:column;max-width:42rem;display:flex}.editor-header{gap:var(--space-2);display:grid}.eyebrow{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.editor-header h2{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.editor-header h2:focus{outline:none}.editor-header h2:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:2px}.editor-intro{max-width:60ch;color:var(--color-text-muted)}.editor-body{gap:var(--space-6);min-width:0;display:grid}.editor-body h3{font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.editor-body h4{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;margin:0}.editor-footer{justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.editor-footer .button-primary:only-child{margin-left:auto}.empty-state{justify-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-muted);text-align:center;display:grid}.empty-state>p:not([class]){max-width:34ch}.empty-state .button{margin-top:var(--space-3)}.empty-art{width:3.5rem;height:3.5rem;margin-bottom:var(--space-2);fill:var(--color-accent-soft);stroke:var(--color-accent);stroke-width:2px;stroke-linecap:round}.empty-title{font-weight:var(--weight-bold)}.empty-text{max-width:28ch;color:var(--color-text-muted);font-size:var(--text-sm)}.pane-preview{top:var(--header-height);height:calc(100dvh - var(--header-height));border-left:1px solid var(--color-border);background:var(--color-surface-sunken);flex-direction:column;grid-area:preview;min-width:0;display:flex;position:sticky}.preview-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:3rem;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.preview-title{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;display:inline-flex}.live-dot{border-radius:var(--radius-pill);background:var(--color-success);width:.5rem;height:.5rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-success) 22%, transparent)}.preview-tools{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);gap:2px;padding:2px;display:inline-flex}.view-toggle .button{min-height:2rem;padding:0 var(--space-3);border-radius:var(--radius-pill)}.view-toggle .button[aria-pressed=true]{background:var(--color-text);color:var(--color-surface)}.preview-canvas{padding:var(--space-5);flex:1;overflow:auto}.site-preview{border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:100%;box-shadow:var(--shadow-md);isolation:isolate;overflow:hidden}.empty-state-preview{border-style:solid;border-color:var(--color-border);min-height:100%;box-shadow:var(--shadow-md);align-content:center}.pane-switch{display:none}@media (width<=899.98px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--header-height) auto 1fr;padding-bottom:calc(var(--switch-height) + env(safe-area-inset-bottom));grid-template-areas:"header""steps""pane"}.shell-header{padding:0 var(--space-2) 0 var(--space-4)}.steps{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);background:var(--color-surface);position:static}.steps-list{gap:var(--space-2);padding:var(--space-1) var(--space-4);scroll-padding-inline:var(--space-4);scroll-snap-type:x proximity;scrollbar-width:none;flex-direction:row;overflow-x:auto}.steps-list li{scroll-snap-align:start;flex:none}.step{width:auto;min-height:2.25rem;padding:0 var(--space-3) 0 var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.step[aria-current=step]{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:none}.step-number{width:1.625rem;height:1.625rem}.pane-editor,.pane-preview{grid-area:pane}.pane-editor{padding:var(--space-5) var(--space-4) var(--space-6)}.pane-preview{border-left:0;height:auto;position:static}.preview-canvas{padding:var(--space-4)}.shell[data-pane=edit] .pane-preview,.shell[data-pane=preview] .pane-editor{display:none}.pane-switch{z-index:20;gap:var(--space-1);margin:0 var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}.pane-switch button{border-radius:var(--radius-pill);min-height:2.75rem;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);background:0 0;border:0}.pane-switch button[aria-pressed=true]{background:var(--color-text);color:var(--color-surface)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.theme-card:hover,.button:active:not(:disabled){transform:none}}@media (width<=899.98px){.preview-toolbar{flex-wrap:wrap}.preview-tools{justify-content:flex-start}.backup-error{bottom:calc(var(--switch-height) + var(--space-4) + env(safe-area-inset-bottom))}}.profile-form,.skills-form,.experience-form,.case-editor{gap:var(--space-5);min-width:0;display:grid}.field{gap:var(--space-2);min-width:0;display:grid}.field label,.link-list legend,.screenshot-list legend,.skill-level legend{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:0}.field input:not([type=file]):not([type=checkbox]):not([type=radio]),.field textarea,.field select{width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.field textarea{resize:vertical;min-height:7rem}.field input::placeholder,.field textarea::placeholder{color:var(--color-text-subtle)}.field input:hover,.field textarea:hover,.field select:hover{border-color:var(--color-text-subtle)}.field input:not([type=file]):not([type=checkbox]):not([type=radio]):focus-visible,.field textarea:focus-visible,.field select:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 1px var(--color-focus), 0 0 0 4px color-mix(in srgb, var(--color-focus) 22%, transparent);outline:none}.field [aria-invalid=true]{border-color:var(--color-danger)!important;box-shadow:0 0 0 1px var(--color-danger)!important}.field input[type=file]{max-width:100%;color:var(--color-text-muted);font-size:var(--text-sm)}.field input[type=file]::file-selector-button{min-height:2.5rem;margin-right:var(--space-3);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.field input[type=file]::file-selector-button:hover{background:var(--color-surface-sunken)}input[type=checkbox],input[type=radio]{width:1.125rem;height:1.125rem;accent-color:var(--color-accent);margin:0}.field-note{color:var(--color-text-subtle);font-size:var(--text-sm)}.field-note[data-over=true],.field-note[role=alert],.field-error{color:var(--color-danger);font-weight:var(--weight-medium)}.field-error{font-size:var(--text-sm)}.link-list,.screenshot-list{gap:var(--space-3);border:0;min-width:0;margin:0;padding:0;display:grid}.link-list legend,.screenshot-list legend{margin-bottom:var(--space-3)}.link-list>.button,.screenshot-list>.button{justify-self:start}.link-row{align-items:flex-end;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);flex-wrap:wrap;display:flex}.link-row .field{flex:12rem}.avatar-preview{align-items:center;gap:var(--space-3);display:flex}.avatar-preview img{border-radius:var(--radius-pill);object-fit:cover;box-shadow:0 0 0 3px var(--color-surface), 0 0 0 4px var(--color-border)}.skill-row{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.skill-row>.button:last-child,.skills-form>.button,.experience-form>.button,.case-editor>.button{justify-self:start}.skill-level{gap:var(--space-2);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.skill-level legend{margin-bottom:var(--space-2)}.skill-level-option{align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-4) 0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);display:inline-flex}.skill-level-option:hover{background:var(--color-surface-sunken)}.skill-level-option:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft);font-weight:var(--weight-medium)}.experience-current{align-items:center;gap:var(--space-2);min-height:2.5rem;font-size:var(--text-sm);cursor:pointer;display:inline-flex}.experience-actions{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.case-list,.tag-list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.case-list{flex-direction:column}.case-list li{align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);flex-wrap:wrap;display:flex}.case-list li:hover{border-color:var(--color-border-strong)}.case-list li[data-selected=true]{border-color:var(--color-accent);box-shadow:inset 3px 0 0 var(--color-accent)}.case-select{min-width:8rem;min-height:2.5rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:inherit;font:inherit;font-weight:var(--weight-medium);text-align:left;cursor:pointer;background:0 0;border:0;flex:1}.case-list li[data-selected=true] .case-select{font-weight:var(--weight-bold)}.case-list .button{min-height:2.25rem;padding:0 var(--space-3)}.tag-list li{align-items:center;gap:var(--space-1);min-height:2rem;padding:0 var(--space-1) 0 var(--space-3);border:1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);border-radius:var(--radius-pill);background:var(--color-accent-soft);font-family:var(--font-mono);font-size:var(--text-xs);display:inline-flex}.tag-list button{border-radius:var(--radius-pill);width:1.75rem;height:1.75rem;color:var(--color-text-muted);font-size:var(--text-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;place-items:center;padding:0;line-height:1;display:grid}.tag-list button:hover{background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-text)}.screenshot-list ul{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.screenshot-list li{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.screenshot-list li img{border-radius:var(--radius-sm);object-fit:cover;height:auto;box-shadow:0 0 0 1px var(--color-border);flex:none}.screenshot-fields{gap:var(--space-3);flex:1;min-width:0;display:grid}.screenshot-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}@media (width<=479.98px){.screenshot-list li{flex-direction:column}.screenshot-fields{width:100%}}.theme-picker h3,.section-order h3{margin-bottom:var(--space-3)}.theme-cards{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.theme-card{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);display:grid;position:relative}.theme-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.theme-card:has(input:checked){border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.theme-card:has(input:focus-visible){box-shadow:var(--focus-ring)}.theme-card input{top:calc(var(--space-3) + var(--space-2));right:calc(var(--space-3) + var(--space-2));position:absolute}.theme-swatch{align-items:flex-end;gap:var(--space-3);height:5rem;padding:var(--space-3);border-radius:var(--radius-md);background:var(--swatch-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--swatch-text) 14%, transparent);color:var(--swatch-text);display:flex}.theme-swatch-type{font-family:var(--swatch-font);font-size:var(--text-xl);letter-spacing:-.02em;font-weight:650;line-height:1}.theme-swatch-lines{flex:1;gap:.3rem;padding-bottom:.2rem;display:grid}.theme-swatch-lines span{border-radius:var(--radius-pill);background:var(--swatch-muted);opacity:.55;height:.3rem}.theme-swatch-lines span:last-child{width:65%}.theme-swatch-lines .theme-swatch-accent{background:var(--swatch-accent);opacity:1;width:45%}.theme-card-text{gap:var(--space-1);display:grid}.theme-card-name{font-weight:var(--weight-bold)}.theme-card-desc{color:var(--color-text-muted);font-size:var(--text-sm)}.theme-select{align-items:center;gap:var(--space-2);display:inline-flex}.theme-select-label{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.theme-select select{min-height:2rem;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-sm)}.theme-select select:focus-visible{box-shadow:var(--focus-ring);outline:none}.section-order-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.section-order-row{align-items:center;gap:var(--space-1);min-height:3.25rem;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);display:flex}.section-order-name{min-width:0;font-weight:var(--weight-medium);flex:1}.section-order-row .button{justify-content:center;min-width:2.5rem;padding:0}.section-order-fixed{border-style:dashed;border-color:var(--color-border-strong);box-shadow:none;color:var(--color-text-muted);background:0 0}.section-order-fixed .section-order-name{font-weight:var(--weight-regular)}.step-dot{border-radius:var(--radius-pill);background:var(--color-danger);width:.5rem;height:.5rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger) 18%, transparent);flex:none;margin-left:auto}.publish-ready{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid color-mix(in srgb, var(--color-success) 40%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-success) 10%, var(--color-surface));color:var(--color-success);font-weight:var(--weight-bold);display:flex}.publish-ready:before{content:"";border-radius:var(--radius-pill);width:.625rem;height:.625rem;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-success) 22%, transparent);background:currentColor;flex:none}.publish-checklist{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.publish-group{gap:var(--space-2);display:grid}.publish-issues{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.publish-issues li{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-1) 0 var(--space-1) var(--space-3);border-left:2px solid var(--color-danger);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.publish-issues li .button{color:var(--color-accent)}.export-panel,.backup-panel,.print-resume{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-wrap:wrap;display:flex}.export-panel p{color:var(--color-text-muted);font-size:var(--text-sm)}.export-panel [role=status]{color:var(--color-success);font-weight:var(--weight-medium)}.header-actions{position:relative}.menu-popup{z-index:20;min-width:14rem;margin-top:var(--space-2);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);transform-origin:100% 0;animation:pop-in var(--duration-base) var(--ease-standard);gap:2px;display:grid;position:absolute;top:100%;right:0}.menu-item{min-height:2.5rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0}.menu-item:hover,.menu-item:focus-visible{background:var(--color-surface-sunken)}.menu-item:last-child{margin-top:var(--space-1);border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:var(--color-danger)}.backup-error{right:var(--space-4);bottom:var(--space-4);z-index:30;max-width:min(24rem, calc(100vw - 2 * var(--space-4)));padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-danger) 40%, transparent);border-left:3px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);color:var(--color-danger);font-size:var(--text-sm);font-weight:var(--weight-medium);animation:rise-in var(--duration-slow) var(--ease-standard);position:fixed}.confirm-dialog{width:min(26rem, calc(100vw - 2 * var(--space-4)));padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);color:var(--color-text)}.confirm-dialog[open]{animation:pop-in var(--duration-slow) var(--ease-standard)}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0c1073}.confirm-dialog>p{margin-bottom:var(--space-5);font-size:var(--text-md);font-weight:var(--weight-medium);line-height:var(--leading-tight)}.confirm-dialog[aria-labelledby=reset-title] .button-primary{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-on-accent)}.confirm-dialog[aria-labelledby=reset-title] .button-primary:hover{border-color:color-mix(in srgb, var(--color-danger) 85%, var(--color-text));background:color-mix(in srgb, var(--color-danger) 85%, var(--color-text))}.confirm-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.welcome{gap:var(--space-3);padding:var(--space-5);border:1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 100% 0%, var(--color-accent-soft), transparent 60%), var(--color-surface);box-shadow:var(--shadow-md);display:grid}.welcome h3{font-size:var(--text-lg)}.welcome p{max-width:52ch;color:var(--color-text-muted)}.welcome .confirm-actions{margin-top:var(--space-2);justify-content:flex-start}.empty-title{color:var(--color-text)}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}@media print{html,body{color:#000;background:#fff!important}.shell-header,.steps,.pane-editor,.preview-toolbar,.pane-switch{display:none!important}.shell,.pane-preview,.shell[data-pane=edit] .pane-preview,.shell[data-pane=preview] .pane-preview{display:block!important}.shell,.pane-preview,.preview-canvas,.site-preview{height:auto;min-height:0;box-shadow:none;background:#fff;border:0;border-radius:0;margin:0;padding:0;position:static;overflow:visible}}