*{box-sizing:border-box}html{color-scheme:light;--bg: #eceef1;--surface: #f5f6f8;--ink: #242833;--muted: #596273;--line: #d2d7df;--accent: #c94b58;--soft: #e4e8ee;--lavender: #b8afe0}html[data-theme=dark]{color-scheme:dark;--bg: #191a1f;--surface: #24262d;--ink: #eceef3;--muted: #b0b6c4;--line: #3a3e49;--soft: #2e313a;--lavender: #b8afe0}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1,h2{font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.15;letter-spacing:-1px}p{color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.workspace{max-width:1480px;margin:auto;padding:48px 64px 24px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;color:var(--muted)}.tabs{display:flex;gap:32px;border-bottom:1px solid var(--line);margin-bottom:40px}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:12px 0 16px;display:flex;align-items:center;gap:10px}.tabs button[aria-selected=true]{border-color:var(--accent);color:var(--ink);font-weight:600}.tabs span{background:var(--soft);font-size:11px;padding:1px 7px;border-radius:8px;font-weight:500}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}h1{font-size:clamp(34px,3.2vw,48px)}.title-dot{color:var(--accent)}.page-heading p{margin-top:12px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;padding:12px 20px;min-height:44px;border:1px solid transparent;font-size:13px;font-weight:600;transition:background .15s}.primary,.danger{background:var(--accent);color:#fff}.primary:hover:not(:disabled),.danger:hover{background:#b83b49}.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.secondary:hover{background:var(--soft)}.toolbar{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);padding:8px 14px;border-radius:8px;width:280px;color:var(--muted)}.search input{width:100%;border:0;background:transparent;color:var(--ink);font-size:13px;outline-offset:1px}.toolbar p{font-size:12px}.limit-notice{font-size:12px;color:var(--muted);padding:12px 16px;background:var(--soft);border-radius:8px;margin-bottom:24px}.binder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;min-height:350px;align-items:stretch;grid-auto-rows:1fr}.binder-card{min-width:0;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:visible}.binder-art{height:240px;margin:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.binder-art:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid #ffffff45;transform:translate(80px,-60px)}.binder-info{padding:16px 20px 20px}.binder-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.binder-top h2{font:600 18px/1.4 Segoe UI,sans-serif;letter-spacing:-.4px;overflow-wrap:anywhere}.binder-info>p{font-size:12px;margin:4px 0 16px}.open-button{background:transparent;border:0;color:var(--accent);font-weight:600;font-size:12px;min-height:44px;padding:8px 0 8px 12px}.card-menu{position:relative}.card-menu summary{list-style:none;cursor:pointer;width:32px;height:32px;display:grid;place-items:center;color:var(--muted);font-size:20px;border-radius:6px}.card-menu summary::-webkit-details-marker{display:none}.card-menu summary:hover{background:var(--soft)}.menu-items{position:absolute;right:0;top:36px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px;min-width:150px;z-index:4;box-shadow:0 8px 24px #0002}.menu-items button{display:block;width:100%;border:0;background:transparent;color:var(--ink);font-size:12px;text-align:left;padding:10px;border-radius:4px}.menu-items button:hover{background:var(--soft)}.menu-items .delete-action{color:var(--accent)}.empty-state{padding:64px 24px;text-align:center;border:1px dashed var(--line);border-radius:12px;background:var(--surface)}.empty-state h2{font-size:30px;margin:12px 0}.empty-state p{font-size:14px;margin-bottom:24px}.empty-icon{font-size:40px;color:var(--accent)}dialog{width:min(480px,calc(100% - 32px));border:1px solid var(--line);border-radius:16px;padding:28px;background:var(--surface);color:var(--ink);max-height:calc(100svh - 40px);overflow:auto;box-shadow:0 24px 80px #0003}dialog::backdrop{background:#191a1f75;backdrop-filter:blur(4px)}dialog h2{font-size:30px;margin:8px 0 12px}dialog>p,form>p{font-size:13px}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.icon-button{width:36px;height:36px;border:0;background:var(--soft);color:var(--muted);border-radius:50%;font-size:24px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);margin-top:20px}.field input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--bg);color:var(--ink)}.layout-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.creation-note,.deletion-note{font-size:var(--text-caption);background:var(--soft);padding:14px;border-radius:8px;margin-top:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.form-error{color:var(--accent);font-size:12px;margin-top:12px}.skeleton{height:350px;border-radius:12px;background:var(--soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;left:16px;top:-80px;background:var(--surface);padding:12px;z-index:20}.skip-link:focus{top:12px}@media(min-width:1500px){.binder-art{height:280px}.skeleton{height:390px}}@media(max-width:1050px){.workspace{padding:40px 32px 24px}.binder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.workspace{padding:28px 20px 24px}.tabs{margin-bottom:28px}.page-heading{align-items:start;flex-direction:column;gap:20px}.toolbar{gap:12px}.search{width:min(65%,280px)}.binder-grid{grid-template-columns:1fr;min-height:0}.binder-art{height:250px}.dialog-actions{flex-wrap:wrap}dialog{padding:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}body{min-height:100svh;display:flex;flex-direction:column}.workspace{width:100%;flex:1}.preview-disclosure{font-size:var(--text-caption)}.search:focus-within{border-color:#8794ad;box-shadow:0 0 0 2px #8794ad33}.search input:focus,.search input:focus-visible{outline:none}.search:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:3px}.binder-card{display:flex;flex-direction:column}.binder-art{flex-shrink:0}.binder-info{flex:1;display:flex;flex-direction:column}.site-header{height:84px;padding:0 64px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:var(--bg)}.site-header .brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:600;letter-spacing:-.8px}.header-tools{display:flex;gap:24px;align-items:center}.header-tools select{padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:transparent;font-size:12px}.account{position:relative}.account summary{display:flex;gap:10px;align-items:center;cursor:pointer;list-style:none;font-size:13px;min-height:44px}.account summary::-webkit-details-marker{display:none}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--lavender);color:#3b3353;font-weight:600}.account-panel{position:absolute;right:0;top:54px;width:min(320px,calc(100vw - 40px));max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:12px;box-shadow:0 12px 36px #0002;z-index:5}.account-panel p{font-size:12px;margin:8px 0 16px}.account-panel button{background:var(--soft);color:var(--ink);border:1px solid var(--line);padding:8px 12px;border-radius:6px;font-size:12px}.account-panel.cloud-account-panel>strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5;user-select:all}.account-panel.cloud-account-panel .button{display:flex;width:100%;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);font-size:14px;line-height:1.4}.cloud-account-panel>.button+.button{margin-top:8px}.cloud-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px}.cloud-dialog>p,.calm-editor .cloud-dialog>p{color:var(--muted);margin:8px 0 16px}.cloud-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.cloud-import-options{display:grid;gap:8px}.cloud-dialog .button,.calm-editor .cloud-dialog .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.cloud-dialog .button:hover:not(:disabled){background:var(--soft)}.cloud-dialog .primary,.calm-editor .cloud-dialog .primary{background:var(--accent);border-color:var(--accent);color:#fff}.cloud-dialog .primary:hover:not(:disabled),.calm-editor .cloud-dialog .primary:hover:not(:disabled){background:var(--accent);filter:brightness(.94)}.account-data-dialog label{display:block;margin-top:12px}.account-data-dialog input{max-width:100%;width:100%;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit}.account-data-dialog h3{margin-top:28px}.account-data-dialog>.button{margin:12px 0}.account-data-dialog .account-danger{color:var(--accent);border-color:var(--accent)}.header-main{display:flex;align-items:center;gap:48px;min-width:0}.app-nav{display:flex;align-items:center;gap:24px}.app-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;border-bottom:2px solid transparent;font-size:13px;color:var(--muted)}.app-nav a[aria-current=page]{border-color:var(--accent);color:var(--ink);font-weight:600}.app-nav a:hover{color:var(--ink)}.header-tools{flex-shrink:0}@media(max-width:1050px){.site-header{padding:0 32px}.header-main{gap:24px}}@media(max-width:620px){.site-header{height:auto;min-height:76px;padding:16px 20px 8px;display:grid;grid-template-columns:1fr auto;column-gap:16px;row-gap:8px}.header-main{display:contents}.site-header .brand{grid-column:1;grid-row:1;font-size:22px}.header-tools{grid-column:2;grid-row:1;gap:12px}.app-nav{grid-column:1 / -1;grid-row:2;gap:24px}.account summary>span:not(.avatar){display:none}}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:optional;src:url(manrope-400-2fd1076c1416bd60f0bd.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:optional;src:url(manrope-500-5d8163c81cb35e1e4934.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:optional;src:url(manrope-600-2412fa4308dac9275cd2.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:optional;src:url(manrope-700-55414fb29b24268eede1.woff2) format("woff2")}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--text-caption: 12px;--text-body: 14px;--text-panel: 16px;--text-section: 24px;--text-page: 32px}body{font-family:Manrope,Segoe UI,Arial,sans-serif;font-size:var(--text-body);line-height:1.6}button,input,select,textarea,summary{font-family:inherit}.button{font-size:var(--text-body);font-weight:600;border-radius:10px}.field{font-size:var(--text-caption);gap:var(--space-2)}.field input,.field select{font-size:var(--text-body)}.site-header,.topbar,.app-nav{gap:var(--space-6)}.app-nav a,.topbar nav a{font-size:var(--text-body)}.panel-heading,.customizer-heading{gap:var(--space-3)}.panel-heading h2,.customizer-heading h2,.discover-filters h3{font-size:var(--text-panel);font-weight:650;line-height:1.4;letter-spacing:-.3px}.discover-heading h1{font-size:var(--text-page);line-height:1.2;letter-spacing:-.8px}dialog h2{font-size:var(--text-section);line-height:1.3;letter-spacing:-.5px}dialog h3{font-size:var(--text-panel);line-height:1.4}.panel-hint,.result-count,.customizer-copy,.cover-preview-caption,.catalogue-card small{font-size:var(--text-caption);line-height:1.5}.catalogue-card strong{font-size:var(--text-body);line-height:1.4;font-weight:600}.site-footer h3{font-size:var(--text-body);font-weight:600}.site-footer p,.site-footer a{font-size:var(--text-caption);line-height:1.6}.editor-shell{gap:var(--space-6)}.editor-shell.customizing{align-items:stretch}.editor-shell.customizing>.canvas-panel{display:flex;min-height:0}.editor-shell.customizing .cover-preview-stage{flex:1;min-height:0;width:100%;padding:var(--space-8);gap:var(--space-6);border-radius:15px}.cover-customizer{padding:var(--space-6)}.customizer-tabs{margin:var(--space-6) 0 var(--space-4)}.customizer-kicker{margin:var(--space-6) 0 var(--space-3)}.cover-options,.frame-style-options{gap:var(--space-3)}.cover-option{padding:var(--space-4) var(--space-2);gap:var(--space-3)}.customizer-actions{gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--line)}.customizer-actions .button{min-height:44px;font-size:var(--text-body)}.cover-preview-caption{display:grid;gap:var(--space-2);line-height:1.4}.cover-preview-caption strong{font-size:var(--text-section);line-height:1.3}.page-strip,.selection-status{padding-left:var(--space-6);padding-right:var(--space-6)}@media(max-width:700px){:root{--text-page: 28px;--text-section: 22px}.editor-shell{gap:var(--space-4)}.editor-shell.customizing .cover-preview-stage{padding:var(--space-6)}.cover-customizer{padding:var(--space-4)}.page-strip,.selection-status{padding-left:var(--space-4);padding-right:var(--space-4)}}.page-heading h1,.collection-heading h1,.discover-heading h1{font-size:var(--text-page);line-height:1.2;letter-spacing:-.8px;margin:0}.page-heading,.collection-heading,.discover-heading{gap:var(--space-6);margin-bottom:var(--space-6)}.page-heading p,.collection-heading p,.discover-heading p{margin-top:var(--space-3);font-size:var(--text-caption)}.toolbar,.inventory-toolbar,.results-toolbar,.discover-search{gap:var(--space-3)}.binder-grid,.discover-grid{gap:var(--space-6)}.discover-filters .field,.layout-fields .field{gap:var(--space-2)}.card-picker .panel-heading{margin-bottom:var(--space-4)}.site-footer{padding-top:var(--space-8)}h1,h2,h3,button,input,select,textarea{font-family:inherit}:root{--control-height: 44px;--control-radius: 10px}button.action-button,.disclosure-button{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);color:var(--ink);font-size:12px;font-weight:500;padding:10px 14px;min-height:40px;text-decoration:none;transition:background .14s ease,border-color .14s ease}button.action-button:hover:not(:disabled),.disclosure-button:hover{background:var(--soft);border-color:var(--muted)}button.action-button:active:not(:disabled){background:var(--soft)}button.action-button.text-danger{color:var(--accent)}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.button,button.action-button,summary.disclosure-button{line-height:1.4}.button{min-height:var(--control-height)}.canvas-zoom>summary.disclosure-button,.editing-tips>summary.disclosure-button,#clear-selection.action-button,.overflow-section #empty-overflow.action-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--control-radius);min-height:40px;padding:10px 12px;font-size:12px;text-decoration:none}.disclosure-button{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer}.disclosure-button::-webkit-details-marker{display:none}.disclosure-button:after{content:"";display:block;width:14px;height:14px;flex-shrink:0;background:center/14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b95a5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");transition:transform .14s ease}details[open]>.disclosure-button:after{transform:rotate(180deg)}.layout-settings[open]>summary.disclosure-button:after{content:""}.layout-settings>summary.disclosure-button{font-weight:600}.editor-more>summary.disclosure-button,.pocket-more>summary.disclosure-button{justify-content:center}.editing-tips{max-width:100%}.page-actions{display:flex;flex-wrap:wrap;gap:8px}.editor-more-menu button.action-button,.menu-items button.action-button{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:40px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px 12px}.editor-more-menu,.menu-items{padding:8px}.editor-more-menu button.action-button{margin-bottom:4px}button#duplicate-page.action-button{width:100%;margin-top:16px}#empty-overflow:disabled{opacity:.45}select:not([multiple]):not([size]){appearance:none;-webkit-appearance:none;padding-inline-start:12px!important;padding-inline-end:40px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b95a5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;background-size:14px 14px!important;border-radius:var(--control-radius);min-height:40px;line-height:1.4}select option{background:var(--surface);color:var(--ink)}.icon-button,.control-icon{display:inline-grid!important;place-items:center!important;padding:0!important;line-height:1!important;flex-shrink:0}button.icon-button{width:40px;height:40px;min-width:40px;min-height:40px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink)}button.icon-button svg,.ui-symbol{width:18px!important;height:18px!important;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.control-icon:not(button){width:16px;height:16px}.control-icon:not(button) .ui-symbol{width:14px!important;height:14px!important}.page-navigation .icon-button{width:36px;height:36px;min-width:36px;min-height:36px;border:0;background:transparent}.page-navigation{gap:4px;padding:4px;border-radius:12px}.site-header .brand,.topbar .brand,.site-footer .brand{gap:12px;font-size:25px;font-weight:600;letter-spacing:-.8px}.brand-placeholder{display:inline-grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);font-size:20px;font-weight:700;line-height:1;letter-spacing:0}.type-filter{gap:12px}.canvas-utilities{gap:8px}.collection-actions,.dialog-actions,.image-controls{gap:12px}.filter-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;border-radius:10px}@media(max-width:700px){button.action-button,.disclosure-button{min-height:44px}button.icon-button{width:44px;height:44px;min-width:44px;min-height:44px}.page-navigation .icon-button{width:36px;height:36px;min-width:36px;min-height:36px}.site-header .brand,.topbar .brand{font-size:22px}.canvas-utilities{width:100%;margin-left:0}}@media(prefers-reduced-motion:reduce){button.action-button,.disclosure-button,.disclosure-button:after{transition:none}}@media(forced-colors:active){select:not([multiple]):not([size]){appearance:auto;background-image:none!important}.disclosure-button:after{background:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;width:8px;height:8px;transform:rotate(45deg)}details[open]>.disclosure-button:after{transform:rotate(225deg)}}:root{--font-ui: "Manrope", "Segoe UI", Arial, sans-serif}body :is(h1,h2,h3,button,input,select,textarea,summary){font-family:var(--font-ui)!important}.layout-settings>summary.disclosure-button:after{content:""}.card-menu>summary.control-icon{width:40px;height:40px;min-height:40px;min-width:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer}.card-menu>summary.control-icon:hover{background:var(--soft);border-color:var(--muted)}.card-menu>summary.control-icon .ui-symbol{width:20px!important;height:20px!important;stroke-width:3}.tabs{display:inline-flex;max-width:100%;gap:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:4px;margin-bottom:32px}.tabs>button{border:0;border-radius:8px;min-height:44px;padding:10px 16px;font-size:13px;background:transparent;color:var(--muted)}.tabs>button[aria-selected=true]{background:var(--ink);color:var(--surface)}.tabs>button:hover:not([aria-selected=true]){background:var(--soft);color:var(--ink)}.tabs>button span{background:transparent;color:inherit;padding:0 4px}@media(max-width:700px){.tabs>button{padding:10px 12px}}.filter-chip .ui-symbol{width:14px!important;height:14px!important;flex-shrink:0}@media(min-width:621px){.site-header,.topbar{height:80px;min-height:80px;padding-inline:clamp(20px,4vw,64px)}}.panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:var(--panel-padding, var(--space-6))}@media(max-width:700px){:is(.workspace-page,.discover-page) :is(input,select,textarea){font-size:16px}:is(.workspace-page,.discover-page) .account summary{min-width:44px;justify-content:center}:is(.workspace-page,.discover-page) dialog{overscroll-behavior:contain}.discover-page :is(.details-topbar,.image-topbar){padding-top:max(12px,env(safe-area-inset-top))}.discover-page :is(.detail-scroll,#image-dialog,#inventory-dialog),.workspace-page .inventory-form>.dialog-actions{padding-bottom:max(16px,env(safe-area-inset-bottom))}}.binder-cover-art{--cover-top: #374558;--cover-bottom: #1d2938;--cover-seam: #131b27;--cover-mark: #fff;position:relative;isolation:isolate;width:260px;aspect-ratio:3/4;flex-shrink:0;border-radius:12px 20px 20px 12px;overflow:hidden;background:linear-gradient(180deg,var(--cover-top) 0 49%,var(--cover-bottom) 49% 100%);box-shadow:inset 1px 0 #ffffff50,inset -5px 0 #0002,8px 16px 24px #0003;border:0}.binder-cover-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,#fff2,transparent 35%,#0001);border-radius:inherit}.cover-poke{--cover-top: #d4525e;--cover-bottom: #f2e9e4;--cover-seam: #36353a}.cover-great{--cover-top: #356caa;--cover-bottom: #eef0ed;--cover-seam: #263141;--cover-mark: #d5525d}.cover-ultra{--cover-top: #2d313a;--cover-bottom: #f0eadd;--cover-seam: #1b2028;--cover-mark: #e8bb50}.cover-master{--cover-top: #8160a5;--cover-bottom: #eeedf1;--cover-seam: #343044;--cover-mark: #f0a7c2}.cover-premier{--cover-top: #f0f0ed;--cover-bottom: #f0f0ed;--cover-seam: #c8525b;--cover-mark: #d35962}.cover-spine{position:absolute;inset:0 auto 0 0;border-right:1px solid #0003;background:repeating-linear-gradient(0deg,#0001 0 1px,transparent 1px 4px),linear-gradient(90deg,#0003,#fff1)}.cover-stripe{position:absolute;left:0;right:0;top:48%;background:var(--cover-seam)}.cover-seal{position:absolute;z-index:1;left:50%;top:49%;transform:translate(-50%,-50%);aspect-ratio:1;border-radius:50%;background:var(--cover-seam);display:grid;place-items:center;box-shadow:0 3px 8px #0003}.cover-seal-core{aspect-ratio:1;border-radius:50%;background:#f4f1ec;border:5px solid #d4d4d4;box-shadow:inset 0 2px 5px #0002}.cover-mark{position:absolute;top:10%;left:22%;right:16%;text-align:center;color:var(--cover-mark);font-weight:800;line-height:1}.cover-great .cover-mark:before,.cover-great .cover-mark:after{content:"";position:absolute;top:0;background:var(--cover-mark);border-radius:10px;transform:rotate(-18deg)}.cover-great .cover-mark:before{left:5%}.cover-great .cover-mark:after{right:5%;transform:rotate(18deg)}.cover-ultra .cover-mark{border:14px solid var(--cover-mark);border-bottom:0;border-radius:20px 20px 0 0}.cover-book-title{position:absolute;bottom:9%;display:grid;text-align:center;color:#29313b}.cover-book-title strong{line-height:1.3;overflow-wrap:anywhere;font-weight:600}.cover-classic .cover-book-title{color:#f4f2ed}.cover-classic .cover-mark{display:none}.binder-art.has-cover:before{display:none}.binder-art.has-cover{background:var(--soft)}.binder-art.has-cover .binder-cover-art{width:138px;border-radius:7px 12px 12px 7px}.cover-customizer{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.customizer-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.customizer-heading h2{font-size:20px}.customizer-kicker{font-size:11px;color:var(--muted);margin:24px 0 12px}.cover-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cover-option{padding:12px 8px;display:grid;justify-items:center;gap:12px;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-size:12px;cursor:pointer;position:relative}.cover-option[aria-pressed=true]{border-color:var(--accent);background:var(--surface)}.cover-option[aria-pressed=true]:after{content:"\2713";position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px}.cover-option .binder-cover-art{width:65px;pointer-events:none;border-radius:4px 6px 6px 4px;box-shadow:3px 4px 7px #0002}.cover-option .cover-book-title{display:none}.customizer-copy{font-size:12px;color:var(--muted);line-height:1.6;margin:20px 0}.customizer-actions{display:flex;gap:10px}.customizer-actions .button{flex:1;padding:12px;font-size:12px}.cover-preview-stage{padding:40px 24px;min-height:620px;display:flex;flex-direction:column;gap:26px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,var(--surface),var(--soft));border-radius:12px}.cover-preview-stage .binder-cover-art{width:min(310px,80%)}.cover-preview-caption{text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.cover-preview-caption strong{display:block;font-size:20px;color:var(--ink)}.editor-shell.customizing{grid-template-columns:minmax(0,1fr) 340px}.editor-shell.customizing>.card-picker{display:none}.editor-shell.customizing .canvas-panel>:not(.cover-preview-stage){display:none}.editor-shell.customizing .canvas-panel{align-self:stretch}@media(max-width:900px){.editor-shell.customizing{grid-template-columns:minmax(0,1fr) 290px}.cover-customizer{padding:18px}}@media(max-width:680px){.editor-shell.customizing{grid-template-columns:1fr}.cover-preview-stage{min-height:410px;padding:24px}.cover-preview-stage .binder-cover-art{width:210px}.cover-customizer{grid-row:2}.cover-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cover-option{font-size:10px;padding:12px 4px}}#cover-preview-art{width:min(310px,80%)}.cover-preview-stage #cover-preview-art .binder-cover-art{width:100%}.cover-custom-image-wrap{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.cover-custom-image{width:100%;height:100%;display:block}.binder-cover-art.has-custom-art{background:#1d2531}.has-custom-art .cover-stripe,.has-custom-art .cover-mark,.has-custom-art .cover-seal{display:none}.has-custom-art .cover-spine{z-index:2;background:linear-gradient(90deg,#0005,#fff2)}.cover-book-title{z-index:3;overflow-wrap:anywhere}.cover-book-title[hidden]{display:none!important}.cover-book-title[data-position=top]{top:12%;bottom:auto}.cover-book-title[data-position=center]{top:50%;bottom:auto;transform:translateY(-50%)}.cover-book-title[data-position=bottom]{top:auto;bottom:10%}.has-custom-art .cover-book-title{padding:8px;text-shadow:0 1px 6px #0008}.cover-image-error{display:grid;place-items:center;height:100%;color:#fff;font-size:12px}.binder-cover-art.cover-transparent{background:color-mix(in srgb,var(--surface) 35%,transparent);border:1px solid var(--line);box-shadow:none;padding:5%;overflow:hidden}.cover-transparent>svg{display:block;width:100%;height:100%}.binder-cover-art{container-type:inline-size}.binder-cover-art .cover-spine{width:6%}.binder-cover-art .cover-stripe{height:3.5%}.binder-cover-art .cover-seal{width:26.9%;border-radius:50%}.binder-cover-art .cover-seal-core{width:65.7%;border-width:1.9cqw;border-radius:50%}.binder-cover-art .cover-mark{height:26%;font-size:26.9cqw}.binder-cover-art .cover-great{height:26%}.cover-great .cover-mark:before,.cover-great .cover-mark:after{width:20%;height:100%;border-radius:3.8cqw}.binder-cover-art.cover-ultra .cover-mark{border-width:5.4cqw;border-radius:7.7cqw 7.7cqw 0 0}.binder-cover-art .cover-book-title{left:11.5%;right:7.7%;gap:3cqw}.binder-cover-art .cover-book-title span{font-size:3.1cqw;letter-spacing:.77cqw}.binder-cover-art .cover-book-title strong{font-size:6.5cqw}.binder-cover-art .cover-book-title[data-size=small] strong{font-size:5.4cqw}.binder-cover-art .cover-book-title[data-size=medium] strong{font-size:7.7cqw}.binder-cover-art .cover-book-title[data-size=large] strong{font-size:10.8cqw}.has-custom-art .cover-book-title{padding:3cqw}.cover-color-quick{margin:0 0 20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px}.cover-color-quick input[type=color]{width:48px;height:44px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer}.cover-color-quick .button{font-size:12px;min-height:44px}.binder-cover-art:not(.has-custom-art) .cover-spine{background:repeating-linear-gradient(0deg,#0001 0 .38cqw,transparent .38cqw 1.54cqw),linear-gradient(90deg,#0003,#fff1)}@media(max-width:620px){.viewer-page .viewer-controls{position:relative}.viewer-page .viewer-options{position:static}}.viewer-page .viewer-heading{margin-bottom:16px}.viewer-page .viewer-toolbar{margin-bottom:12px}.viewer-page .viewer-viewport{height:clamp(320px,calc(100dvh - 290px),800px)}.viewer-page .viewer-controls{padding:8px;gap:8px 16px;margin-top:12px;background:transparent;border:0}.viewer-options{position:relative}.viewer-options>summary{display:flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:var(--surface);font-size:13px}.viewer-options>.viewer-zoom{position:absolute;bottom:calc(100% + 8px);right:0;z-index:5;width:min(300px,calc(100vw - 48px));padding:16px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 32px #0003}.viewer-options:not([open])>.viewer-zoom{display:none}.viewer-page .viewer-footer{padding:8px 24px 12px}.viewer-footer summary{min-height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}.viewer-footer details>div{max-width:640px;padding:8px;text-align:center;line-height:1.6}.viewer-page{min-height:100dvh;background:var(--bg);color:var(--ink)}.viewer-page [hidden]{display:none!important}.viewer-header{display:flex;align-items:center;gap:16px;padding:16px 32px;border-bottom:1px solid var(--line)}.viewer-header .brand{display:flex;align-items:center;gap:12px;margin-right:auto;font-size:24px;font-weight:700}.viewer-page .button{min-height:44px;border-radius:10px;font-size:13px;padding:10px 16px}.viewer-page .button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.viewer-header select,.viewer-picker select{min-height:44px;border:1px solid var(--line);border-radius:10px;background-color:var(--surface);color:var(--ink);padding:10px 40px 10px 12px;font:inherit;font-size:13px}.viewer-header select{width:110px}#viewer-main{width:100%;max-width:1280px;margin:auto;padding:24px 32px;flex:1;min-width:0}.viewer-heading{margin-bottom:24px}.viewer-heading h1{font-size:28px;line-height:1.3;letter-spacing:-.6px;overflow-wrap:anywhere;margin-bottom:8px}#viewer-source{color:var(--muted);font-size:12px}#viewer-shell{min-width:0}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.viewer-mode{display:inline-flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.viewer-mode button{min-height:44px;border:0;border-radius:8px;padding:10px 20px;font:inherit;font-size:13px;font-weight:600;color:var(--muted);background:transparent;cursor:pointer}.viewer-mode button[aria-pressed=true]{color:var(--surface);background:var(--ink)}.viewer-viewport{display:flex;align-items:center;height:clamp(320px,calc(100dvh - 360px),720px);position:relative;overflow:auto;padding:24px;border-radius:20px;border:1px solid color-mix(in srgb,var(--line) 65%,transparent);background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--soft) 90%,var(--surface)),var(--bg));overscroll-behavior:contain;touch-action:pan-y}.viewer-viewport.is-zoomed{touch-action:pan-x pan-y}.viewer-viewport.showing-cover{overflow:hidden}.viewer-cover{display:flex;flex-direction:column;align-items:center;gap:16px;margin:auto;flex-shrink:0;max-width:100%}#viewer-cover-art{max-width:100%}#viewer-cover-art .binder-cover-art{width:100%;box-shadow:0 20px 36px #0003}#viewer-cover-count{font-size:13px;color:var(--muted)}.viewer-page-art{position:relative;margin:auto;flex-shrink:0}.viewer-sheet{position:absolute;top:0;border-radius:10px;background:color-mix(in srgb,var(--surface) 90%,var(--soft));box-shadow:0 12px 28px #0002,inset 0 0 0 1px var(--line)}.viewer-sheet-pockets{position:absolute}.viewer-sheet-number{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:var(--muted);font-size:11px;line-height:1;pointer-events:none}.viewer-sheet.is-blank{background:linear-gradient(110deg,var(--surface),var(--soft))}.viewer-spine{position:absolute;top:0;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background:linear-gradient(90deg,#0001,transparent 45%,#0001);pointer-events:none}.viewer-spine span{display:block;width:80%;height:4px;border-radius:4px;background:linear-gradient(#a2a6af,#5c6069);box-shadow:0 2px 3px #0003}.viewer-pocket{position:absolute;border:0;padding:0;color:var(--ink);background:transparent}button.viewer-pocket{cursor:zoom-in;touch-action:manipulation}.viewer-pocket svg{display:block;width:100%;height:100%;pointer-events:none}button.viewer-pocket:focus-visible{filter:drop-shadow(0 0 4px var(--accent))}.viewer-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:16px;margin-top:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.viewer-navigation,.viewer-zoom{display:flex;align-items:center;min-width:0;gap:12px}.viewer-picker select{width:190px}.viewer-zoom label{font-size:12px;color:var(--muted);white-space:nowrap}.viewer-zoom input{width:100px;min-width:0;min-height:44px;accent-color:var(--accent)}.viewer-status{font-size:12px;color:var(--muted);margin-top:16px}.viewer-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;font-size:12px;color:var(--muted);padding:16px 24px 24px;text-align:center}.viewer-footer a{color:inherit}.viewer-empty{text-align:center;padding:64px 24px}.viewer-empty h2{font-size:24px;margin-bottom:16px}.viewer-empty p{max-width:480px;margin:0 auto 24px;color:var(--muted);line-height:1.6}#viewer-inspect{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink)}#viewer-inspect::backdrop{background:#11151b99;backdrop-filter:blur(8px)}.viewer-inspect-heading{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:24px}.viewer-inspect-heading h2{font-size:22px;line-height:1.4;overflow-wrap:anywhere}#viewer-inspect-close{min-width:44px;width:44px;height:44px;padding:0;display:grid;place-items:center;flex-shrink:0}#viewer-inspect-art{text-align:center}#viewer-inspect-art :is(img,svg){display:block;width:min(340px,100%);height:auto;max-height:65dvh;object-fit:contain;margin:auto}#viewer-inspect-meta{color:var(--muted);line-height:1.6;font-size:14px;margin-top:20px}#viewer-main:fullscreen{background:var(--bg);max-width:none;height:100dvh;display:flex;flex-direction:column;padding:20px}#viewer-main:fullscreen #viewer-shell{flex:1;display:flex;flex-direction:column;min-height:0}#viewer-main:fullscreen .viewer-viewport{height:auto;flex:1;min-height:0}@media(max-width:800px){.viewer-header{padding:16px;flex-wrap:wrap;gap:12px}.viewer-header .brand{font-size:22px}.viewer-header>a.button{order:2;width:100%}#viewer-main{padding:20px 16px}.viewer-heading h1{font-size:24px}.viewer-mode button{padding-inline:14px}.viewer-viewport{height:clamp(280px,calc(100dvh - 420px),620px);border-radius:16px}.viewer-controls{padding:12px;gap:12px}.viewer-navigation{width:100%;gap:8px}.viewer-navigation .button{padding-inline:10px;flex-shrink:0}.viewer-picker{min-width:0;flex:1}.viewer-picker select{width:100%;min-width:0;font-size:16px}.viewer-zoom{width:100%;gap:8px}.viewer-zoom input{flex:1}.viewer-header select{font-size:16px}#viewer-inspect{padding:16px}.viewer-inspect-heading h2{font-size:20px}}@media(max-width:360px){.viewer-mode button{padding-inline:10px;font-size:12px}.viewer-toolbar{gap:8px}.viewer-toolbar .button{padding-inline:10px;font-size:12px}}@media(prefers-reduced-motion:reduce){.viewer-page *,.viewer-page *:before,.viewer-page *:after{scroll-behavior:auto!important}}html[data-embedded=true] body{display:none!important}.embedded-notice{margin:24px;font:16px/1.6 system-ui,sans-serif}html[data-workspace-tab=collection] #binders-panel{display:none!important}html[data-workspace-tab=collection] #collection-panel{display:block!important}.discover-page #catalogue-note{min-height:1.6em}.discover-page .results-toolbar h2{min-width:100px}.discover-page #results-state{min-height:120px}.discover-page #results-state[hidden]{display:none!important}