.binder-editor{display:flex;flex-direction:column;gap:var(--space-4)}.binder-editor__topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.binder-editor__topbar-left{display:flex;align-items:baseline;gap:var(--space-3);min-width:0}.binder-editor__back{color:var(--text-muted);font-size:.8125rem;text-decoration:none;white-space:nowrap}.binder-editor__back:hover{color:var(--text)}.binder-editor__name{font-size:1.375rem;font-weight:600;color:var(--text-heading);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.binder-editor__count{font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.binder-editor__topbar-right{display:flex;align-items:center;gap:var(--space-3)}.binder-editor__save-indicator{font-size:.75rem;color:var(--text-subtle);white-space:nowrap}.binder-editor__total-chip{display:inline-flex;align-items:baseline;gap:6px;padding:4px 12px;border-radius:100px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent);font-weight:600;font-size:.875rem;font-variant-numeric:tabular-nums;white-space:nowrap}.binder-editor__overlay-tease{cursor:pointer;border:none;font-family:inherit}.binder-editor__history-buttons{display:flex;gap:var(--space-1)}.binder-editor__dim-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--text-muted);cursor:pointer;white-space:nowrap}.binder-editor__grid-preset{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.binder-editor__grid-preset select{background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px var(--space-2);font-size:.8125rem}.binder-editor__pagenav{display:flex;align-items:center;gap:var(--space-2)}.binder-editor__pagenav-label{font-size:.875rem;color:var(--text);font-variant-numeric:tabular-nums;min-width:64px;text-align:center}.binder-spread{display:flex;gap:var(--space-6);align-items:flex-start}@media (max-width: 1099px){.binder-page-grid.binder-spread__second-page{display:none}}.binder-page-grid{display:grid;gap:var(--space-2);flex:1 1 420px;max-width:560px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.binder-slot{position:relative;aspect-ratio:5 / 7;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--bg-hover);display:flex;flex-direction:column;overflow:hidden}.binder-slot--empty{align-items:center;justify-content:center;border-style:dashed}button.binder-slot--empty{width:100%;padding:0;margin:0;font:inherit;color:inherit;appearance:none;cursor:pointer}.binder-slot__add-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-muted);font-size:1.5rem;font-weight:600;opacity:0;transition:opacity .12s}.binder-slot--empty:hover .binder-slot__add-hint,.binder-slot--empty:focus-visible .binder-slot__add-hint{opacity:1}.binder-slot--occupied{cursor:grab}.binder-slot--dragging{opacity:.35}.binder-slot--drop-active{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.binder-slot--dim-missing{opacity:.55}.binder-slot__drag-overlay{cursor:grabbing;box-shadow:0 8px 24px #0006}.binder-slot__number{color:var(--text-subtle);font-size:.75rem;font-variant-numeric:tabular-nums}.binder-slot__remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s;z-index:2}.binder-slot--occupied:hover .binder-slot__remove,.binder-slot__remove:focus-visible{opacity:1}.binder-slot__remove:hover{background:var(--down-dim);color:var(--down);border-color:var(--down)}.binder-slot__similar-art{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s;z-index:2}.binder-slot--occupied:hover .binder-slot__similar-art,.binder-slot__similar-art:focus-visible{opacity:1}.binder-slot__similar-art:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.binder-slot__image-frame{position:relative;flex:1;background:var(--bg-surface)}.binder-slot__image{width:100%;height:100%;object-fit:contain}.binder-slot__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-subtle);font-size:.75rem}.binder-slot__price-chip{position:absolute;left:4px;bottom:4px;padding:2px 6px;border-radius:5px;background:var(--bg-surface);color:var(--text-heading);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;border:1px solid var(--border)}.binder-slot__price-chip--approximate{text-decoration:underline dashed;text-underline-offset:2px;cursor:help}.binder-slot__price-chip--unpriced{color:var(--text-subtle);font-weight:500;background:transparent;border-color:transparent}.binder-slot__owned-badge{position:absolute;right:4px;bottom:4px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--bg-surface);font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2;font-variant-numeric:tabular-nums;cursor:help}.binder-slot__missing-tick{position:absolute;right:4px;bottom:4px;width:16px;height:16px;border-radius:50%;border:1px solid var(--text-subtle);color:var(--text-subtle);font-size:.625rem;display:flex;align-items:center;justify-content:center;z-index:2}.binder-add-panel__backdrop{position:fixed;inset:0;background:#0006;z-index:40}.binder-add-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1100px,94vw);height:min(85vh,900px);background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;z-index:50;overflow:hidden;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}@media (max-width: 640px){.binder-add-panel{top:0;left:0;transform:none;width:100%;height:100dvh;border:none;border-radius:0}}.binder-add-panel__header{display:flex;align-items:center;justify-content:space-between}.binder-add-panel__title{font-size:1.0625rem;font-weight:600;color:var(--text-heading);margin:0}.binder-add-panel__close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;line-height:1;cursor:pointer;padding:4px}.binder-add-panel__close:hover{color:var(--text)}.binder-add-panel__tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--border);padding-bottom:var(--space-2)}.binder-add-panel__tab{padding:6px 4px;border:none;border-bottom:2px solid transparent;background:none;color:var(--text-muted);font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit}.binder-add-panel__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.binder-add-panel__hint{margin:0;font-size:.75rem;color:var(--text-subtle)}.binder-add-panel__filters{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end}.binder-add-panel__field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.binder-add-panel__field select{max-width:260px}.binder-add-panel__set-filter{position:relative;display:flex;align-items:center;gap:var(--space-1)}.binder-add-panel__set-button{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:.875rem;cursor:pointer;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binder-add-panel__set-button:hover{border-color:var(--accent)}.binder-add-panel__set-clear{background:none;border:none;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer;padding:4px}.binder-add-panel__set-clear:hover{color:var(--text)}.binder-add-panel__set-popover-backdrop{position:fixed;inset:0;z-index:4}.binder-add-panel__set-popover{position:absolute;top:calc(100% + 4px);left:0;z-index:5;width:min(360px,86vw);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000059;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.binder-add-panel__field-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.binder-add-panel__chips{display:flex;gap:var(--space-2)}.binder-add-panel__chip{padding:4px 14px;border-radius:100px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit}.binder-add-panel__chip--active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.binder-add-panel__search{width:100%;box-sizing:border-box}.binder-add-panel__grid{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-3);align-content:start}.binder-add-panel__card{position:relative;display:flex;flex-direction:column;gap:4px;width:100%;padding:var(--space-2);border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text);font-family:inherit;text-align:left;cursor:pointer}.binder-add-panel__card:hover{border-color:var(--accent)}.binder-add-panel__card-img-wrap{position:relative;display:block;width:100%;aspect-ratio:63 / 88;border-radius:4px;background:var(--bg-surface);overflow:hidden}.binder-add-panel__card-img{width:100%;height:100%;object-fit:contain}.binder-add-panel__card-img--missing{display:block}.binder-add-panel__in-binder{position:absolute;left:6px;bottom:6px;max-width:calc(100% - 12px);padding:3px 8px;border-radius:999px;background:var(--bg-surface);border:1px solid var(--up);color:var(--up);font-size:.6875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.binder-add-panel__card-name{font-size:.75rem;line-height:1.25;font-weight:600}.binder-add-panel__card-meta{font-size:.6875rem;color:var(--text-muted)}.binder-add-panel__owned-dot{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:1px solid var(--bg-surface);cursor:help}.binder-add-panel__empty{grid-column:1 / -1;padding:var(--space-3) 0;color:var(--text-muted);font-size:.8125rem}.binder-set-wizard__backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:60;padding:var(--space-4)}.binder-set-wizard{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #00000073;z-index:61;display:flex;flex-direction:column}.binder-set-wizard__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:1px solid var(--border)}.binder-set-wizard__title{margin:0;font-size:1.0625rem;font-weight:600;color:var(--text-heading);flex:1}.binder-set-wizard__step{font-size:.75rem;color:var(--text-subtle);font-variant-numeric:tabular-nums}.binder-set-wizard__close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;line-height:1;cursor:pointer;padding:4px}.binder-set-wizard__close:hover{color:var(--text)}.binder-guest-gate{display:flex;flex-direction:column;gap:var(--space-3);max-width:420px;padding:var(--space-5)}.binder-guest-gate__title{margin:0}.binder-guest-gate__body{margin:0;color:var(--text-muted)}.binder-guest-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border);font-size:.875rem}.binder-set-wizard__body{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto}.binder-set-wizard__search{width:100%;box-sizing:border-box}.binder-set-wizard__groups{display:flex;flex-direction:column;gap:var(--space-3);max-height:360px;overflow-y:auto}.binder-set-wizard__group{display:flex;flex-direction:column}.binder-set-wizard__group-heading{margin:0 0 var(--space-1);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.binder-set-wizard__set-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.binder-set-wizard__set-row{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:8px 10px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);font-size:.875rem;font-family:inherit;text-align:left;cursor:pointer}.binder-set-wizard__set-row:hover{background:var(--bg-elevated);border-color:var(--border)}.binder-set-wizard__set-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binder-set-wizard__set-count{color:var(--text-subtle);font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}.binder-set-wizard__selected-set{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-heading)}.binder-set-wizard__preview{margin:0;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8125rem;font-variant-numeric:tabular-nums}.binder-set-wizard__review-sentence{margin:0;font-size:1rem;color:var(--text);line-height:1.5}.binder-set-wizard__error{margin:0;color:var(--down);font-size:.8125rem}.binder-set-wizard__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-5) var(--space-4);border-top:1px solid var(--border)}.binder-share-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #00000073;z-index:61;display:flex;flex-direction:column}.binder-share-dialog .binder-set-wizard__body{align-items:flex-start}.binder-share-dialog__url-row{display:flex;gap:var(--space-2);width:100%}input.binder-share-dialog__url-input{flex:1;min-width:0;font-size:.8125rem;font-family:var(--font-mono, monospace);color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px}.binder-editor__toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--down);color:var(--down);padding:10px 18px;border-radius:var(--radius);font-size:.875rem;z-index:80;box-shadow:0 8px 24px #00000059}.binder-editor__toast--success{border-color:var(--up);color:var(--up)}.binder-public{display:flex;gap:var(--space-6);align-items:flex-start;flex-wrap:wrap}.binder-public__cover{width:min(280px,100%);flex:0 0 280px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);position:sticky;top:var(--space-4)}.binder-public__brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:.9375rem;color:var(--text)}.binder-public__name{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-heading);overflow-wrap:anywhere}.binder-public__description{margin:0;color:var(--text-muted);font-size:.9375rem;line-height:1.5}.binder-public__byline{margin:0;color:var(--text-subtle);font-size:.8125rem}.binder-public__cta{width:100%;text-align:center;justify-content:center}.binder-public__main{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.binder-public .binder-page-grid{max-width:none;flex:0 1 auto;width:min(100%,calc((100vh - 240px) * (5 * var(--grid-cols)) / (7 * var(--grid-rows))));width:min(100%,calc((100dvh - 240px) * (5 * var(--grid-cols)) / (7 * var(--grid-rows))))}.binder-public-viewer__slot-button{appearance:none;border:1px solid var(--bg-hover);padding:0;font:inherit;cursor:pointer}.binder-public-viewer__slot-button:hover,.binder-public-viewer__slot-button:focus-visible{border-color:var(--accent)}.binder-card-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #00000073;z-index:61;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.binder-card-modal__image-frame{position:relative;aspect-ratio:5 / 7;width:min(220px,100%);margin:0 auto;border-radius:var(--radius-sm);background:var(--bg-elevated);overflow:hidden}.binder-card-modal__meta{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.binder-card-modal__name{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-heading)}.binder-card-modal__sub{margin:0;color:var(--text-muted);font-size:.875rem}.binder-card-modal__cm-link{margin-top:var(--space-1)}@media (max-width: 800px){.binder-public__cover{position:static;flex-basis:100%}}