.zine-app{display:grid;gap:1.25rem;font-size:.85em}.zine-app--too-small{display:grid;place-items:center;min-height:50vh;padding:2rem;text-align:center}.zine-steps ol{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.zine-steps li{display:flex;align-items:center}.zine-steps li:not(:last-child):after{content:"→";margin-left:.4rem;color:var(--muted-text)}.zine-steps button{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .8rem;font:inherit;color:var(--text-color);background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer}.zine-steps button:disabled{color:var(--muted-text);opacity:.6;cursor:not-allowed}.zine-steps li[data-state=current] button{background:var(--surface-bg);border-color:var(--accent);color:var(--heading-color);font-weight:700}.zine-steps li[data-state=done] button{color:var(--accent)}.zine-steps__index{display:inline-grid;place-items:center;width:1.5em;height:1.5em;border-radius:999px;background:var(--surface-bg);border:1px solid var(--surface-border);font-size:.85em}.zine-steps li[data-state=current] .zine-steps__index{background:var(--accent);border-color:var(--accent);color:var(--surface-solid)}.zine-button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font:inherit;color:var(--heading-color);background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:999px;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.zine-button:hover{border-color:var(--accent);transform:translateY(-1px)}.zine-button:disabled{opacity:.45;cursor:not-allowed;transform:none;border-color:var(--surface-border)}.zine-button--primary{background:var(--accent);border-color:var(--accent);color:var(--page-bg-solid);font-weight:700}.zine-button--small{padding:.25rem .65rem;font-size:.9em}.zine-button--danger{color:#c0392b}.zine-button--success{background:#1f8a4c;border-color:#1f8a4c;color:#fff;font-weight:700}.zine-button--success:hover{border-color:#1f8a4c;filter:brightness(1.08)}:root[data-theme=dark] .zine-button--success{background:#34c979;border-color:#34c979;color:#0e1420}.zine-button--armed{border-color:#c0392b;color:#c0392b;font-weight:700}:root[data-theme=dark] .zine-button--armed{border-color:#ff8a7a;color:#ff8a7a}:root[data-theme=dark] .zine-button--danger{color:#ff8a7a}.zine-error{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;border:1px solid #c0392b;border-radius:14px;background:color-mix(in srgb,#c0392b 8%,var(--surface-bg));color:var(--text-color)}.zine-error button{font:inherit;background:none;border:none;color:inherit;cursor:pointer}.zine-busy{padding:.5rem 1rem;border-radius:14px;background:var(--surface-bg);border:1px solid var(--surface-border);color:var(--muted-text)}.zine-crash{padding:1.5rem;border:1px solid var(--surface-border);border-radius:14px;background:var(--surface-bg)}.zine-continue{margin-bottom:1.25rem}.zine-continue__heading{margin:0 0 .6rem;font-size:1.3em}.zine-continue__entries{display:grid;gap:.6rem}.zine-continue__entry{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid var(--surface-border);border-radius:14px;background:var(--surface-bg)}.zine-continue__entry--restore{border-color:var(--accent, var(--surface-border))}.zine-continue__entry--import{align-items:flex-start;flex-direction:column}.zine-continue__entry-text{margin:0;max-width:60ch;color:var(--muted-text)}.zine-continue__entry-actions{display:flex;gap:.6rem}.zine-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.zine-topbar__fullscreen{flex-shrink:0}.zine-edit{display:grid;gap:1rem}.zine-edit:fullscreen{overflow:auto;background:var(--page-bg-solid, var(--surface-solid));padding:1rem 1.5rem}.zine-edit:fullscreen .zine-workarea__viewport{height:clamp(360px,72vh,1400px)}.zine-edit__layout{--zine-tray-w: minmax(280px, 380px);--zine-panel-w: minmax(240px, 300px);display:grid;grid-template-columns:var(--zine-tray-w) minmax(0,1fr) var(--zine-panel-w);grid-template-areas:"side center panel";gap:1.25rem;align-items:start}.zine-edit__side{grid-area:side;display:grid;gap:1rem;align-content:start}.zine-edit__center{grid-area:center;display:grid;gap:.8rem;justify-items:center}.zine-edit__panel{grid-area:panel;display:grid;gap:1rem;align-content:start;min-width:0}.zine-editor-card,.zine-editor-section{padding:1rem;background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:18px}.zine-editor-section summary{cursor:pointer;font-size:1.05em;font-weight:600;color:var(--heading-color)}.zine-editor-section__body{margin-top:.8rem}.zine-edit__actions{display:grid;gap:1rem}.zine-edit__save{width:100%;padding:.75rem 1rem;font-size:1.05em;justify-content:center}.zine-edit__history{display:flex;gap:.5rem}.zine-edit__history .zine-button{flex:1;justify-content:center}.zine-page-notice{display:grid;gap:.35rem;padding:.75rem .85rem;background:var(--surface-bg);border:1px solid var(--surface-border);border-left-width:5px;border-radius:12px}.zine-page-notice--error{border-left-color:#c4373f}.zine-page-notice--warning{border-left-color:#d9902a;background:color-mix(in srgb,#d9902a 9%,var(--surface-bg))}.zine-page-notice--info{border-left-color:#7c88a1}.zine-page-notice__heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.zine-page-notice__label{display:inline-flex;align-items:center;gap:.35rem;font-size:.8em;font-weight:700}.zine-page-notice__dismiss{display:inline-grid;place-items:center;padding:.15rem;color:inherit;background:transparent;border:0;border-radius:5px;cursor:pointer}.zine-page-notice__dismiss:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.zine-page-notice p{margin:0;font-size:.9em}.zine-page-notice__suggestion{color:var(--muted-text)}.zine-printer{display:grid;gap:.8rem}.zine-printer__toggle{display:flex;align-items:flex-start;gap:.45rem;font-size:.9em}.zine-printer__fields{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.zine-printer__field{display:grid;gap:.2rem;font-size:.8em;color:var(--muted-text)}.zine-printer__input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem}.zine-printer__input input{width:100%;min-width:0;padding:.4rem .55rem;border:1px solid var(--surface-border);border-radius:8px;background:var(--surface-solid, var(--surface-bg));color:var(--text-color);appearance:textfield;-moz-appearance:textfield}.zine-printer__input input::-webkit-outer-spin-button,.zine-printer__input input::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}.zine-printer__input input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.zine-printer__input input[aria-invalid=true]{border-color:#c4373f}.zine-printer__error{grid-column:1 / -1;color:#c4373f}.zine-printer__hint{margin:0;font-size:.8em;color:var(--muted-text)}.zine-controls-help{margin:0;padding:0 0 0 1.1em;display:grid;gap:.45rem}.zine-controls-help kbd{padding:.05em .35em;font-size:.9em;background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:5px}.zine-step-loading{display:grid;min-height:18rem;place-items:center;color:var(--muted-text)}@media(max-width:900px){.zine-edit__layout{grid-template-columns:1fr;grid-template-areas:"side" "center" "panel"}}@media(min-width:900px)and (max-width:1300px){.zine-edit__layout{grid-template-columns:var(--zine-tray-w) minmax(0,1fr);grid-template-areas:"side center" "side panel"}}