@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&family=Schibsted+Grotesk:wght@400;500;600;700&display=swap");:root{--paper-0:#f3f3f1;--paper-1:#fafaf8;--paper-2:#ffffff;--paper-sunk:#eaeae6;--ink-0:#141615;--ink-1:#3b3e3a;--ink-2:#6e716a;--ink-3:#9a9d95;--line-0:#e2e2dd;--line-1:#d3d3cc;--line-2:#c5c5bc;--wine-700:#5c1f29;--wine-600:#74212e;--wine-500:#8a2e3b;--wine-300:#bd868d;--wine-100:#efd9dd;--wine-050:#f7ecee;--pine-700:var(--wine-700);--pine-600:var(--wine-600);--pine-500:var(--wine-500);--pine-300:var(--wine-300);--pine-100:var(--wine-100);--pine-050:var(--wine-050);--clay-700:var(--wine-700);--clay-600:var(--wine-600);--clay-500:var(--wine-500);--clay-300:var(--wine-300);--clay-100:var(--wine-100);--clay-050:var(--wine-050);--green-600:#4d6b34;--green-500:#5c7c46;--green-100:#e8eedd;--amber-600:#8a5e1a;--amber-500:#9a6b1e;--amber-100:#f3e9d6;--red-600:#9d3a25;--red-500:#b8472e;--red-100:#f1ddd6;--blue-500:#3a5a6b;--blue-100:#e0e7ea;--bg:var(--paper-0);--surface:var(--paper-1);--surface-raised:var(--paper-2);--surface-sunk:var(--paper-sunk);--panel:var(--paper-1);--text:var(--ink-0);--text-strong:var(--ink-0);--text-secondary:var(--ink-1);--muted:var(--ink-2);--text-faint:var(--ink-3);--text-on-accent:#f3f3f1;--border:var(--line-0);--border-strong:var(--line-1);--border-input:var(--line-2);--accent:var(--wine-500);--accent-hover:var(--wine-600);--accent-press:var(--wine-700);--accent-tint:var(--wine-100);--accent-wash:var(--wine-050);--accent-line:var(--wine-300);--focus-ring:rgba(138,46,59,0.4);--selection-ring:var(--wine-500);--canvas-mat:#e7e7e2;--canvas-page:#ffffff;--canvas-empty:#efefeb;--gutter-line:rgba(27,29,28,0.28);--hinge-risk:rgba(154,107,30,0.16);--hinge-safe:rgba(92,124,70,0.1);--fit-good:#415c33;--fit-good-bg:rgba(92,124,70,0.14);--fit-warn:#7d5714;--fit-warn-bg:rgba(154,107,30,0.16);--fit-bad:#7c3a1d;--fit-bad-bg:rgba(124,58,29,0.13);--font-serif:"Fraunces",Georgia,"Times New Roman",serif;--font-sans:"Schibsted Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:var(--font-sans);--font-display:var(--font-serif);--font-body:var(--font-sans);--font-ui:var(--font-sans);--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.875rem;--text-2xl:2.625rem;--text-3xl:3.75rem;--text-4xl:5rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.08;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-0.02em;--tracking-snug:-0.01em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-wider:0.14em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--container-narrow:560px;--container-text:760px;--container-page:1040px;--container-wide:1320px;--page-gutter:2rem;--page-gutter-sm:1.25rem;--section-y:6rem;--tray-width:264px;--strip-height:132px;--thumb-size:110px;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--border-hairline:1px solid var(--line-0);--border-default:1px solid var(--line-1);--border-accent:1px solid var(--accent);--shadow-none:none;--shadow-xs:0 1px 2px rgba(24,26,23,0.04);--shadow-sm:0 1px 2px rgba(24,26,23,0.04),0 2px 6px rgba(24,26,23,0.05);--shadow-md:0 4px 10px rgba(24,26,23,0.06),0 12px 28px rgba(24,26,23,0.08);--shadow-lg:0 12px 24px rgba(24,26,23,0.08),0 32px 64px rgba(24,26,23,0.14);--ring-selection:0 0 0 2px var(--paper-2),0 0 0 4px var(--selection-ring);--ring-focus:0 0 0 3px var(--focus-ring);--ease-standard:cubic-bezier(0.2,0,0,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.45,0,0.2,1);--duration-fast:120ms;--duration-base:180ms;--duration-slow:240ms;--transition-colors:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);--transition-lift:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-base:0ms;--duration-slow:0ms}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern"}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);line-height:var(--leading-snug);color:var(--text-strong);margin:0 0 .5em}h1{font-size:var(--text-xl);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-lg)}p{margin:0 0 1em;text-wrap:pretty}a{color:var(--accent);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--accent-hover)}button{font:inherit;cursor:pointer}:focus-visible{outline:none;box-shadow:var(--ring-focus);border-radius:var(--radius-sm)}::selection{background:var(--accent-tint);color:var(--accent-press)}.container{max-width:var(--container-page);margin:0 auto;padding:var(--space-6) var(--page-gutter)}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--accent);color:var(--text-on-accent);border:1px solid transparent;border-radius:var(--radius-sm);padding:.6rem 1.1rem;font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);transition:var(--transition-colors),var(--transition-lift)}.btn:hover{background:var(--accent-hover)}.btn:active{background:var(--accent-press);transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default;transform:none}.card{background:var(--surface);border:var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select{background:var(--surface-raised);color:var(--text);border:var(--border-input);border-radius:var(--radius-sm);padding:.55rem .7rem;font-family:var(--font-ui);font-size:var(--text-base);transition:var(--transition-colors)}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring-focus)}input::placeholder{color:var(--text-faint)}@keyframes ab-spin{to{transform:rotate(1turn)}}@keyframes ab-flip-in-next{0%{transform:perspective(2200px) rotateY(-26deg) scale(.985);opacity:.4}to{transform:perspective(2200px) rotateY(0) scale(1);opacity:1}}@keyframes ab-flip-in-prev{0%{transform:perspective(2200px) rotateY(26deg) scale(.985);opacity:.4}to{transform:perspective(2200px) rotateY(0) scale(1);opacity:1}}.ab-flip-turn-next{animation:ab-flip-in-next .52s var(--ease-in-out) both;transform-origin:left center}.ab-flip-turn-prev{animation:ab-flip-in-prev .52s var(--ease-in-out) both;transform-origin:right center}.ab-flip-shade{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.32) 47%,rgba(27,29,28,.12) 56%,transparent 72%)}@keyframes ab-flip-shade-next{0%{opacity:0;transform:translateX(-35%)}35%{opacity:.55}to{opacity:0;transform:translateX(125%)}}@keyframes ab-flip-shade-prev{0%{opacity:0;transform:translateX(125%)}35%{opacity:.55}to{opacity:0;transform:translateX(-35%)}}.ab-flip-shade--next{animation:ab-flip-shade-next .52s var(--ease-in-out) both}.ab-flip-shade--prev{animation:ab-flip-shade-prev .52s var(--ease-in-out) both}.ab-flip-mat{padding:clamp(20px,4vw,48px) clamp(16px,5vw,64px);border-radius:var(--radius-lg);border:1px solid var(--line-0);background:radial-gradient(125% 100% at 50% 0,#fafaf8 0,var(--canvas-mat) 58%,#eaeae6 100%)}.ab-book-frame{position:relative;max-width:760px;margin:0 auto}@media (min-width:900px){.ab-book-frame{max-width:min(1040px,calc((100vh - 240px) * var(--book-aspect, 2)))}}.ab-book-frame:after,.ab-book-frame:before{content:"";position:absolute;top:7px;bottom:7px;width:9px;z-index:0;border-radius:2px;box-shadow:0 2px 8px rgba(27,29,28,.16);background:linear-gradient(180deg,rgba(27,29,28,.12),transparent 8%,transparent 92%,rgba(27,29,28,.12)),repeating-linear-gradient(90deg,#f3f3f1 0 1px,#d3d3cc 1px 2px)}.ab-book-frame:before{left:-5px}.ab-book-frame:after{right:-5px}.ab-flip-book{position:relative;z-index:1;box-shadow:inset 0 0 0 1px rgba(27,29,28,.06),0 2px 5px rgba(27,29,28,.1),0 16px 34px rgba(27,29,28,.16),0 38px 70px rgba(27,29,28,.16)}.ab-flip-book--cover{box-shadow:none}.ab-book-frame--cover:after,.ab-book-frame--cover:before{content:none}.ab-flip-gutter{position:absolute;top:0;bottom:0;left:50%;width:44px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(27,29,28,.16) 47%,rgba(27,29,28,.22) 50%,rgba(27,29,28,.16) 53%,transparent),linear-gradient(90deg,transparent 49.6%,rgba(255,255,255,.5) 50%,transparent 50.4%)}.ab-flip-pin{transform:translate(-50%,-50%);width:24px;height:24px;border-radius:999px;place-items:center;font-size:11px;font-weight:700;font-family:var(--font-ui);color:#fff;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:pointer;z-index:3}.ab-flip-nav,.ab-flip-pin{position:absolute;display:grid}.ab-flip-nav{top:50%;transform:translateY(-50%);width:44px;height:44px;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.6);background:rgba(252,251,248,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink-1);cursor:pointer;box-shadow:var(--shadow-md);opacity:0;z-index:4;transition:opacity var(--duration-base) var(--ease-out),background var(--duration-fast) var(--ease-standard)}.ab-flip-nav--left{left:12px}.ab-flip-nav--right{right:12px}.ab-flip-book:hover .ab-flip-nav,.ab-flip-nav:focus-visible{opacity:.96}.ab-flip-nav:hover{background:var(--paper-2)}.ab-flip-nav:disabled{opacity:0!important;pointer-events:none}@media (hover:none){.ab-flip-nav{opacity:.9}}.ab-flip-controls{margin-top:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ab-flip-progress{flex:1 1 120px;min-width:80px;height:4px;border-radius:999px;background:var(--line-0);overflow:hidden}.ab-flip-progress>span{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width var(--duration-slow) var(--ease-out)}.ab-flip-retry{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;cursor:pointer;background:color-mix(in srgb,var(--canvas-page,#efeee9) 82%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:var(--font-ui);color:var(--ink-1)}.ab-flip-retry__title{font-size:13px;font-weight:600}.ab-flip-retry__hint{font-size:12px;color:var(--accent);font-weight:600}.ab-flip-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line-0);border-radius:var(--radius-pill);padding:6px 13px;font-size:13px;font-family:var(--font-ui);color:var(--ink-1);cursor:pointer;transition:var(--transition-colors)}.ab-flip-chip:hover{border-color:var(--line-1);color:var(--accent-hover)}.ab-filmstrip{margin-top:14px;display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.ab-filmstrip::-webkit-scrollbar{height:8px}.ab-filmstrip::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px}.ab-filmstrip::-webkit-scrollbar-track{background:transparent}.ab-flip-thumb{position:relative;flex:0 0 auto;height:58px;padding:0;border-radius:var(--radius-xs);overflow:hidden;border:1px solid var(--line-1);background:var(--canvas-page);cursor:pointer;transition:var(--transition-lift)}.ab-flip-thumb:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ab-flip-thumb[aria-current=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-wash),0 0 0 1px var(--accent)}.ab-flip-present{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:clamp(16px,4vw,56px);background:radial-gradient(125% 120% at 50% 38%,#1f2220 0,#131614 68%,#0a0c0b 100%);animation:ab-fade-in var(--duration-slow) var(--ease-out)}.ab-flip-close{position:absolute;top:clamp(14px,3vw,28px);right:clamp(14px,3vw,28px);width:42px;height:42px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:rgba(243,243,241,.92);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.ab-flip-close:hover{background:rgba(255,255,255,.16)}.ab-flip-present-label{position:absolute;bottom:clamp(16px,4vw,36px);left:0;right:0;text-align:center;font-family:var(--font-ui);font-size:13px;letter-spacing:.02em;color:rgba(243,243,241,.66)}@media (prefers-reduced-motion:reduce){.ab-flip-present,.ab-flip-shade--next,.ab-flip-shade--prev,.ab-flip-turn-next,.ab-flip-turn-prev{animation:none}}@keyframes ab-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.ab-eyebrow{display:inline-block;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-press);background:var(--accent-wash);padding:4px 10px;border-radius:var(--radius-pill)}.ab-navlink{font-size:14px;color:var(--ink-1);cursor:pointer;font-weight:500;transition:color var(--duration-fast)}.ab-link,.ab-navlink:hover{color:var(--accent-hover)}.ab-link{cursor:pointer;font-weight:600}.ab-link:hover{color:var(--accent-press)}.ab-textbtn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--ink-1)}.ab-textbtn:hover{color:var(--accent-hover)}.ab-iconlink{all:unset;cursor:pointer;display:inline-flex;padding:6px;border-radius:8px;color:var(--ink-1)}.ab-iconlink:hover{background:var(--surface-sunk);color:var(--ink-0)}.ab-oauth{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px;border:1px solid var(--line-1);border-radius:8px;background:var(--paper-2);font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--ink-0);cursor:pointer;transition:var(--transition-colors)}.ab-oauth:hover{background:var(--surface-sunk);border-color:var(--line-2)}.ab-pill-toggle{all:unset;cursor:pointer;padding:3px 9px;border-radius:99px;font-size:12px;color:var(--ink-2);border:1px solid var(--line-1)}.ab-pill-toggle[data-on=true]{background:var(--accent-tint);border-color:var(--accent-line);color:var(--accent-press);font-weight:600}.ab-editor{display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:var(--space-5);gap:var(--space-5);align-items:start}.ab-tray{order:-1;position:-webkit-sticky;position:sticky;top:64px;max-height:calc(100vh - 88px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.ab-tray::-webkit-scrollbar{width:8px}.ab-tray::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px}.ab-tray::-webkit-scrollbar-track{background:transparent}.ab-section-head{display:block;margin-bottom:var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.ab-genre-chip{all:unset;box-sizing:border-box;cursor:pointer;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--ink-2);background:var(--surface-sunk);border:1px solid var(--line-0);transition:var(--transition-colors)}.ab-genre-chip:hover{color:var(--clay-700);background:var(--clay-050);border-color:var(--accent)}.ab-beat-legend{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--ink-2);background:var(--surface-sunk);border:1px solid var(--line-0);white-space:nowrap}.ab-stage{display:flex;flex-direction:column}.ab-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4);margin-top:var(--space-3);background:var(--surface);border:1px solid var(--line-0);border-radius:var(--radius-lg);position:-webkit-sticky;position:sticky;bottom:var(--space-3);z-index:5;box-shadow:0 6px 20px -8px color-mix(in srgb,var(--ink-1) 22%,transparent)}.ab-toolbar--text{border-left:3px solid var(--accent)}.ab-inspector{gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--line-0);border-radius:var(--radius-lg)}.ab-inspector,.ab-inspector-zone{display:flex;flex-wrap:wrap;align-items:center}.ab-inspector-zone{gap:var(--space-2) var(--space-3);min-height:32px}.ab-inspector-label{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-3)}.ab-inspector-field{display:inline-flex;align-items:center;gap:var(--space-2)}.ab-inspector-name{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--ink-2)}.ab-inspector-readout{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2);min-width:40px;text-align:right}.ab-inspector-hint{font-size:var(--text-sm);color:var(--ink-3)}.ab-inspector-div{align-self:stretch;width:1px;min-height:24px;background:var(--line-0)}.ab-select{height:30px;padding:0 8px;background:var(--surface);color:var(--ink-1);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer}.ab-seg,.ab-select{border:1px solid var(--line-0);border-radius:var(--radius-md)}.ab-seg{display:inline-flex;align-items:center;padding:2px;gap:2px;background:var(--surface-sunk)}.ab-seg-btn{all:unset;cursor:pointer;display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 6px;border-radius:calc(var(--radius-md) - 2px);font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--ink-2)}.ab-seg-btn--on{background:var(--accent);color:var(--text-on-accent,#fff)}.ab-swatch{all:unset;width:18px;border-radius:999px;outline-offset:1px}.ab-range,.ab-swatch{cursor:pointer;height:18px}.ab-range{width:132px;max-width:42vw;accent-color:var(--accent);flex:0 0 auto}.ab-range:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px;border-radius:4px}.ab-swap-grip{position:absolute;display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 6px;border-radius:999px;background:rgba(250,250,248,.92);color:#1b1d1c;box-shadow:0 1px 3px rgba(27,29,28,.28);font-family:var(--font-ui);font-size:12px;font-weight:600;line-height:1;cursor:-webkit-grab;cursor:grab;pointer-events:auto;-moz-user-select:none;user-select:none;-webkit-user-select:none}.ab-swap-grip:active{cursor:-webkit-grabbing;cursor:grabbing}.ab-swap-grip__label{display:none}.ab-swap-grip--active .ab-swap-grip__label,.ab-swap-grip--touch .ab-swap-grip__label,.ab-swap-grip:focus-visible .ab-swap-grip__label,.ab-swap-grip:hover .ab-swap-grip__label{display:inline}.ab-swap-grip--touch{cursor:pointer}.ab-swap-grip--active{background:var(--accent);color:var(--text-on-accent,#fff)}.ab-tray-tile{content-visibility:auto;contain-intrinsic-size:84px 84px}.ab-tray-del{position:absolute;top:4px;right:4px;width:24px;height:24px;display:grid;place-items:center;border:none;border-radius:6px;background:rgba(27,29,28,.62);color:#fff;cursor:pointer;opacity:0;transition:opacity var(--duration-fast,.12s) var(--ease-out,ease);z-index:2}.ab-tray-del:focus-visible,.ab-tray-tile:hover .ab-tray-del{opacity:1}.ab-tray-del:hover{background:var(--red-600,#9d3a25)}@media (hover:none){.ab-tray-del{opacity:1}}.ab-crop-badge{position:absolute;display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 7px;border:none;border-radius:999px;background:rgba(27,29,28,.72);color:#fff;font-family:var(--font-ui);font-size:11px;font-weight:700;line-height:1;cursor:pointer;pointer-events:auto;box-shadow:0 1px 3px rgba(27,29,28,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ab-crop-badge:hover{background:rgba(27,29,28,.88)}.ab-crop-badge--warn{background:var(--amber-600,#b5761b)}.ab-crop-badge--warn:hover{background:var(--amber-700,#935f14)}.ab-crop-pop{width:264px;background:var(--surface-raised,#fff);border:1px solid var(--line-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg,0 12px 40px rgba(27,29,28,.24));overflow:hidden;animation:ab-fade-in var(--duration-base,.16s) var(--ease-out,ease)}.ab-crop-pop__head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 12px;border-bottom:1px solid var(--line-0)}.ab-crop-pop__title{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--ink-1)}.ab-crop-pop__x{all:unset;cursor:pointer;display:grid;place-items:center;width:24px;height:24px;border-radius:6px;color:var(--ink-2)}.ab-crop-pop__x:hover{background:var(--surface-sunk)}.ab-crop-pop__stage{display:flex;justify-content:center;align-items:center;padding:12px;background:var(--canvas-mat,#e9e7e2)}.ab-crop-pop__imgbox{position:relative;display:inline-block;overflow:hidden;border-radius:2px;line-height:0}.ab-crop-pop__imgbox>img{display:block;max-width:240px;max-height:190px;width:auto;height:auto}.ab-crop-pop--editable{width:340px}.ab-crop-pop--editable .ab-crop-pop__imgbox>img{max-width:300px;max-height:260px}.ab-crop-pop--sheet{width:min(92vw,420px)}.ab-crop-pop--sheet .ab-crop-pop__imgbox>img{max-width:min(84vw,380px);max-height:50vh}.ab-crop-pop__kept{position:absolute;border:2px solid var(--accent);border-radius:2px;box-shadow:0 0 0 9999px rgba(20,20,20,.5);pointer-events:none;transition:border-color var(--duration-base,.16s) var(--ease-out,ease)}.ab-crop-pop__draghit{position:absolute;inset:0;touch-action:none;cursor:not-allowed}.ab-crop-pop__draghit[data-ready]{cursor:-webkit-grab;cursor:grab}.ab-crop-pop__draghit[data-dragging]{cursor:-webkit-grabbing;cursor:grabbing}.ab-crop-pop__draghit[data-ready]:hover+.ab-crop-pop__kept,.ab-crop-pop__imgbox:has(.ab-crop-pop__draghit:focus-visible) .ab-crop-pop__kept,.ab-crop-pop__imgbox:has(.ab-crop-pop__draghit[data-ready]:hover) .ab-crop-pop__kept{border-color:var(--accent-hover,var(--accent));box-shadow:0 0 0 9999px rgba(20,20,20,.58),inset 0 0 0 1px rgba(255,255,255,.5)}.ab-crop-pop__draghit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ab-crop-pop__controls{display:flex;align-items:center;gap:10px;padding:10px 12px 0}.ab-crop-pop__zoom{display:flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:12px;color:var(--ink-2)}.ab-crop-pop__zoom,.ab-crop-pop__zoom .ab-range{flex:1 1 auto;min-width:0}.ab-crop-pop__reset{all:unset;cursor:pointer;display:grid;place-items:center;width:26px;height:26px;border-radius:6px;color:var(--ink-2);flex:0 0 auto}.ab-crop-pop__reset:hover{background:var(--surface-sunk)}.ab-crop-pop__reset:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ab-crop-pop__dpi{display:block;margin-top:3px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ab-crop-pop__dpi--good{color:#4a6e3f}.ab-crop-pop__dpi--warn{color:#8a5f14}.ab-crop-pop__dpi--bad{color:#9d2f20}.ab-crop-pop__hint{display:block;margin-top:5px;color:var(--ink-3);font-style:italic}.ab-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ab-crop-pop__caption{padding:9px 12px 11px;font-family:var(--font-ui);font-size:12px;color:var(--ink-2)}.ab-crop-pop__caption strong{color:var(--ink-0);font-weight:700}.ab-crop-pop__note{color:var(--ink-3)}.ab-crop-pop__note--warn{color:var(--amber-700,#935f14);font-weight:600}@media (max-width:860px){.ab-inspector-div{display:none}.ab-inspector,.ab-toolbar{gap:var(--space-3)}.ab-allowlist-grid,.ab-auth,.ab-delivery,.ab-hero{grid-template-columns:1fr!important}.ab-auth-photo,.ab-delivery-photo{display:none!important}.ab-editor{grid-template-columns:1fr}.ab-canvas-col{padding-bottom:calc(42vh + var(--space-5))}.ab-toolbar{position:static;box-shadow:none}.ab-tray{order:0;position:-webkit-sticky;position:sticky;top:auto;bottom:0;max-height:42vh;overflow-y:auto;background:var(--paper-0);border-top:1px solid var(--line-0);box-shadow:0 -8px 24px rgba(27,29,28,.08);padding-top:var(--space-2);z-index:5}.ab-frame-editor{grid-template-columns:1fr!important}.ab-frame-canvas-col{padding-bottom:calc(38vh + var(--space-5))}.ab-frame-tray{position:-webkit-sticky;position:sticky;bottom:0;max-height:38vh;overflow-y:auto;background:var(--paper-0);border-top:1px solid var(--line-0);box-shadow:0 -8px 24px rgba(27,29,28,.08);z-index:5}}.guide-shell{display:grid;grid-template-columns:188px minmax(0,1fr);grid-gap:clamp(24px,4vw,48px);gap:clamp(24px,4vw,48px);align-items:start}.guide-toc-mobile{display:none}@media (max-width:760px){.guide-shell{grid-template-columns:minmax(0,1fr)}.guide-toc-desktop{display:none}.guide-toc-mobile{display:block;border:1px solid var(--line-0);border-radius:var(--radius-md);background:var(--surface);padding:12px 14px}}@media (prefers-reduced-motion:no-preference){@keyframes ab-flip-nudge{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 45%,transparent)}70%{box-shadow:0 0 0 12px transparent}to{box-shadow:0 0 0 0 transparent}}.ab-flip-nav--nudge{animation:ab-flip-nudge 1.6s ease-out 3}}.ab-flip-nav--nudge{opacity:1}.ab-tour-card{bottom:24px;left:50%;transform:translateX(-50%);width:min(440px,calc(100vw - 32px));border-radius:var(--radius-lg)}@media (max-width:720px){.ab-tour-card{bottom:0;left:0;transform:none;width:100vw;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-left-width:1px;border-top:3px solid var(--accent);padding-bottom:calc(14px + env(safe-area-inset-bottom))}}