*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;color-scheme:dark;--bg: #15171d;--surface: #1d212b;--soft: #262d3b;--ink: #f0f2f8;--muted: #b0b8c9;--line: #3d4557;--accent: #bdc8f7}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-2px;line-height:1.08}h1{font-size:clamp(44px,4.9vw,82px)}h2{font-size:clamp(36px,3.6vw,58px)}h3{font-size:18px;font-weight:500;letter-spacing:-.4px}p{color:var(--muted)}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.topbar{height:76px;position:sticky;top:0;z-index:50;background:#15171dee;border-bottom:1px solid #303646;backdrop-filter:blur(16px);padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:16px;font-size:25px;font-weight:600;letter-spacing:-.8px}.topbar nav{display:flex;align-items:center;gap:32px;font-size:13px;color:#c6cddd}.cta{display:inline-flex;align-items:center;gap:24px;background:#bdc8f7;color:#1b2334;font-size:14px;font-weight:600;padding:16px;border-radius:5px;transition:background .2s,transform .2s}.cta:hover{background:#d0d8fa;transform:translateY(-2px)}.topbar .cta{font-size:12px;padding:8px 16px}.hero{min-height:calc(100svh - 76px);padding:64px 5vw 56px;display:grid;grid-template-columns:46% 1fr;gap:6%;align-items:center;position:relative}.hero p{font-size:18px;line-height:1.65;max-width:375px;margin-top:24px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.text-link{font-size:13px;color:#c9d1e4;border-bottom:1px solid #626e86;padding-bottom:8px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#b4c0db;text-transform:uppercase;margin-bottom:24px;display:block}.hero-visual{max-width:480px;width:100%;margin:auto;position:relative}.hero-visual:before{content:"";position:absolute;inset:-60px;background:radial-gradient(ellipse,#8e9ec317,transparent 65%);pointer-events:none}.chapter{padding:72px 4.5vw 64px;border-top:1px solid #303646;min-height:100svh}.chapter-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.chapter-head p{max-width:420px;font-size:16px;line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px}.status{font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#9dacc8}.status.available{color:#b4d9c9}.card{aspect-ratio:245/337;border-radius:5px;overflow:hidden;width:100%;background:#2b3446;position:relative;min-width:0}.card img{width:100%;height:100%;display:block;object-fit:contain}.fallback{display:none;font-size:11px;padding:8px;text-align:center;color:#d4ddef}.card.failed .fallback{display:grid;position:absolute;inset:0;place-items:center}.card.failed img{display:none}.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:220px}.page-grid.large{gap:8px}.pocket{aspect-ratio:245/337;border:1px dashed #667696;border-radius:4px;background:#202838;display:flex;align-items:center;justify-content:center;min-width:0;color:#9aaed1;font-size:21px;position:relative;overflow:hidden}.pocket:has(.card){border:0}.pocket .card{height:100%}.mini-page{background:#252e40;padding:8px;border:1px solid #52617d;border-radius:5px}.mini-page .page-grid{gap:8px}.mini-page span{font-size:10px;color:#bac9e4;display:block;margin-top:8px}.cursor{position:absolute;z-index:5;font-size:19px;color:#e4ebff;filter:drop-shadow(0 1px 2px #0008)}.pill{padding:8px;border:1px solid #54637e;border-radius:4px;color:#c5d0e5;font-size:10px;background:#242d40}.pill.active{background:#3b4969;border-color:#9caed9;color:#f2f5ff}.scene-arrow{color:#859abf;font-size:24px}.key{border:1px solid #53617c;background:#252e41;padding:8px;border-radius:4px;font-family:Consolas,monospace}.cover-title{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#d5e1f2;margin-bottom:16px}.sleeve{padding:8px;border-radius:5px;background:#233149;transition:border-color .9s}.sleeve.toploader{padding:8px;border:2px solid #8ba6cb;background:#afc5e420}.progress{height:5px;background:#3b4961;border-radius:3px;overflow:hidden;margin-bottom:24px}.progress>span{display:block;height:100%;width:72%;background:#bfcdf6;transition:width 1.2s}.avatar{width:32px;height:32px;border-radius:50%;background:#bfcdf6;color:#23344f;display:grid;place-items:center;font-size:12px}.closing{padding:72px 4.5vw 88px;text-align:center;border-top:1px solid #303646}.closing h2{font-size:clamp(34px,3.6vw,52px);margin-bottom:24px}.footer{padding:56px 4.5vw 24px;background:#0e1117;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:32px;font-size:12px;border-top:1px solid #343f54;color:#aebad0}.footer h3{font-size:12px;margin-bottom:16px;color:#e6ecf7}.footer a:not(.brand){display:block;margin-bottom:8px}.footer p{font-size:12px;margin-top:16px;line-height:1.7}.footer .brand{color:#e6ecf7}.legal{grid-column:1/-1;display:flex;justify-content:space-between;gap:32px;border-top:1px solid #34415a;padding-top:24px;margin-top:16px;font-size:10px;line-height:1.7}@media(min-width:1650px){.hero,.chapter,.closing,.footer{padding-left:6vw;padding-right:6vw}}@media(max-width:1050px){.feature-grid{gap:32px 24px}.mini-page .page-grid{width:85px}.hero h1{font-size:48px}h3{font-size:16px}.topbar nav{gap:16px}}@media(max-width:800px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-head p{font-size:14px;max-width:300px}.hero{gap:4%;grid-template-columns:48% 1fr}.hero h1{font-size:40px}.hero p{font-size:15px}.topbar nav a:not(.cta){display:none}.hero-actions{gap:16px}.hero .cta{padding:8px 16px;font-size:12px}}@media(max-width:580px){.hero{grid-template-columns:1fr;padding-top:40px;gap:40px}.hero h1{font-size:45px}.hero-visual{padding-bottom:32px}.feature-grid{grid-template-columns:1fr}.chapter{padding-top:48px}.chapter-head{display:block}.chapter-head p{margin-top:16px}.footer{grid-template-columns:1fr 1fr}.legal{display:block}.legal span{display:block;margin-top:8px}.topbar{gap:16px}.brand{font-size:23px}}.status{white-space:normal;line-height:1.5}.page-grid.large{width:220px}.mini-page{min-width:0;flex:0 1 120px}.mini-page .page-grid{width:100%}@media(max-width:1050px){.page-grid.large{width:190px}.mini-page{padding:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cta:hover{transform:none}}.hero{grid-template-columns:42% minmax(0,1fr);gap:3%;overflow:hidden}.hero-visual{max-width:none;min-width:0;width:100%;margin:0}.hero-visual:before{inset:-20px;background:radial-gradient(ellipse,#8e9ec311,transparent 70%)}.binder-carousel{position:relative;width:100%;isolation:isolate}.binder-wheel{height:clamp(410px,62svh,620px);position:relative;perspective:1200px;touch-action:pan-y;cursor:grab;user-select:none}.binder-wheel.dragging{cursor:grabbing}.binder-slide{position:absolute;left:50%;top:50%;width:clamp(235px,24vw,340px);padding:16px;background:#232a36;border:1px solid #465167;border-radius:9px;appearance:none;cursor:inherit;box-shadow:0 18px 45px #0004;transform:translate(-50%,-50%);transform-origin:center;will-change:transform;opacity:0;pointer-events:none;color:inherit}.binder-slide[data-position="0"]{transform:translate(-50%,-50%);opacity:1;filter:none;z-index:5;pointer-events:auto}.binder-slide[data-position="-1"]{transform:translate(-112%,-50%) scale(.67) rotateY(24deg);opacity:.48;filter:brightness(.7);z-index:3;pointer-events:auto}.binder-slide[data-position="1"]{transform:translate(12%,-50%) scale(.67) rotateY(-24deg);opacity:.48;filter:brightness(.7);z-index:3;pointer-events:auto}.binder-slide[data-position="-2"]{transform:translate(-170%,-50%) scale(.4) rotateY(35deg);z-index:1}.binder-slide[data-position="2"],.binder-slide[data-position="3"]{transform:translate(70%,-50%) scale(.4) rotateY(-35deg);z-index:1}.binder-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.binder-slide:has(.cross-page){width:clamp(220px,20vw,280px)}.binder-pocket{aspect-ratio:245/337;min-width:0;background:#19222f;border-radius:4px;position:relative;overflow:hidden}.binder-pocket img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.binder-pocket.vacant{background:transparent;border:1px solid #38425260}.binder-image-fallback,.image-missing img{display:none}.image-missing .binder-image-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;font-size:11px;color:#c5d0e5}.binder-name{font-size:17px;letter-spacing:-.2px;font-weight:500;line-height:1.4}.binder-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:40px}.binder-controls button{appearance:none;color:#cbd6ec;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;min-width:32px;height:32px;border-radius:4px;font:inherit}.binder-controls button:hover{background:#333e52;color:#fff}.binder-controls button:focus-visible,.binder-slide:focus-visible{outline:2px solid #bdc8f7;outline-offset:4px}.binder-dots{display:flex;align-items:center;gap:8px}.binder-controls .binder-dot{min-width:18px;width:18px;height:28px;padding:0}.binder-dot:before{content:"";width:5px;height:5px;background:#65738e;border-radius:50%;transition:width .3s,background .3s}.binder-dot[aria-current=true]:before{width:16px;border-radius:5px;background:#c4cff5}@media(max-width:1050px){.hero{grid-template-columns:43% minmax(0,1fr);padding-left:4vw;padding-right:3vw}.binder-slide{width:250px}.binder-slide:has(.cross-page){width:215px}.binder-wheel{height:440px}}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:24px;padding-top:48px}.hero>div:first-child{max-width:600px}.hero-visual{padding-bottom:32px}.binder-wheel{height:430px}.binder-slide{width:280px}.binder-slide:has(.cross-page){width:225px}}.binder-slide{transition:none}@media(prefers-reduced-motion:reduce){.binder-slide,.binder-dot:before{transition:none!important}}#arrange .chapter-head{align-items:center;margin-bottom:40px}#arrange .chapter-head p{max-width:300px}#arrange-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}.arrange-demo{min-width:0}.arrange-stage{height:350px;background:#1d212b;border-radius:7px;position:relative;display:flex;align-items:center;justify-content:center;gap:24px;padding:32px 24px 48px;overflow:hidden}.arrange-stage .page-grid{width:190px;gap:8px}.arrange-stage .mini-page{flex:0 1 120px;padding:8px}.arrange-stage .mini-page .page-grid{width:100%;gap:8px}.arrange-tray{display:flex;flex-direction:column;align-items:center;gap:16px;width:65px;flex-shrink:0}.arrange-tray .card{width:59px}.arrange-tray>span{font-size:10px;color:#aebcd5}.arrange-stage .arrange-step{position:absolute;bottom:17px;left:20px;right:20px;text-align:center;color:#ced8eb;font-size:12px}.arrange-page-label{text-align:center;font-size:10px;color:#abbad4;margin-top:8px}.arrange-demo h3{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin:16px 0 8px}.arrange-demo p{font-size:14px;line-height:1.65;max-width:540px}.arrange-stage .arrange-selected{outline:2px solid #c5d2ff;outline-offset:3px}.arrange-stage .arrange-sort-grid{width:190px}.arrange-shortcuts{position:absolute;left:18px;top:14px;font-size:10px;color:#aebcd5;display:flex;gap:16px}.arrange-stage .arrange-float{position:absolute;z-index:8;pointer-events:none;box-shadow:0 7px 20px #0006}.arrange-page-row{display:flex;justify-content:center;align-items:center;gap:16px;max-width:100%;width:390px}.arrange-page-row .mini-page{min-width:0;flex:1}@media(min-width:1650px){.arrange-stage{height:390px}.arrange-stage>.page-grid{width:220px}}@media(max-width:1050px){.arrange-stage{height:330px;gap:16px}.arrange-stage .page-grid{width:175px}.arrange-demo h3{font-size:19px}}@media(max-width:700px){#arrange-features{grid-template-columns:1fr}.arrange-stage{height:330px}#arrange .chapter-head p{margin-top:16px}}.arrange-demo-cursor{position:absolute;left:20px;top:20px;z-index:15;opacity:0;pointer-events:none;filter:drop-shadow(0 2px 3px #0006)}.arrange-demo-cursor:before{content:"";position:absolute;width:28px;height:28px;left:-12px;top:-12px;border:2px solid #bdc8f7;border-radius:50%;opacity:0;transform:scale(.6);transition:opacity .15s,transform .35s}.arrange-demo-cursor.is-pressing:before{opacity:.85;transform:scale(1.2)}.arrange-demo-action{position:absolute;top:14px;left:18px;padding:8px;border:1px solid #52627e;border-radius:4px;font-size:10px;color:#bdcbe2}.arrange-demo-cursor svg{display:block}#arrange-features{display:block}.arrange-unified .arrange-stage{height:430px;gap:32px}.arrange-unified .arrange-stage>.page-grid{width:230px}.arrange-unified .arrange-page-row{width:560px}.arrange-unified .arrange-page-row .mini-page{flex:1;max-width:170px}.arrange-unified .arrange-stage>.mini-page{flex:0 1 190px;max-width:190px}.arrange-summaries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:24px}.arrange-summary{border-top:2px solid #364055;padding-top:16px;transition:border-color .3s}.arrange-summary.is-current{border-color:#bdc8f7}.arrange-summary h3{font-size:18px;margin:0 0 8px}.arrange-summary p{font-size:12px}@media(max-width:1000px){.arrange-summaries{grid-template-columns:1fr 1fr}.arrange-unified .arrange-stage{height:390px}.arrange-unified .arrange-stage>.page-grid{width:200px}}@media(max-width:580px){.arrange-summaries{grid-template-columns:1fr}.arrange-unified .arrange-stage{gap:16px}.arrange-unified .arrange-stage>.page-grid{width:185px}}.arrange-summary[role=button]{cursor:pointer;border-radius:4px;padding:16px 8px 8px;transition:border-color .25s,background .25s}.arrange-summary[role=button]:hover{background:#202633}.arrange-summary[role=button]:focus-visible{outline:2px solid #bdc8f7;outline-offset:4px}:root{--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--space-8: 64px;--page-gutter: 64px;--section-space: 64px}.topbar{padding:0 var(--page-gutter);gap:32px}.topbar nav{gap:24px}.hero,.chapter,.closing,.footer{padding:var(--section-space) var(--page-gutter)}.hero{gap:64px}.hero-actions{gap:24px;margin-top:32px}.hero p{margin-top:24px}.chapter-head,#arrange .chapter-head{gap:32px;margin-bottom:32px}.chapter-head .eyebrow{margin-bottom:16px}.feature-grid{gap:32px}.arrange-summaries{gap:32px;margin-top:32px}.arrange-summary[role=button]{padding:16px}.arrange-summary h3{margin:0 0 8px}.arrange-unified .arrange-stage{gap:32px;padding:32px 32px 48px}.binder-controls{gap:24px;margin-top:40px}.binder-page,.binder-dots{gap:8px}.closing h2{margin-bottom:32px}.footer{gap:32px}.footer h3{margin-bottom:16px}.footer p{margin-top:16px}.legal{gap:32px;margin-top:16px;padding-top:24px}@media(max-width:1050px){:root{--page-gutter: 48px;--section-space: 64px}.hero{gap:32px}.topbar nav{gap:16px}}@media(max-width:800px){:root{--page-gutter: 32px;--section-space: 48px}.hero{gap:32px}}@media(max-width:580px){:root{--page-gutter: 24px;--section-space: 48px}.arrange-unified .arrange-stage{gap:16px;padding:24px 16px 48px}}#arrange{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,2fr);grid-template-rows:auto 1fr;column-gap:64px;row-gap:32px;align-items:start}#arrange .chapter-head{grid-column:1;grid-row:1;display:block;margin:0}#arrange .chapter-head h2{font-size:clamp(36px,3.2vw,56px);max-width:400px}#arrange-features,#arrange .arrange-unified{display:contents}#arrange .arrange-summaries{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:0;margin:0}#arrange .arrange-summary[role=button]{border-top:0;border-left:2px solid #364055;border-radius:0;padding:16px 0 16px 24px;background:transparent}#arrange .arrange-summary[role=button]:hover{background:transparent;border-left-color:#8598ba}#arrange .arrange-summary.is-current{border-left-color:#bdc8f7}#arrange .arrange-summary h3{font-size:18px;margin:0 0 8px;color:#b0b8c9}#arrange .arrange-summary.is-current h3{color:#f0f2f8}#arrange .arrange-summary p{font-size:13px;max-width:360px}#arrange .arrange-stage{grid-column:2;grid-row:1 / span 2;align-self:center;height:560px;min-width:0;border:0;padding:32px 0 48px;gap:32px}#arrange .arrange-stage>.page-grid{width:280px}#arrange .arrange-tray .card{width:72px}#arrange .arrange-page-row{width:600px;gap:16px}#arrange .arrange-page-row .mini-page{max-width:184px}#arrange .arrange-stage>.mini-page{flex:0 1 208px;max-width:208px}#arrange .arrange-shortcuts,#arrange .arrange-demo-action{left:32px;top:16px}@media(max-width:1050px){#arrange{column-gap:32px;grid-template-columns:minmax(240px,1fr) minmax(0,1.5fr)}#arrange .arrange-stage{height:520px;gap:24px}#arrange .arrange-stage>.page-grid{width:224px}#arrange .arrange-page-row{gap:8px}#arrange .arrange-page-row .mini-page{padding:8px}#arrange .arrange-stage>.mini-page{flex-basis:160px;max-width:160px}}@media(max-width:760px){#arrange{display:block}#arrange .chapter-head{margin-bottom:32px}#arrange .arrange-unified{display:flex;flex-direction:column}#arrange .arrange-stage{width:100%;height:440px}#arrange .arrange-summaries{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-top:32px}#arrange .arrange-summary[role=button]{padding:16px}}@media(max-width:580px){#arrange .arrange-summaries{grid-template-columns:1fr}}#arrange .arrange-stage{background:var(--surface);border-radius:8px}#customize{grid-template-columns:minmax(280px,1fr) minmax(0,2fr);grid-template-rows:auto 1fr;column-gap:64px;row-gap:32px;align-items:start}#customize .chapter-head{grid-column:1;grid-row:1;display:block;margin:0}@media(max-width:1050px){#customize{column-gap:32px;grid-template-columns:minmax(240px,1fr) minmax(0,1.5fr)}}@media(max-width:760px){#customize{display:flex;flex-direction:column;gap:32px}#customize-features{display:flex;flex-direction:column;gap:32px;width:100%}}#customize{display:block}#customize .chapter-head{text-align:center;margin:0 0 32px}#customize .chapter-head h2{font-size:clamp(36px,3.2vw,56px)}#customize-features{flex-direction:column}#customize .chapter-head{text-align:left}#customize-features{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch}@media(max-width:1050px){#customize-features{grid-template-columns:1fr 1fr;gap:24px}}@media(max-width:800px){#customize-features{flex-direction:column;gap:24px}}#customize .chapter-head h2{max-width:720px}#customize-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}#customize .customize-tile{min-width:0;background:var(--surface);display:flex;flex-direction:column}#customize .customize-tile-copy{padding:32px 32px 0}#customize .customize-tile-copy h3{font-weight:500;letter-spacing:-.5px}#customize .customize-tile-copy p{line-height:1.6}#customize .customize-tile:nth-child(2),#customize .customize-tile:nth-child(5){background:#202532}#customize .customize-tile:nth-child(3){background:#1c282b}@media(max-width:1050px){#customize .customize-tile-copy{padding:24px 24px 0}#customize .customize-tile-copy h3{font-size:22px}}@media(max-width:800px){#customize-features{display:grid;grid-template-columns:1fr}}#customize{min-height:0}#customize .chapter-head{margin-bottom:32px}#customize-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}#customize .customize-tile{background:transparent!important;border:0;border-radius:0;overflow:visible}#customize .customize-tile-copy{padding:0 0 16px}#customize .customize-tile-copy h3{font-size:20px;margin-bottom:8px}#customize .customize-tile-copy p{font-size:12px;max-width:320px}@media(max-width:1050px){#customize-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){#customize-features{grid-template-columns:1fr}}#discover{min-height:0}#discover .chapter-head{margin-bottom:32px}#discover-features{display:flex;flex-direction:column;gap:24px}.discover-studio{position:relative;border-radius:8px;background:var(--surface);padding:32px 48px;display:flex;flex-direction:column;gap:24px}.discover-controls{display:grid;grid-template-columns:1.2fr 1fr;gap:16px 32px;align-items:end}.discover-search-label,.discover-filters label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px}.discover-search,.discover-filters select{width:100%;padding:16px;background:#252e3d;border:1px solid #4a5870;color:var(--ink);border-radius:8px;font:inherit;font-size:14px;min-width:0}.discover-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px}.discover-palette{grid-column:1/-1;display:flex;align-items:center;gap:16px;color:var(--muted);font-size:12px}.discover-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start;min-height:264px;max-width:720px;width:100%;margin:0 auto}.discover-card{min-width:0;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--ink)}.discover-card img{width:100%;aspect-ratio:245/337;object-fit:contain;border-radius:8px}.discover-card small{font-size:10px;color:var(--muted)}.discover-note{font-size:12px;text-align:center;min-height:24px}.discover-empty{grid-column:1/-1;text-align:center;padding:64px 16px}.discover-summaries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.discover-summary{border:0;border-top:2px solid #364055;background:transparent;text-align:left;color:var(--muted);padding:16px;font:inherit;cursor:pointer}.discover-summary h3{font-size:18px;margin-bottom:8px}.discover-summary p{font-size:13px}.discover-summary.is-current{border-color:var(--accent)}.discover-studio input:focus-visible,.discover-studio select:focus-visible,.discover-studio button:focus-visible,.discover-summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.discover-cursor{position:absolute;pointer-events:none;opacity:0;z-index:4;filter:drop-shadow(0 2px 4px #0006)}@media(max-width:800px){.discover-studio{padding:24px}.discover-controls{grid-template-columns:1fr}.discover-results{gap:16px;min-height:216px}.discover-palette{flex-wrap:wrap}.discover-summaries{gap:16px}}@media(max-width:580px){.discover-results{grid-template-columns:repeat(2,minmax(0,1fr));max-width:320px}.discover-summaries{grid-template-columns:1fr}.discover-search,.discover-filters select{padding:8px}.discover-studio{padding:24px 16px}}.discover-palette{flex-wrap:wrap}.discover-color-tools{display:flex;align-items:center;gap:16px}.discover-picker-label,.discover-hue-label{display:flex;align-items:center;gap:8px;font-size:11px}.discover-picker{appearance:none;width:32px;height:32px;padding:0;border:1px solid #62718c;border-radius:8px;background:transparent;cursor:pointer;overflow:hidden}.discover-picker::-webkit-color-swatch-wrapper{padding:0}.discover-picker::-webkit-color-swatch{border:0;border-radius:6px}.discover-hue{appearance:none;width:176px;height:8px;border-radius:8px;background:linear-gradient(to right,#ce6262,#caca62,#62ca62,#62caca,#6262ca,#ca62ca,#ce6262);cursor:pointer}.discover-hue::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border:2px solid #edf0f8;border-radius:50%;background:#252e3d;box-shadow:0 0 0 1px #121723}.discover-hue::-moz-range-thumb{width:12px;height:12px;border:2px solid #edf0f8;border-radius:50%;background:#252e3d}.discover-hex{font-size:11px;font-family:Consolas,monospace;color:var(--muted);min-width:64px}@media(max-width:580px){.discover-color-tools{flex-wrap:wrap;gap:8px}.discover-hue{width:128px}}.discover-sample-note{font-size:11px;color:#94a1b7;text-align:center;margin-top:-16px}#collect,#share{min-height:0}#collect .chapter-head,#share .chapter-head{margin-bottom:32px}#collect-features,#share-features{display:block}.cs-card{min-width:0;overflow:hidden;border-radius:4px;aspect-ratio:245/337}.cs-card img{width:100%;height:100%;object-fit:contain;display:block}.cs-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.collection-dashboard{background:var(--surface);border-radius:8px;padding:32px;position:relative}.collection-top{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);padding-bottom:24px;border-bottom:1px solid #354055}.collection-top>span:first-child{font-size:16px;color:var(--ink)}.collection-body{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center;padding:32px 0}.collection-cards{display:flex;gap:24px;justify-content:center}.collection-item{width:144px;min-width:0;text-align:center}.collection-item .cs-card{transition:opacity .8s,filter .8s}.collection-item.is-missing .cs-card{opacity:.25;filter:grayscale(1)}.collection-state{display:inline-block;color:#cad5ea;font-size:12px;margin-top:16px}.is-wanted .collection-state{color:#bdc8f7}.collection-metrics{display:flex;flex-direction:column;gap:32px}.collection-metrics h3{font-size:16px;margin-bottom:8px}.collection-count,.collection-amount{font-size:40px;line-height:1.2;letter-spacing:-1px;font-weight:500}.collection-metrics p{font-size:12px;margin-top:8px}.collection-bar{height:8px;border-radius:8px;background:#344057;overflow:hidden;margin-top:16px;max-width:320px}.collection-bar span{display:block;height:100%;background:#bdc8f7;transition:width 1s}.collection-value{border-top:1px solid #354055;padding-top:24px}.collection-value small{display:block;font-size:10px;color:#94a1b7;margin-top:8px}.collection-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #354055;padding-top:24px}.collection-footer h3{font-size:18px;margin-bottom:8px}.collection-footer p{font-size:13px}.collection-mark{font:inherit;font-size:12px;border:1px solid #7988aa;background:#bdc8f70a;border-radius:8px;padding:16px;color:var(--ink);cursor:pointer}.collection-mark:disabled{opacity:.6;cursor:default}.collection-mark:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.cs-pointer{position:absolute;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 4px #0008);z-index:5}.share-journey{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:center}.share-public-description{font-size:24px;font-weight:500;max-width:200px;letter-spacing:-.5px;line-height:1.2}@media(max-width:1050px){.collection-body{gap:32px}.collection-cards{gap:16px}.collection-item{width:112px}.share-journey{gap:32px}.share-public-description{font-size:20px}}@media(max-width:800px){.collection-dashboard{padding:24px}.collection-body{grid-template-columns:1fr;gap:32px}.collection-metrics{display:grid;grid-template-columns:1fr 1fr;gap:24px}.collection-value{border:0;padding:0}.collection-count,.collection-amount{font-size:32px}.share-journey{grid-template-columns:1fr}}@media(max-width:580px){.collection-top{flex-direction:column;gap:8px}.collection-footer{flex-direction:column;align-items:start;gap:16px}.collection-cards,.collection-metrics{gap:16px}.collection-count,.collection-amount{font-size:28px}.share-public-description{font-size:18px}}.landing-faq{padding:64px var(--page-gutter, 64px);border-top:1px solid #303646}.landing-faq h2{font-size:32px;letter-spacing:-1px;margin-bottom:32px}.faq-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.faq-answers h3{font-size:16px;margin-bottom:16px;line-height:1.4}.faq-answers p{font-size:13px;line-height:1.7;max-width:360px}.compact-footer{grid-template-columns:1.4fr 1fr 1fr;gap:32px}.footer-explore{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;max-width:240px}.compact-footer .footer-explore a{margin:0}.compact-footer .legal a{display:inline!important;margin:0!important;text-decoration:underline;text-underline-offset:4px}@media(max-width:1050px){.landing-faq{padding-left:48px;padding-right:48px}}@media(max-width:800px){.landing-faq{padding-left:32px;padding-right:32px}.faq-answers{grid-template-columns:1fr;gap:24px}.faq-answers p{max-width:560px}.compact-footer{grid-template-columns:1fr 1fr}.compact-footer>div:first-child{grid-column:1/-1}}@media(max-width:580px){.landing-faq{padding:48px 24px}.landing-faq h2{font-size:28px}.footer-explore{grid-template-columns:1fr}}html{color-scheme:light;--bg: #f5f7fa;--surface: #fff;--soft: #eef1f6;--ink: #242833;--muted: #596273;--line: #e2e6ed;--accent: #c94b58;--lavender: #b8afe0;--paper-shadow: 0 12px 32px #27384f0a}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,Arial,sans-serif;line-height:1.6}h1,h2{font-family:Trebuchet MS,Segoe UI,sans-serif;font-weight:600;letter-spacing:-1.2px;line-height:1.12}h3{font-weight:600;letter-spacing:-.3px}.topbar{background:#f5f7faee;border-bottom-color:var(--line)}.topbar nav{color:var(--muted)}.brand{color:var(--ink)}.cta{background:var(--accent);color:#fff;border-radius:8px;box-shadow:0 4px 12px #c94b5818}.cta:hover{background:#b83b49}.hero h1 span{color:var(--accent)}.hero .text-link{color:var(--muted);border-color:#bac1cf}.hero-visual:before{background:radial-gradient(ellipse,#b8afe022,transparent 70%)}.chapter,.closing{border-color:var(--line)}.card,.cs-card{background:#eef1f6;box-shadow:0 4px 12px #25364b14}.binder-slide{background:#fff;border:1px solid #e2e6ed;border-radius:16px;box-shadow:0 20px 48px #25364b18;padding:16px;width:clamp(240px,25vw,360px)}.binder-page{background:transparent}.binder-pocket{background:#edf0f5;border-color:#dce1e9}.binder-controls button:hover{background:#e9edf4}.binder-pocket.vacant{border-color:#dbe1eb}.binder-slide:focus-visible,.binder-controls button:focus-visible{outline-color:var(--accent)}.binder-dots button{background:#c4cad7}.binder-dots button.is-active,.binder-dots button[aria-current=true]{background:var(--lavender)}.pocket{background:#f0f3f8}.mini-page{background:#f0f3f8;border-color:#dae0e9;border-radius:8px}.mini-page span,.arrange-page-label{color:var(--muted)}#arrange .arrange-stage{background:#fff;box-shadow:var(--paper-shadow);border-radius:16px}#arrange .arrange-summary[role=button]{border-left-color:#e0e4ec}#arrange .arrange-summary.is-current{border-left-color:var(--lavender)}#arrange .arrange-summary h3{color:#667084}#arrange .arrange-summary.is-current h3{color:var(--ink)}.arrange-stage .arrange-step,.arrange-shortcuts,.arrange-tray>span,.arrange-demo-action{color:var(--muted)}.arrange-demo-action{background:#f2f4f9;border-color:#dce1eb}.arrange-demo-cursor:before{border-color:var(--lavender)}#customize .customize-tile-copy h3{color:var(--ink)}.discover-studio{background:transparent;padding-left:0;padding-right:0;box-shadow:none}.discover-search,.discover-filters select{background:#fff;color:var(--ink);border-color:#dce2ec;border-radius:8px}.discover-search::placeholder{color:#8a93a3}.discover-results{max-width:800px;min-height:288px;gap:32px}.discover-card img{filter:drop-shadow(0 6px 10px #25364b12)}.discover-note{color:var(--muted)}.discover-summary{border-top-color:#e0e4ec}.discover-summary.is-current{border-color:var(--lavender)}.discover-summary.is-current h3{color:var(--ink)}.discover-sample-note{color:#707b8c}.discover-picker{border-color:#c7cfdd;background:#fff}.collection-dashboard{background:#fff;border-radius:16px;box-shadow:var(--paper-shadow)}.collection-top,.collection-footer,.collection-value{border-color:var(--line)}.collection-top>span:first-child{color:var(--ink)}.collection-state{color:var(--muted)}.is-wanted .collection-state{color:#786998}.collection-count{font-size:48px;color:var(--ink)}.collection-amount{font-size:26px;letter-spacing:-.5px;color:var(--muted)}.collection-value h3{color:var(--muted);font-size:14px}.collection-value small{color:#707b8c}.collection-bar{background:#edf0f6}.collection-bar span{background:var(--lavender)}.collection-mark{background:#f4f1fa}.collection-mark:hover:not(:disabled){background:#ebe5f5}.landing-faq{border-color:var(--line)}.footer{background:#edf1f6;border-color:var(--line);color:var(--muted)}.footer h3,.footer .brand{color:var(--ink)}.legal{border-color:#dce2ec;color:#667184}@media(max-width:800px){.discover-results{gap:16px;min-height:216px}.collection-count{font-size:40px}.collection-amount{font-size:24px}}@media(max-width:580px){.discover-results{max-width:320px}.collection-count{font-size:32px}.collection-amount{font-size:22px}}@media(prefers-reduced-motion:reduce){.card,.cs-card{transition:none}}.card,.cs-card,.binder-pocket:has(img),.discover-card img{border-radius:6px;box-shadow:0 4px 12px #25364b14}.card img,.cs-card img,.binder-pocket img,.discover-card img{object-fit:contain;aspect-ratio:245/337}.arrange-stage .pocket .card img{height:100%;aspect-ratio:auto}.binder-image-fallback,.fallback{color:#475166}.arrange-page-label,.arrange-tray>span,.arrange-shortcuts,.collection-value small,.discover-sample-note,.legal{color:#596273}.pocket{color:#5b6880;border-color:#8794ad}.collection-mark{color:#514664;border-color:#a79bbf}.collection-mark:disabled{opacity:1;background:#ece8f3;color:#514664}.discover-summary.is-current,#arrange .arrange-summary.is-current{border-color:#87769f}.arrange-stage .arrange-selected{outline-color:#77648f}:focus-visible{outline:2px solid #a73646!important;outline-offset:4px}.binder-controls{gap:16px;margin-top:32px}.binder-controls button{background:transparent!important;border:0!important;box-shadow:none!important;color:#657084;border-radius:50%}.binder-controls button:hover{color:#242833}.binder-controls .binder-dot{background:transparent!important;width:24px;min-width:24px;height:32px;padding:0}.binder-dot:before{width:4px;height:4px;background:#9ca6b8}.binder-dot[aria-current=true]:before{width:12px;height:4px;border-radius:4px;background:#78658f}.binder-dots{gap:0}main{overflow-anchor:none}.theme-control{display:flex;align-items:center;flex-shrink:0}.theme-control select{appearance:auto;font:inherit;font-size:12px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px;cursor:pointer;max-width:104px}html[data-theme=dark]{color-scheme:dark;--bg: #191a1f;--surface: #24262d;--soft: #2e313a;--ink: #eceef3;--muted: #b0b6c4;--line: #3a3e49;--accent: #e27381;--lavender: #b8afe0;--paper-shadow: 0 12px 32px #0002}html[data-theme=dark] body{background:var(--bg);color:var(--ink)}html[data-theme=dark] .topbar{background:#191a1fee}html[data-theme=dark] .cta{background:#c94b58;color:#fff}html[data-theme=dark] .cta:hover{background:#b83b49}html[data-theme=dark] .binder-slide{background:#292c34;border-color:#3c414e;box-shadow:0 20px 48px #0004}html[data-theme=dark] .binder-pocket{background:#22252c}html[data-theme=dark] .binder-pocket.vacant{border-color:#444957}html[data-theme=dark] .binder-controls button{color:#b0b6c4}html[data-theme=dark] .binder-controls button:hover{color:#eceef3;background:#30333b}html[data-theme=dark] .binder-dot:before{background:#788293}html[data-theme=dark] .binder-dot[aria-current=true]:before{background:#b8afe0}html[data-theme=dark] .card,html[data-theme=dark] .cs-card{background:#292d36;box-shadow:0 4px 12px #0003}html[data-theme=dark] .mini-page{background:#2c3039;border-color:#4b5262}html[data-theme=dark] #arrange .arrange-stage{background:var(--surface)}html[data-theme=dark] #arrange .arrange-summary[role=button]{border-left-color:#424653}html[data-theme=dark] #arrange .arrange-summary.is-current{border-left-color:#b8afe0}html[data-theme=dark] #arrange .arrange-summary h3{color:#b0b6c4}html[data-theme=dark] #arrange .arrange-summary.is-current h3{color:#eceef3}html[data-theme=dark] .arrange-demo-action{background:#2e323c;border-color:#515b6d}html[data-theme=dark] .arrange-page-label,html[data-theme=dark] .arrange-tray>span,html[data-theme=dark] .arrange-shortcuts{color:#b0b6c4}html[data-theme=dark] .pocket{background:#2b303a;border-color:#7a869e;color:#c0c8d8}html[data-theme=dark] .discover-search,html[data-theme=dark] .discover-filters select{background:var(--surface);border-color:#515a6b;color:#eceef3}html[data-theme=dark] .discover-search::placeholder{color:#a3adbf}html[data-theme=dark] .discover-picker{border-color:#626d82;background:var(--surface)}html[data-theme=dark] .discover-summary{border-top-color:#414653}html[data-theme=dark] .discover-summary.is-current{border-color:#b8afe0}html[data-theme=dark] .discover-sample-note{color:#a4adbf}html[data-theme=dark] .collection-dashboard{background:var(--surface)}html[data-theme=dark] .collection-value small{color:#a4adbf}html[data-theme=dark] .collection-bar{background:#3a3e4a}html[data-theme=dark] .collection-mark{background:#383241;color:#e2dced;border-color:#9d8db8}html[data-theme=dark] .collection-mark:hover:not(:disabled){background:#484051}html[data-theme=dark] .collection-mark:disabled{background:#383241;color:#e2dced}html[data-theme=dark] .footer{background:#14151a}html[data-theme=dark] .legal{border-color:#343844;color:#b0b6c4}html[data-theme=dark] :focus-visible{outline-color:#f09aa4!important}html[data-theme=dark] .arrange-stage .arrange-selected{outline-color:#c5b8e2}@media(max-width:580px){.topbar nav{gap:8px}.theme-control select{font-size:11px;max-width:88px}.topbar .brand{font-size:20px;gap:8px}}.site-footer{padding:64px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;background:#edf1f6;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.site-footer .brand{display:flex;align-items:center;gap:16px;font-size:25px;font-weight:600;letter-spacing:-.8px;color:var(--ink)}.site-footer h3{margin:0 0 16px;font:600 12px/1.6 Segoe UI,Arial,sans-serif;letter-spacing:-.3px;color:var(--ink)}.site-footer p{margin-top:16px;font-size:12px;line-height:1.7}.site-footer a:not(.brand){display:block;margin-bottom:8px}.site-footer .footer-explore{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;max-width:240px}.site-footer .footer-explore a{margin:0}.site-footer .legal{grid-column:1 / -1;display:flex;justify-content:space-between;gap:32px;margin-top:16px;padding-top:24px;border-top:1px solid #dce2ec;font-size:10px;line-height:1.7;color:#596273}.site-footer .legal a{display:inline!important;margin:0!important;text-decoration:underline;text-underline-offset:4px}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}html[data-theme=dark] .site-footer{background:#14151a}html[data-theme=dark] .site-footer .legal{border-color:#343844;color:#b0b6c4}@media(max-width:1050px){.site-footer{padding-left:48px;padding-right:48px}}@media(max-width:800px){.site-footer{padding:48px 32px;grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1 / -1}}@media(max-width:580px){.site-footer{padding:48px 24px}.site-footer .footer-explore{grid-template-columns:1fr}.site-footer .legal{display:block}.site-footer .legal>span{display:block;margin-top:8px}}@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))}}html:has(.landing-page){overflow-x:hidden}@supports (overflow: clip){html:has(.landing-page){overflow-x:clip}}.landing-page{width:100%;min-width:0;margin-inline:0}.landing-page main,.landing-page main>section,.landing-page .topbar,.landing-page .site-footer{width:100%;min-width:0;max-width:100%}.landing-page main>section>*,.landing-page .chapter-head>*,.landing-page .arrange-unified,.landing-page .customize-tile,.landing-page .faq-answers>article{min-width:0}.landing-page #arrange{min-height:0}.landing-page #arrange .chapter-head{margin-bottom:24px}.landing-page #arrange .arrange-page-row{width:min(600px,100%);min-width:0}.landing-page #arrange .arrange-page-row .mini-page{min-width:0;flex:1 1 0}.landing-page .binder-wheel{overflow:hidden}.landing-skip{position:fixed;top:8px;left:16px;z-index:100;padding:12px 16px;background:var(--surface);border:1px solid var(--accent);border-radius:8px;transform:translateY(-150%)}.landing-skip:focus{transform:none}.landing-menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;font:inherit;font-weight:600;cursor:pointer}.landing-menu-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.landing-menu-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.landing-menu-toggle[aria-expanded=true]{border-color:var(--accent)}.landing-menu-toggle[hidden],#landing-navigation[hidden]{display:none}@media(max-width:1100px){.landing-menu-toggle[aria-expanded=false]+#landing-navigation{display:none}.landing-page .topbar{position:relative;height:auto;min-height:72px;padding:12px var(--page-gutter);display:flex;flex-wrap:wrap;gap:12px}.landing-page .topbar .brand{margin-right:auto;min-height:44px}.landing-menu-toggle:not([hidden]){display:inline-flex}.landing-page .topbar nav{flex-basis:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px;border-top:1px solid var(--line)}.landing-page .topbar nav a:not(.cta){display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:8px}.landing-page .topbar nav a:hover{background:var(--soft)}.landing-page .topbar nav .cta{min-height:44px;justify-content:center;grid-column:1 / -1}.landing-page .theme-control{justify-self:stretch}.landing-page .theme-control select{width:100%;min-height:44px;font-size:16px}}@media(max-width:900px){.landing-page{--page-gutter: 32px;--section-space: 48px}.landing-page .hero{grid-template-columns:minmax(0,1fr);min-height:0;gap:32px;padding:48px var(--page-gutter)}.landing-page .hero>div:first-child{max-width:640px}.landing-page .hero h1{font-size:clamp(36px,6vw,56px)}.landing-page .hero p{font-size:16px;max-width:480px;margin-top:16px}.landing-page .hero-actions{margin-top:24px;flex-wrap:wrap;gap:16px}.landing-page .hero .cta{min-height:48px;font-size:14px;padding:12px 16px}.landing-page .hero .text-link{min-height:44px;display:inline-flex;align-items:center;padding:8px 0}.landing-page .hero-visual{padding:0;max-width:580px;margin:auto}.landing-page .binder-wheel{height:380px;overflow:hidden}.landing-page .binder-slide{width:240px}.landing-page .binder-slide:has(.cross-page){width:205px}.landing-page .binder-controls{gap:8px;margin-top:16px}.landing-page .binder-controls button{min-width:44px;height:44px}.landing-page .binder-controls .binder-dot{width:32px;min-width:32px;height:44px}.landing-page .chapter{min-height:0;padding:48px var(--page-gutter)}.landing-page .chapter-head{display:block;margin-bottom:24px}.landing-page .chapter-head h2,.landing-page #arrange .chapter-head h2,.landing-page #customize .chapter-head h2{font-size:clamp(28px,4.5vw,40px);line-height:1.2}.landing-page .chapter-head p{margin-top:16px;max-width:480px}.landing-page #arrange{display:block}.landing-page #arrange .arrange-unified{display:flex;flex-direction:column}.landing-page #arrange .arrange-stage{width:100%;height:400px;gap:16px;padding:48px 16px}.landing-page #arrange .arrange-summaries{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.landing-page #arrange .arrange-summary[role=button]{padding:16px;border:1px solid var(--line);border-radius:10px}.landing-page #arrange .arrange-summary.is-current{border-color:var(--accent);background:var(--surface)}.landing-page #arrange .arrange-summary h3{color:var(--ink);font-size:16px}.landing-page #customize-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.landing-page #customize .customize-tile-copy h3{font-size:18px}.landing-page #customize .customize-tile-copy p{font-size:14px;max-width:none}.landing-page .discover-studio{padding:24px}.landing-page .discover-controls{grid-template-columns:minmax(0,1fr)}.landing-page .discover-controls>*,.landing-page .discover-filters>*{min-width:0}.landing-page .discover-studio input:not([type=range]),.landing-page .discover-studio select{font-size:16px;min-height:44px}.landing-page .discover-search,.landing-page .discover-filters select{padding:12px 40px 12px 12px}.landing-page .discover-picker{width:44px}.landing-page .discover-color-tools{flex-wrap:wrap;min-width:0}.landing-page .discover-hue{height:44px;background-size:100% 8px;background-repeat:no-repeat;background-position:center}.landing-page .discover-summaries{grid-template-columns:1fr;gap:8px}.landing-page .discover-summary{padding:16px;border:1px solid var(--line);border-radius:10px}.landing-page .discover-summary.is-current{border-color:var(--accent)}.landing-page .collection-body{grid-template-columns:minmax(0,1fr);gap:24px}.landing-page .collection-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.landing-page .collection-value{border:0;padding:0}.landing-page .collection-footer{flex-wrap:wrap;gap:16px}.landing-page .share-journey{grid-template-columns:minmax(0,1fr);gap:24px}.landing-page .landing-faq{padding:48px var(--page-gutter)}.landing-page .faq-answers{grid-template-columns:1fr;gap:24px}.landing-page .closing{padding:48px var(--page-gutter)}.landing-page .closing h2{font-size:clamp(28px,4.5vw,40px)}.landing-page .site-footer{padding:48px var(--page-gutter)}}@media(max-width:600px){.landing-page{--page-gutter: 20px}.landing-page .topbar .brand{font-size:23px;gap:12px}.landing-page .topbar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-page .hero h1{font-size:clamp(34px,9.2vw,48px);letter-spacing:-1.2px}.landing-page .binder-wheel{height:336px}.landing-page .binder-slide{width:216px;padding:12px}.landing-page .binder-slide:has(.cross-page){width:184px}.landing-page .binder-controls{gap:4px}.landing-page .binder-controls .binder-dot{width:30px;min-width:30px}.landing-page #arrange .arrange-stage{height:360px;gap:12px}.landing-page #arrange .arrange-stage>.page-grid{width:176px;flex-shrink:0}.landing-page #arrange .arrange-tray .card{width:48px}.landing-page #arrange .arrange-page-row{width:100%;gap:8px}.landing-page #arrange .arrange-page-row .mini-page{min-width:0;padding:4px}.landing-page #arrange .arrange-stage>.mini-page{padding:4px}.landing-page #arrange .arrange-summaries{grid-template-columns:1fr;gap:8px}.landing-page #customize-features{grid-template-columns:minmax(0,1fr);gap:32px}.landing-page .discover-studio{padding:20px 16px}.landing-page .discover-filters{grid-template-columns:minmax(0,1fr)}.landing-page .discover-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:none}.landing-page .discover-palette{gap:12px}.landing-page .discover-color-tools{width:100%;gap:12px}.landing-page .discover-hue-label{width:100%}.landing-page .discover-hue{width:auto;flex:1;min-width:0}.landing-page .collection-dashboard{padding:20px 16px}.landing-page .collection-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-page .collection-item{width:auto}.landing-page .collection-state{font-size:12px;margin-top:8px}.landing-page .collection-count,.landing-page .collection-amount{font-size:26px}.landing-page .site-footer{grid-template-columns:minmax(0,1fr);gap:24px;font-size:14px}.landing-page .site-footer .footer-explore{grid-template-columns:1fr 1fr;max-width:none;gap:0 16px}.landing-page .site-footer a:not(.brand){min-height:44px;display:flex;align-items:center;margin:0}.landing-page .site-footer .legal{display:flex;flex-direction:column;gap:16px;font-size:12px;overflow-wrap:anywhere}.landing-page .site-footer .legal>span{margin:0}}@media(prefers-reduced-motion:reduce){.landing-page{scroll-behavior:auto}}@media(min-width:901px)and (max-width:1100px){.landing-page{--page-gutter: 32px}.landing-page .hero{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:48px var(--page-gutter)}.landing-page .hero h1{font-size:clamp(40px,4.5vw,50px)}.landing-page .hero-visual{min-width:0}.landing-page .binder-wheel{height:420px}.landing-page #arrange{display:block;padding:48px var(--page-gutter)}.landing-page #arrange .chapter-head{margin-bottom:24px}.landing-page #arrange .arrange-unified{display:flex;flex-direction:column}.landing-page #arrange .arrange-stage{width:100%;height:440px;padding:48px 24px;gap:24px;align-self:auto}.landing-page #arrange .arrange-summaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin-top:24px}.landing-page #arrange .arrange-summary[role=button]{padding:16px;border:1px solid var(--line);border-radius:10px}.landing-page #arrange .arrange-summary.is-current{border-color:var(--accent);background:var(--surface)}.landing-page #arrange .arrange-summary h3{color:var(--ink)}.landing-page .chapter,.landing-page .landing-faq,.landing-page .closing,.landing-page .site-footer{padding-inline:var(--page-gutter)}}@media(max-width:900px){.landing-page #arrange .arrange-stage>.mini-page{flex:0 1 160px;max-width:160px}.landing-page #arrange .arrange-page-row{width:min(560px,100%)}}@media(max-width:600px){.landing-page #arrange .arrange-stage>.mini-page{flex-basis:104px;max-width:104px}.landing-page #arrange .arrange-tray{width:56px}.landing-page #arrange .arrange-demo-action,.landing-page #arrange .arrange-shortcuts{left:16px;max-width:calc(100% - 32px)}.landing-page .theme-control select{max-width:none}}.showcase-icon{display:inline-grid;place-items:center;width:28px;height:28px;flex-shrink:0;color:var(--accent)}.showcase-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.showcase-badge{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;line-height:1.5;width:fit-content}.showcase-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.landing-page .collection-dashboard{padding:0;border:0;border-radius:0;background:none;box-shadow:none}.landing-page .collection-top{align-items:center;padding:0;border:0;flex-wrap:wrap}.landing-page .collection-set{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:600}.landing-page .collection-body{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);padding:48px 0}.landing-page .collection-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(12px,2vw,28px);padding:36px 12px;background:none;min-height:320px;isolation:isolate}.landing-page .collection-item{width:100%;max-width:180px;margin:auto;transition:transform .6s cubic-bezier(.22,1,.36,1)}.landing-page .collection-item:first-child{transform:rotate(-8deg) translateY(14px)}.landing-page .collection-item:last-child{transform:rotate(8deg) translateY(14px)}.landing-page .collection-item .cs-card{box-shadow:0 16px 28px #00000020;border-radius:8px}.landing-page .collection-item.is-missing .cs-card{opacity:.45}.landing-page .collection-state{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-size:12px;font-weight:600;color:var(--muted)}.landing-page .collection-state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.landing-page .collection-item.is-wanted .collection-state{color:var(--accent)}.landing-page .collection-item:not(.is-missing):not(.is-wanted) .collection-state{color:#47886b}.landing-page .collection-metrics{display:grid;grid-template-columns:1fr;gap:36px}.landing-page .collection-progress,.landing-page .collection-value{padding:0;border:0;background:none}.landing-page .collection-metrics h3{font-size:16px;font-weight:500;margin-bottom:12px;color:var(--muted)}.landing-page .collection-count,.landing-page .collection-amount{display:block;color:var(--ink);font-weight:600;letter-spacing:-1.8px;font-variant-numeric:tabular-nums}.landing-page .collection-count{font-size:clamp(36px,4vw,56px)}.landing-page .collection-amount{font-size:clamp(30px,3vw,40px)}.landing-page .collection-bar{height:5px;margin-top:20px;background:var(--soft);max-width:100%}.landing-page .collection-bar span{border-radius:inherit;background:linear-gradient(90deg,#9b88cf,var(--accent))}.landing-page .collection-value small{font-size:12px;color:var(--muted);line-height:1.6}.landing-page .collection-footer{gap:24px;padding:12px 0 0;border:0;flex-wrap:wrap}.landing-page .collection-footer h3{font-size:18px}.landing-page .collection-mark{min-height:48px;font-size:14px;font-weight:600;padding:12px 20px;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:12px;flex-shrink:0}.landing-page .collection-mark:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.landing-page .collection-mark:disabled{opacity:1;background:var(--soft);color:var(--muted);border-color:transparent}@media(hover:hover)and (prefers-reduced-motion:no-preference){.landing-page .collection-item:hover{transform:translateY(-8px) rotate(0)}}@media(max-width:1050px){.landing-page .collection-body{gap:32px}}@media(max-width:900px){.landing-page .collection-body{grid-template-columns:minmax(0,1fr);padding:32px 0}.landing-page .collection-cards{max-width:620px;width:100%;margin:auto}.landing-page .collection-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}@media(max-width:600px){.landing-page .collection-top{gap:12px}.landing-page .collection-set{font-size:16px}.landing-page .collection-cards{gap:12px;padding:24px 8px;min-height:0}.landing-page .collection-state{font-size:11px}.landing-page .collection-metrics{grid-template-columns:minmax(0,1fr);gap:28px}.landing-page .collection-footer{flex-direction:column;align-items:stretch}.landing-page .collection-mark{width:100%;white-space:normal}}@media(min-width:601px)and (max-width:900px){.landing-page #customize .customize-tile{display:grid;grid-template-rows:104px 500px;align-content:start}.landing-page #customize .customize-tile-copy{padding-bottom:16px}.landing-page #customize .customize-tile:last-child{grid-column:1 / -1;grid-template-rows:auto 360px}}.landing-page main>section:is(#arrange,#customize,#discover,#collect,#share,.landing-faq,.closing){border-block:0;min-height:0;padding-block:clamp(80px,8vw,136px)}.landing-page .site-footer{border-top:0}.landing-enter-pending{opacity:0}@media(max-width:600px){.landing-page main>section:is(#arrange,#customize,#discover,#collect,#share,.landing-faq,.closing){padding-block:64px}}@media(prefers-reduced-motion:reduce){.landing-enter-pending{opacity:1}}html:has(.landing-page){scroll-padding-top:80px}.landing-page main>section:is(#discover,#collect,#share,.landing-faq,.closing){padding-block:36px;scroll-margin-top:0}.landing-page :is(#discover,#collect,#share) .chapter-head{margin-bottom:24px;gap:24px}.landing-page :is(#discover,#collect,#share) h2{font-size:clamp(28px,3vw,42px);line-height:1.15}.landing-page #discover-features{gap:16px}.landing-page .discover-studio{padding:20px 24px;gap:16px}.landing-page .discover-controls{gap:12px 24px}.landing-page .discover-results{max-width:640px;min-height:244px;gap:16px}.landing-page .discover-note{min-height:18px}.landing-page .discover-sample-note{margin:0;font-size:11px}.landing-page .discover-summaries{gap:16px}.landing-page .discover-summary{padding:10px 12px}.landing-page .discover-summary h3{font-size:16px;margin-bottom:4px}.landing-page .collection-body{padding:20px 0;gap:40px}.landing-page .collection-cards{padding:20px 12px;min-height:240px}.landing-page .collection-item{max-width:140px}.landing-page .collection-metrics{gap:20px}.landing-page .collection-count{font-size:42px}.landing-page .collection-amount{font-size:32px}.landing-page .collection-metrics h3{margin-bottom:8px}.landing-page .collection-bar,.landing-page .collection-state{margin-top:12px}.landing-page .collection-footer{padding-top:8px}html[data-theme=dark] .landing-page .collection-dashboard{background:none}html[data-theme=dark] .landing-page .collection-mark{background:var(--accent);color:#fff;border-color:var(--accent)}html[data-theme=dark] .landing-page .collection-mark:disabled{background:var(--soft);color:var(--muted);border-color:transparent}.landing-page .share-journey{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:48px}.landing-page .share-spread{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:440px;min-height:300px;align-items:center;margin:auto;padding:12px;transform:rotate(-3deg)}.landing-page .share-spread:before{content:"";position:absolute;inset:-8%;z-index:-1;background:radial-gradient(ellipse,#b8afe024,transparent 70%);pointer-events:none}.landing-page .share-spread .cs-page{padding:10px;gap:5px;background:var(--surface);border:1px solid var(--line);border-radius:12px 4px 4px 12px;box-shadow:0 12px 28px #00000020}.landing-page .share-spread .cs-page:last-child{border-radius:4px 12px 12px 4px}.landing-page .share-spread.is-single{grid-template-columns:minmax(0,204px);justify-content:center}.landing-page .share-spread .cs-page[hidden]{display:none}.landing-page .share-viewer-copy{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-width:0;max-width:400px}.landing-page .share-public-description{font-size:clamp(22px,2.5vw,30px);line-height:1.2;letter-spacing:-.7px;color:var(--ink);max-width:none}.landing-page .share-viewer-copy p{font-size:14px;line-height:1.6}.landing-page .share-view-modes{display:flex;gap:8px}.landing-page .share-view-modes button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.landing-page .share-view-modes button[aria-pressed=true]{background:var(--surface);border-color:var(--accent)}.landing-page .share-view-modes button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.landing-page .share-open{padding:12px 20px;min-height:44px;font-size:14px}.landing-page .landing-faq{grid-template-columns:minmax(180px,.65fr) minmax(0,2fr);align-items:start;gap:32px}.landing-page .landing-faq h2{font-size:26px;margin:0}.landing-page .faq-answers{gap:24px}.landing-page .faq-answers h3{font-size:14px;margin-bottom:8px}.landing-page .faq-answers p{font-size:13px}.landing-page .closing{display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left}.landing-page .closing h2{font-size:clamp(26px,3vw,40px);margin:0}.landing-page .site-footer{padding-block:32px 24px;gap:24px}.landing-page .site-footer .legal{margin-top:0;padding-top:20px}@media(min-width:1101px)and (max-height:800px){.landing-page .discover-studio{padding:16px 24px;gap:12px}.landing-page .share-spread{max-width:380px;min-height:260px}}@media(max-width:900px){.landing-page .share-journey{gap:24px}.landing-page .share-spread{min-height:240px;padding:8px}.landing-page .landing-faq{grid-template-columns:minmax(0,1fr);gap:20px}}@media(max-width:600px){.landing-page main>section:is(#discover,#collect,#share,.landing-faq,.closing){padding-block:28px;scroll-margin-top:0}.landing-page .discover-studio{padding:16px}.landing-page .discover-results{min-height:0}.landing-page .collection-body{gap:20px}.landing-page .collection-cards{min-height:0}.landing-page .collection-metrics{grid-template-columns:minmax(0,1fr);gap:20px}.landing-page .collection-count{font-size:36px}.landing-page .share-journey{grid-template-columns:minmax(0,1fr);gap:20px}.landing-page .share-spread{max-width:340px;min-height:230px}.landing-page .share-spread.is-single{grid-template-columns:minmax(0,155px)}.landing-page .share-viewer-copy{gap:12px;max-width:none}.landing-page .closing{flex-direction:column;align-items:flex-start;gap:16px}.landing-page .site-footer{padding-block:28px 20px}}@media(max-width:1100px){html:has(.landing-page){scroll-padding-top:16px}}.landing-page .landing-future{color:var(--muted);font-size:11px;font-weight:500;line-height:1.5;white-space:nowrap}.landing-page .collection-metrics h3{display:flex;align-items:center;flex-wrap:wrap;gap:8px}@media(max-width:1100px){.landing-page main>section:is(#discover,#collect,#share){padding-block:48px}}.landing-page .section-upcoming{margin-top:20px;color:var(--muted);font-size:13px;line-height:1.7}.landing-page .section-upcoming strong{font-weight:600;color:var(--ink);margin-right:8px}.landing-page .section-upcoming a{display:inline-block;margin-left:12px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.landing-page .section-upcoming a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.landing-page .landing-coming-soon{padding:48px var(--page-gutter);scroll-margin-top:0}.landing-page .site-footer>div:nth-child(3)>a{display:block;margin-bottom:8px}@media(min-width:1101px)and (max-height:800px){.landing-page main>section:is(#discover,#collect,#share){padding-block:16px}.landing-page .section-upcoming{margin-top:16px;font-size:12px}}@media(max-width:600px){.landing-page .landing-coming-soon{padding-block:40px}.landing-page .section-upcoming a{margin-left:0;display:block;padding-block:8px}}.landing-page .landing-faq{display:block}.landing-page .landing-faq+.landing-coming-soon{margin-top:24px}@media(max-width:600px){.landing-page #share .share-viewer-copy .section-upcoming{margin-top:24px}.landing-page .landing-faq+.landing-coming-soon{margin-top:16px}}.landing-page .support-heading p{color:var(--muted);font-size:14px;line-height:1.6;margin-top:12px}.landing-page .faq-question:last-child{border-bottom:0}.landing-page .faq-question>summary,.landing-page .roadmap-category>summary{display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;min-height:64px;padding:16px 0;color:var(--ink)}.landing-page :is(.faq-question,.roadmap-category)>summary::-webkit-details-marker{display:none}.landing-page :is(.faq-question,.roadmap-category)>summary:after{content:"";flex-shrink:0;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:auto;margin-right:4px;transition:transform .2s}.landing-page :is(.faq-question,.roadmap-category)[open]>summary:after{transform:rotate(225deg)}.landing-page :is(.faq-question,.roadmap-category)>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.landing-page .faq-question>summary{font-size:16px;font-weight:500}.landing-page .faq-question>p{padding:0 32px 20px 0;max-width:65ch;font-size:14px;color:var(--muted);line-height:1.7}.landing-page .roadmap-category{min-width:0;border-bottom:1px solid var(--line)}.landing-page .support-icon{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}.landing-page .roadmap-category-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.landing-page .roadmap-category-copy h3{font-size:16px;margin:0}.landing-page .roadmap-category-copy>span{color:var(--muted);font-size:12px;line-height:1.5}.landing-page .roadmap-category ul{padding:0 20px 20px 40px;gap:10px}.landing-page .roadmap-category li{position:relative}.landing-page .roadmap-category li:before{content:"\b7";position:absolute;left:-12px;color:var(--muted)}@media(max-width:600px){.landing-page .faq-question>summary{font-size:14px}.landing-page .support-heading p{font-size:13px}}@media(prefers-reduced-motion:reduce){.landing-page :is(.faq-question,.roadmap-category)>summary:after{transition:none}}html:has(.landing-page){overflow-anchor:none}@media(max-width:600px){.landing-page .share-spread:before{inset:0}}.landing-page main>section:is(.landing-faq,.landing-coming-soon,.closing){padding-block:56px}.landing-page .landing-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:start;gap:64px;background:var(--surface)}.landing-page .support-heading h2{font-size:clamp(26px,2.5vw,34px);line-height:1.2;margin:0}.landing-page .support-heading p{margin-top:12px}.landing-page .faq-answers{display:block;width:100%;max-width:none}.landing-page .faq-question{border-bottom:1px solid var(--line)}.landing-page .faq-question:last-child{border-bottom:1px solid var(--line)}.landing-page .faq-question>summary{padding:20px 16px;min-height:64px;transition:background .2s}.landing-page .faq-question>summary:after{content:"+";border:0;width:20px;height:20px;font-size:24px;line-height:20px;text-align:center;transform:none}.landing-page .faq-question[open]>summary:after{content:"\2212";transform:none}.landing-page .faq-question>p{padding:0 48px 24px 16px}.landing-page .faq-question>summary:hover{background:var(--soft)}.landing-page .landing-faq+.landing-coming-soon{margin-top:0}.landing-page .future-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px;align-items:start}.landing-page .future-card{padding:24px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:transform .25s,box-shadow .25s}.landing-page .future-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.landing-page .future-card-top .support-icon{width:28px;height:28px;color:var(--ink)}.landing-page .planned-badge{color:var(--accent);font-size:11px;font-weight:700;border:1px solid var(--accent);border-radius:999px;padding:4px 10px}.landing-page .future-card>h3{font-size:20px;line-height:1.3;margin-bottom:8px;color:var(--ink)}.landing-page .future-card>p{font-size:13px;line-height:1.6;color:var(--muted);min-height:42px}.landing-page .future-card-details{margin-top:20px}.landing-page .future-card-details .roadmap-category{border-bottom:1px solid var(--line)}.landing-page .future-card-details .roadmap-category:last-child{border:0}.landing-page .future-card-details .roadmap-category>summary{gap:10px;min-height:52px;padding-block:12px}.landing-page .future-card-details .support-icon{width:18px;height:18px}.landing-page .future-card-details .roadmap-category-copy h3{font-size:13px}.landing-page .future-card-details .roadmap-category-copy>span{display:none}.landing-page .future-card-details .roadmap-category ul{padding:0 12px 16px 28px}.landing-page .closing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}.landing-page .closing h2{font-size:clamp(28px,3vw,38px);margin:0}@media(hover:hover)and (prefers-reduced-motion:no-preference){.landing-page .future-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000012}}@media(max-width:900px){.landing-page .landing-faq{gap:32px;grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.landing-page main>section:is(.landing-faq,.landing-coming-soon,.closing){padding-block:40px}.landing-page .future-cards{grid-template-columns:minmax(0,1fr);gap:16px}.landing-page .future-card>p{min-height:0}.landing-page .faq-question>summary{padding-inline:8px}.landing-page .faq-question>p{padding-left:8px}}@media(prefers-reduced-motion:reduce){.landing-page .future-card,.landing-page .faq-question>summary{transition:none}}.landing-page{--action-bg: #c94b58;--action-hover: #b83b49;--chapter-padding: 56px;--caption-size: 12px}.landing-page main>section:is(#arrange,#customize,#discover,#collect,#share,.landing-faq,.landing-coming-soon,.closing){padding-block:var(--chapter-padding);min-height:0}.landing-page :is(#arrange,#customize,#discover,#collect,#share) .chapter-head h2{font-size:clamp(28px,2.5vw,36px);line-height:1.2}.landing-page .section-upcoming{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;margin-top:24px;font-size:13px;line-height:1.6}.landing-page .section-upcoming strong{margin:0}.landing-page .section-upcoming>span{min-width:0}.landing-page .section-upcoming a{margin:0;padding:0;font-size:13px}.landing-page .cta,.landing-page .collection-mark{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 20px;font-size:14px;line-height:1.5;font-weight:600;border:1px solid transparent;border-radius:10px;background:var(--action-bg);color:#fff}html[data-theme=dark] .landing-page .cta,html[data-theme=dark] .landing-page .collection-mark{background:var(--action-bg);color:#fff;border-color:transparent}.landing-page .cta:hover,.landing-page .collection-mark:hover:not(:disabled),html[data-theme=dark] .landing-page .cta:hover,html[data-theme=dark] .landing-page .collection-mark:hover:not(:disabled){background:var(--action-hover);filter:none}.landing-page .collection-mark:disabled,html[data-theme=dark] .landing-page .collection-mark:disabled{background:var(--soft);color:var(--muted);border-color:transparent}.landing-page .share-view-modes button{border-radius:10px;min-height:44px}.landing-page :is(.planned-badge,.landing-future){display:inline-flex;align-items:center;font-size:11px;font-weight:700;line-height:1.5;padding:4px 10px;color:var(--ink);border:1px solid var(--accent);border-radius:999px}.landing-page .collection-item:first-child,.landing-page .collection-item:last-child{transform:none}.landing-page .collection-state{margin-top:12px;font-size:12px}.landing-page #customize :is(.customize-demo-toolbar,.demo-strip,.customize-back-label,.customize-cover-label,.customize-grid-label,.customize-frame-label),.landing-page .discover-card small,.landing-page .discover-sample-note{font-size:var(--caption-size);line-height:1.5;color:var(--muted)}.landing-page .discover-note{font-size:var(--caption-size);line-height:1.5}.landing-page #discover .discover-studio{background:transparent;border:0;box-shadow:none;padding-inline:0}.landing-page #discover .discover-card img{display:block;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none}.landing-page #discover .discover-card img.is-loading{visibility:hidden}.landing-page #discover .discover-image-unavailable{display:grid;place-items:center;aspect-ratio:245 / 337;color:var(--muted)}.landing-page #share .share-viewer-copy .section-upcoming{margin-top:32px}@media(min-width:1101px)and (max-height:800px){.landing-page{--chapter-padding: 32px}.landing-page #arrange .arrange-stage{height:440px}.landing-page #arrange .arrange-summary[role=button]{padding-block:12px}.landing-page #arrange .arrange-summary h3{font-size:16px}}@media(max-width:600px){.landing-page{--chapter-padding: 40px}.landing-page .section-upcoming{gap:8px 12px}.landing-page .section-upcoming a{flex-basis:100%;padding-block:8px}}.landing-page .collection-item:not(.is-missing):not(.is-wanted) .collection-state{color:#28654d}html[data-theme=dark] .landing-page .collection-item:not(.is-missing):not(.is-wanted) .collection-state{color:#7ebf9d}@media(min-width:1101px)and (max-height:800px){.landing-page .discover-results{max-width:480px;min-height:184px}.landing-page .discover-studio{padding-block:8px}}@media(min-width:1101px){.landing-page main>section:is(#arrange,#customize,#discover,#collect,#share){min-height:calc(100svh - 80px)}.landing-page main>section:is(#customize,#discover,#collect,#share){display:flex;flex-direction:column;justify-content:center}.landing-page #arrange{grid-template-rows:auto auto auto;align-content:center}.landing-page #arrange>.section-upcoming{grid-column:1/-1;margin-top:0}}.landing-page .landing-faq{background:transparent}.landing-page .future-card{background:var(--bg);background:color-mix(in srgb,var(--bg) 85%,var(--surface));border-color:var(--line);border-color:color-mix(in srgb,var(--bg) 55%,var(--line))}.landing-page .faq-question>summary:hover{background:color-mix(in srgb,var(--bg) 85%,var(--surface))}@media(hover:hover)and (prefers-reduced-motion:no-preference){.landing-page .future-card:hover{box-shadow:0 8px 20px #00000008}}.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)}.landing-page #customize-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}.landing-page #customize .customize-tile:nth-child(n){display:grid;grid-template-rows:88px auto;grid-column:auto;min-width:0;align-content:start}.landing-page #customize .customize-tile-copy{padding:0 0 var(--space-4)}.landing-page #customize .customize-tile-copy h3{font-size:18px;line-height:1.35;margin-bottom:var(--space-2)}.landing-page #customize .customize-tile-copy p{font-size:14px;line-height:1.5}.landing-page #customize .chapter-head{margin-bottom:var(--space-6)}.lesson-panel{--lesson-motion-duration: .18s;--panel-padding: var(--space-4);--lesson-preview-height: 192px;position:relative;display:grid;grid-template-rows:var(--lesson-preview-height) 112px 44px;gap:var(--space-3);min-width:0;font-size:14px;line-height:1.5;color:var(--ink)}.lesson-preview{display:flex;align-items:center;justify-content:center;min-width:0;height:var(--lesson-preview-height)}.lesson-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-width:0}.lesson-caption{display:flex;align-items:center;justify-content:center;margin:0;text-align:center;color:var(--muted);font-size:14px;line-height:1.5;overflow-wrap:anywhere}.lesson-live{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lesson-panel button,.lesson-panel input,.lesson-panel label{font:inherit;font-size:14px}.lesson-button,.lesson-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--bg);color:var(--ink);cursor:pointer;transition:background var(--lesson-motion-duration) ease,border-color var(--lesson-motion-duration) ease}.lesson-panel button:hover:not(:disabled),.lesson-upload:hover{background-color:var(--soft);border-color:var(--accent)}.lesson-panel button:focus-visible,.lesson-panel input:focus-visible,.lesson-upload:focus-within,.lesson-title-field:focus-within{outline:2px solid var(--accent);outline-offset:3px}.lesson-panel button:disabled{cursor:default;opacity:.55}.lesson-steppers{display:flex;gap:var(--space-3);justify-content:center}.lesson-stepper{display:grid;gap:2px}.lesson-stepper-label{color:var(--muted);text-align:center;font-size:14px}.lesson-stepper-track{display:flex;align-items:center}.lesson-stepper-track .lesson-button{width:40px;padding:0;font-size:20px}.lesson-stepper-value{width:24px;text-align:center;color:var(--ink);font-size:14px}.lesson-dots{display:flex;justify-content:center;gap:4px}.lesson-dot{display:grid;place-items:center;width:40px;height:40px;min-height:40px;flex-shrink:0;padding:6px;border:2px solid transparent;border-radius:50%;background:transparent;cursor:pointer;transition:background var(--lesson-motion-duration) ease,border-color var(--lesson-motion-duration) ease}.lesson-dot[aria-pressed=true]{border-color:var(--accent)}.lesson-ball-dot{width:24px;height:24px;border-radius:50%;background:linear-gradient(var(--ball-top) 0 46%,var(--ball-seam) 46% 55%,var(--ball-bottom) 55%);box-shadow:inset 0 0 0 1px var(--line)}.lesson-panel [data-theme=poke]{--ball-top: #d4525e;--ball-bottom: #f2e9e4;--ball-seam: #36353a}.lesson-panel [data-theme=great]{--ball-top: #356caa;--ball-bottom: #eef0ed;--ball-seam: #263141}.lesson-panel [data-theme=ultra]{--ball-top: #2d313a;--ball-bottom: #f0eadd;--ball-seam: #e8bb50}.lesson-panel [data-theme=master]{--ball-top: #8160a5;--ball-bottom: #eeedf1;--ball-seam: #343044}.lesson-panel [data-theme=premier]{--ball-top: #f0f0ed;--ball-bottom: #f0f0ed;--ball-seam: #c8525b}.lesson-binder-pair{gap:var(--space-3)}.lesson-cover-preview{width:92px;flex:0 0 92px}.lesson-cover-preview .binder-cover-art{width:100%;max-width:100%;border-radius:4px 9px 9px 4px;box-shadow:0 4px 12px #0002}.lesson-cover-preview .cover-book-title{display:none}.lesson-pocket-page{display:grid;place-items:center;width:112px;flex:0 0 112px;height:min(176px,calc(var(--lesson-preview-height) - 8px));padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--soft)}.lesson-binder-grid{display:grid;gap:3px}.lesson-binder-pocket{border:1px solid var(--line);border-radius:3px;background:var(--surface)}.lesson-merge-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:6px;width:164px;height:min(176px,calc(var(--lesson-preview-height) - 8px))}.lesson-merge-pocket{min-width:40px;min-height:40px;padding:0;border:1px dashed var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:20px!important;cursor:pointer;transition:opacity var(--lesson-motion-duration) ease,background-color var(--lesson-motion-duration) ease,border-color var(--lesson-motion-duration) ease}.lesson-merge-pocket[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.lesson-panel .lesson-merge-pocket:disabled{opacity:1}.lesson-merged-pocket{position:absolute;pointer-events:none;opacity:0;transition:opacity var(--lesson-motion-duration) ease;border:1px solid var(--accent);border-radius:6px;background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.lesson-reset{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px}.lesson-frame-pair{display:flex;align-items:center;justify-content:center;gap:16px}.lesson-frame-group{display:grid;justify-items:center;gap:8px}.lesson-frame{display:block;width:104px;height:147px;overflow:visible}.lesson-merge-controls{display:flex;align-items:center;justify-content:center;gap:4px}.lesson-merge-controls .lesson-button{padding:8px}.lesson-frame-label{color:var(--muted);font-size:14px}.lesson-art-card{position:relative;width:132px;height:calc(var(--lesson-preview-height) - 8px);overflow:hidden;background:var(--soft);border-radius:8px 14px 14px 8px;border:1px solid var(--line)}.lesson-art-image{display:block;width:100%;height:100%;object-fit:cover;object-position:85% center}.lesson-art-image[hidden]{display:none}.lesson-art-title{position:absolute;bottom:12px;left:8px;right:8px;padding:0;background:transparent;text-align:center;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.lesson-art-controls{flex-direction:row;align-items:center;gap:8px}.lesson-title-group{min-width:0;flex:1}.lesson-title-label{display:block;margin-bottom:6px;color:var(--muted);font-size:14px}.lesson-title-field{display:flex;min-width:0;height:42px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--bg);overflow:hidden}.lesson-title-input{flex:1;min-width:0;width:100%;border:0;background:transparent;color:var(--ink);padding:8px}.lesson-color-input{width:40px;height:40px;flex:0 0 40px;padding:5px;border:0;border-left:1px solid var(--line);background:transparent;cursor:pointer}.lesson-upload{min-height:42px;margin-top:27px;flex-shrink:0;padding:8px}.lesson-upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.lesson-cursor{position:absolute;width:16px;height:20px;pointer-events:none;z-index:3}.lesson-cursor svg{width:100%;height:100%;fill:var(--ink);stroke:var(--surface);stroke-width:1.2}.lesson-cursor[hidden]{display:none}@media(min-width:1101px)and (max-height:800px){.lesson-panel{--lesson-preview-height: 154px}.lesson-frame{height:121px;width:86px}}@media(min-width:601px)and (max-width:1100px){.landing-page #customize-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}@media(max-width:600px){.landing-page #customize-features{grid-template-columns:minmax(0,1fr);gap:32px}.landing-page #customize .customize-tile:nth-child(n){grid-template-rows:auto auto}.lesson-panel{--lesson-preview-height: 224px}.lesson-cover-preview{width:98px;flex-basis:98px}.lesson-frame{width:104px;height:147px}.lesson-art-card{width:156px}}@media(prefers-reduced-motion:reduce){.lesson-panel button,.lesson-upload,.lesson-merge-pocket,.lesson-merged-pocket{transition:none}}.lesson-panel[data-playback=playing]{--lesson-motion-duration: .42s}.landing-page #customize-features{position:relative}#customize-features>.lesson-cursor{z-index:10}.lesson-cursor svg{display:block}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}