:root{--shelf-cyan:#0A8FBF;--shelf-purple:#A362CB;--shelf-red:#D8605A;--shelf-orange:#EC8F51;--shelf-green:#7BA54A;--shelf-navy:#2E3D69;--shelf-cream:#F3F1EC;--shelf-bg:#FBFAF8;--shelf-surface:#FFFFFF;--shelf-rule:#E8E5DE;--shelf-ink:#2B2B28;--shelf-muted:#7A7A72;--shelf-pagelines:rgba(255,255,255,0.15);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--shelf-bg);color:var(--shelf-ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1320px;margin:auto}header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--shelf-rule);padding:0 42px}.brand{font-size:34px;font-weight:800;letter-spacing:-1.8px;text-decoration:none}.brand-dot{color:var(--shelf-cyan)}.studio,.eyebrow,.section-title,.preview-bar,.poster-kicker,.poster-footer,.name-row label{font-size:10px;font-weight:700;letter-spacing:1.6px}.studio a{text-decoration:none}main{padding:0 42px}.intro{padding:56px 0 42px}.eyebrow{color:var(--shelf-cyan)}h1{font-size:clamp(48px,6vw,76px);font-weight:500;letter-spacing:-4px;line-height:1.02;margin:20px 0}p{line-height:1.6}.intro p{color:var(--shelf-muted);font-size:18px;margin:0}.workspace{display:grid;grid-template-columns:1fr 1.07fr;gap:90px;align-items:start}.section-title{display:flex;justify-content:space-between;color:var(--shelf-muted);margin-bottom:18px}select,input{background:transparent;color:var(--shelf-ink);border:1px solid var(--shelf-rule);border-radius:0;padding:14px;width:100%}select{font-size:17px;line-height:1.4;padding-right:30px}input:focus,select:focus,button:focus-visible,summary:focus-visible{outline:2px solid var(--shelf-cyan);outline-offset:3px}#custom-title{margin-top:10px}.name-row{display:flex;align-items:center;gap:18px;margin-top:20px}.name-row label{white-space:nowrap;color:var(--shelf-muted)}.name-row input{border:0;border-bottom:1px solid var(--shelf-rule);padding:10px 0}.books-heading{margin-top:45px;margin-bottom:6px}.helper{color:var(--shelf-muted);font-size:12px;margin:0 0 20px}ol{list-style:none;padding:0;margin:0}.book-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--shelf-rule);padding:13px 0;min-height:75px}.number{font-size:11px;color:var(--shelf-muted)}.mini-cover{width:31px;height:44px;object-fit:contain;background:var(--shelf-surface)}.book-info{min-width:0;flex:1}.book-info strong{display:block;font-size:14px;line-height:1.35}.book-info span{display:block;color:var(--shelf-muted);font-size:12px;margin-top:4px}.row-controls{display:flex;gap:1px}.row-controls button{background:none;border:0;color:var(--shelf-muted);padding:8px;font-size:15px}.row-controls button:disabled{opacity:.25;cursor:default}.add-book{display:flex;align-items:center;gap:14px;padding:19px 0;width:100%;background:none;border:0;border-top:1px solid var(--shelf-rule);border-bottom:1px solid var(--shelf-rule);text-align:left;font-size:16px}.add-book>span:first-child{color:var(--shelf-cyan);font-size:25px}.arrow{margin-left:auto;color:var(--shelf-cyan)}.editor-bottom{display:flex;justify-content:space-between;margin-top:14px}.text-button{background:none;border:0;padding:8px 0;font-size:11px;color:var(--shelf-muted);text-decoration:underline;text-underline-offset:3px}.preview-pane{padding-top:0}.preview-bar{display:flex;justify-content:space-between;color:var(--shelf-muted);margin-bottom:18px;font-size:9px}.poster{background:var(--shelf-surface);padding:28px 30px 20px;aspect-ratio:4/5;display:flex;flex-direction:column;border:1px solid var(--shelf-rule);--poster-ink:var(--shelf-ink);--poster-muted:var(--shelf-muted);color:var(--poster-ink)}.poster.ink{background:var(--shelf-ink);--poster-ink:var(--shelf-surface);--poster-muted:var(--shelf-muted);border-color:var(--shelf-ink)}.poster.red{background:var(--shelf-surface);--poster-ink:var(--shelf-surface);--poster-muted:var(--shelf-muted);border-color:var(--shelf-surface)}.poster-kicker{font-size:7px;letter-spacing:1.4px;color:var(--poster-muted)}.poster h2{font-size:clamp(24px,3vw,38px);line-height:1.05;font-weight:500;letter-spacing:-1.2px;margin:13px 0 24px;overflow-wrap:anywhere}.cover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:15px 20px;flex:1;min-height:0}.book-tile{min-width:0;display:flex;flex-direction:column;min-height:0}.cover-area{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}.cover-area img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.empty-cover{width:72%;height:100%;border:1px solid currentColor;opacity:.18;display:flex;align-items:center;justify-content:center;font-size:18px;min-height:50px}.book-fallback{width:85%;height:100%;background:var(--shelf-surface);color:var(--shelf-ink);padding:9px 7px;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;line-height:1.25;overflow:hidden;border-left:3px solid var(--shelf-rule)}.book-fallback small{font-size:8px}.tile-caption{font-size:9px;line-height:1.2;padding-top:6px;min-height:29px}.tile-caption strong{font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-caption span{display:block;font-size:8px;color:var(--poster-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--poster-muted);padding-top:13px;margin-top:18px;font-size:6px;letter-spacing:1px}.poster-footer>span:first-child{font-size:17px;font-weight:800;letter-spacing:-.6px}.options{display:flex;justify-content:space-between;align-items:center;padding:17px 0}.options>div{display:flex;gap:10px}.swatch{border:1px solid var(--shelf-rule);border-radius:50%;width:21px;height:21px;background:var(--shelf-surface)}.swatch[data-theme=ink]{background:var(--shelf-ink)}.swatch[data-theme=red]{background:var(--shelf-surface)}.swatch.active{outline:1px solid var(--shelf-ink);outline-offset:3px}.options label{font-size:11px;display:flex;gap:7px;align-items:center}.options input{width:auto;accent-color:var(--shelf-ink)}.actions{display:flex;gap:10px}.primary,.secondary{padding:15px 18px;font-size:12px;font-weight:700;border:1px solid var(--shelf-ink);border-radius:0}.primary{background:var(--shelf-ink);color:var(--shelf-bg)}.secondary{background:transparent;color:var(--shelf-ink)}.actions button{flex:1}button:disabled{opacity:.4;cursor:default}.export-note{font-size:10px;color:var(--shelf-muted);text-align:center;line-height:1.6;margin:12px 0}#status{font-size:12px;color:var(--shelf-cyan);text-align:center;min-height:18px}.omnium{border-top:1px solid var(--shelf-rule);margin:66px 0 0;padding:42px 0;display:flex;gap:48px;align-items:center}.omnium-mark{font-family:Georgia,serif;color:var(--shelf-cyan);font-size:23px;line-height:1.2;letter-spacing:1px;border:3px double var(--shelf-cyan);padding:25px 17px;text-align:center;flex-shrink:0}.omnium h3{font-size:25px;line-height:1.15;font-weight:500;letter-spacing:-.6px;margin:14px 0}.omnium p{font-size:13px;color:var(--shelf-muted);max-width:490px}.omnium a{font-size:12px}footer{padding:25px 42px;border-top:1px solid var(--shelf-rule);display:flex;justify-content:space-between;font-size:10px;color:var(--shelf-muted)}dialog{border:1px solid var(--shelf-rule);background:var(--shelf-bg);padding:28px;width:min(600px,calc(100% - 30px));max-height:85vh;color:var(--shelf-ink)}dialog::backdrop{background:var(--shelf-ink)99}.dialog-header{display:flex;align-items:center;justify-content:space-between}.dialog-header h2{font-size:26px;letter-spacing:-1px;font-weight:500;margin:0 0 24px}.dialog-header button{background:none;border:0;font-size:28px;padding:0 0 20px}#search-form{display:flex;gap:8px}#search-form input{min-width:0}#search-status{font-size:12px;color:var(--shelf-muted)}.result{width:100%;background:none;border:0;border-top:1px solid var(--shelf-rule);display:flex;gap:15px;align-items:center;text-align:left;padding:12px 0;color:var(--shelf-ink)}.result img{height:55px;width:38px;object-fit:contain}.result strong{display:block;font-size:14px}.result small{display:block;color:var(--shelf-muted);margin-top:5px}.result>span:last-child{margin-left:auto;color:var(--shelf-cyan);font-size:24px}details{border-top:1px solid var(--shelf-rule);margin-top:20px;padding-top:18px;font-size:12px}summary{cursor:pointer}#manual-form{display:grid;gap:10px;margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1150px){.poster{min-height:610px}}@media(max-width:900px){.workspace{gap:35px}.poster{padding:23px 20px}.cover-grid{gap:10px}.tile-caption{font-size:8px}}@media(max-width:650px){header{height:80px;padding:0 20px}.brand{font-size:28px}.studio{font-size:8px;letter-spacing:.8px}.studio a{display:block;margin-top:4px}main{padding:0 20px}.intro{padding:36px 0 34px}h1{letter-spacing:-2.6px}.intro p{font-size:15px}.workspace{grid-template-columns:1fr;gap:36px}.poster{aspect-ratio:4/5;padding:26px;min-height:490px}.poster h2{font-size:32px}.cover-grid{gap:14px}.tile-caption{font-size:9px}.omnium{gap:22px;align-items:start;margin-top:36px}.omnium-mark{font-size:16px;padding:20px 10px}.omnium h3{font-size:21px}.omnium .eyebrow{font-size:8px;line-height:1.5;display:block}footer{padding:22px 20px;gap:14px;flex-direction:column}}
.header-nav{display:flex;align-items:center;gap:30px;font-size:12px}.header-nav>a{text-decoration:none}.studio-about{border-top:1px solid var(--shelf-rule);padding:28px 0 34px}.studio-about p{font-size:12px;color:var(--shelf-muted);max-width:650px}.studio-about nav{display:flex;gap:22px;font-size:11px}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 45px;margin:10px 0 50px}.archive-card{padding:28px 0;border-top:1px solid var(--shelf-rule);text-decoration:none;display:block}.archive-card h2{font-size:24px;font-weight:500;letter-spacing:-.7px;line-height:1.15;margin:12px 0}.archive-card p{font-size:13px;color:var(--shelf-muted)}.archive-card>span:last-child{font-size:12px;color:var(--shelf-cyan)}.about-copy{max-width:720px;padding:0 0 50px}.about-copy h2{font-size:25px;font-weight:500;letter-spacing:-.5px}.about-copy p{font-size:15px;color:var(--shelf-muted)}@media(max-width:650px){.header-nav{gap:15px}.header-nav>a{font-size:10px}.archive-grid{grid-template-columns:1fr}.studio-about nav{gap:16px;flex-wrap:wrap}.header-nav .studio{max-width:75px}}
/* Shared engine UI: text posters are drawn with the same renderer as exported PNGs. */
.poster{padding:0;display:block;aspect-ratio:4/5;min-height:0!important;background:var(--shelf-surface)}.poster canvas{display:block;width:100%;height:auto}.media-tabs{display:flex;gap:8px;margin-bottom:15px}.media-tabs button{background:transparent;border:1px solid var(--shelf-rule);padding:10px 20px;font-size:12px;min-height:44px}.media-tabs button.active{background:var(--shelf-ink);color:var(--shelf-bg);border-color:var(--shelf-ink)}.list-settings{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:12px;color:var(--shelf-muted)}.list-settings select{width:85px;padding:9px;font-size:12px}.options select{width:auto;max-width:65%;padding:10px;font-size:11px}.row-controls button{min-width:40px;min-height:44px}.shared-banner{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--shelf-rule);padding:18px 0;font-size:12px}.shared-banner a{color:var(--shelf-cyan)}.growth-loop{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--shelf-rule);border-bottom:1px solid var(--shelf-rule);padding:26px 0;margin-top:35px}.growth-loop p{font-size:22px;letter-spacing:-.5px}.growth-loop a{text-decoration:none}.featured-examples{padding-top:42px}.featured-examples h2{font-size:25px;letter-spacing:-.6px;font-weight:500}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.example-card{border-top:1px solid var(--shelf-rule);padding:20px 0}.example-card h3{font-size:17px;font-weight:500;margin:10px 0}.example-card>p{font-size:11px;color:var(--shelf-muted)}.example-card ol{list-style:decimal;padding-left:19px;font-size:12px;line-height:1.5}.example-card li{margin-bottom:9px;overflow-wrap:anywhere}.example-card li span{display:block;color:var(--shelf-muted);font-size:10px}.example-card button{margin-top:12px;font-size:11px}#export-image{width:100%;max-height:55vh;object-fit:contain;display:block;margin-bottom:20px}#export-dialog .actions a{text-decoration:none;text-align:center;flex:1}#export-dialog .helper{margin:18px 0;font-size:12px}#export-dialog>a{font-size:12px}#export-status{font-size:12px;color:var(--shelf-cyan)}.hero-prompt h1{font-size:clamp(38px,5.3vw,66px);max-width:900px;letter-spacing:-2.5px;overflow-wrap:anywhere}button.primary,button.secondary{min-height:44px}@media(max-width:650px){.example-grid{grid-template-columns:1fr}.growth-loop{gap:20px}.growth-loop p{font-size:18px}.shared-banner{font-size:11px}.name-row input{font-size:16px}input,select{font-size:16px}.hero-prompt h1{letter-spacing:-1.6px}.row-controls{gap:0}.row-controls button{min-width:36px}.options select{font-size:12px}}
.icon-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;color:inherit;flex-shrink:0}var(--shelf-surface),var(--shelf-surface)-label{color:var(--shelf-cyan);-webkit-text-fill-color:var(--shelf-cyan)}.is-shared main{display:flex;flex-direction:column}.is-shared .intro{order:0;padding:24px 0 10px}.is-shared .intro h1{font-size:clamp(30px,5vw,48px);letter-spacing:-1.8px;margin:12px 0}.is-shared .intro>p,.is-shared .intro>.eyebrow{display:none}.is-shared .workspace{order:1;display:flex;flex-direction:column;gap:0}.is-shared .preview-pane{width:min(100%,440px);margin:0 auto}.is-shared .editor{display:none}.is-shared #growth-loop{order:2;margin:18px 0;padding:12px 0;border-top:0;justify-content:center;gap:25px}.is-shared #growth-loop p{font-size:16px}.is-shared #shared-banner{order:3}.is-shared .featured-examples{order:4}.is-shared .omnium{order:5}.is-shared .studio-about{order:6}.is-shared .preview-bar,.is-shared .options,.is-shared .export-note{display:none}.is-shared .actions{margin-top:12px}.is-shared #status:empty{display:none}@media(max-width:650px){.is-shared .preview-pane{width:min(100%,300px)}.is-shared .intro{padding-top:20px}.is-shared #growth-loop{margin-top:10px}.is-shared #growth-loop a{font-size:12px;padding:12px 16px}}

/* Fillable collection slots, preserving the selected position. */
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.collection-slot{position:relative;border:1px solid var(--shelf-rule);min-height:156px;display:flex;flex-direction:column;background:transparent}.slot-pick{flex:1;display:flex;flex-direction:column;align-items:flex-start;position:relative;text-align:left;border:0;background:transparent;color:var(--shelf-ink);padding:13px 12px;min-width:0;width:100%;min-height:156px}.slot-number{font-size:10px;color:var(--shelf-muted);letter-spacing:1px;margin-bottom:14px}.slot-plus{font-size:25px;color:var(--shelf-cyan);margin:auto auto 5px}.slot-label{font-size:12px;align-self:center;margin-bottom:20px;color:var(--shelf-cyan)}.slot-pick strong{font-size:13px;line-height:1.3;font-weight:600;overflow-wrap:anywhere}.slot-creator{font-size:10px;line-height:1.35;color:var(--shelf-muted);margin-top:7px;overflow-wrap:anywhere}.slot-hint{font-size:9px;color:var(--shelf-cyan);margin-top:auto;padding-top:13px}.slot-controls{display:flex;border-top:1px solid var(--shelf-rule)}.slot-controls button{flex:1;min-height:38px;min-width:0;padding:4px;background:transparent;border:0;color:var(--shelf-muted);font-size:15px}.collection-slot:hover,.collection-slot:focus-within{border-color:var(--shelf-cyan)}.poster{position:relative}.poster-slot-layer{position:absolute;inset:0;pointer-events:none}.poster-slot-target{position:absolute;pointer-events:auto;border:0;background:transparent;color:var(--shelf-muted);font-size:clamp(8px,1vw,11px);padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.poster-slot-target>span:first-child{font-size:22px;color:var(--shelf-cyan)}.poster-slot-target:hover{background:var(--shelf-cyan)0c;outline:1px solid var(--shelf-cyan);outline-offset:-4px}.poster-slot-target:focus-visible{outline:2px solid var(--shelf-cyan);outline-offset:-4px}.is-shared .poster-slot-layer{display:none}@media(max-width:650px){.collection-grid{gap:9px}.slot-pick{padding:12px 9px;min-height:145px}.slot-pick strong{font-size:12px}.collection-slot{min-height:145px}.slot-controls button{min-height:44px}.poster-slot-target{font-size:10px}}

.poster-slot-target{color:inherit}.poster-slot-target>span:first-child{color:inherit}
/* One cover-led collection, with the finished poster available on demand. */
.workspace{display:block;max-width:880px;margin:0 auto}.editor{width:100%}.intro{max-width:880px;margin:0 auto;padding:42px 0 30px}.intro h1{font-size:clamp(42px,5.6vw,66px);letter-spacing:-3px}.intro p{font-size:16px}.builder-settings{display:grid;grid-template-columns:1fr 1fr 110px;gap:16px 22px;align-items:center;border-top:1px solid var(--shelf-rule);border-bottom:1px solid var(--shelf-rule);padding:22px 0 25px}.builder-settings>.section-title,.builder-settings>.media-tabs{grid-column:1/-1;margin:0}.builder-settings>#prompt,.builder-settings>.name-row{grid-column:1/3;margin:0}.builder-settings>.list-settings{grid-column:3;margin:0;flex-direction:column;align-items:flex-start;gap:6px;grid-row:4}.builder-settings>#custom-title{grid-column:1/-1;margin:0}.builder-settings .name-row{gap:15px}.builder-settings select{font-size:15px}.books-heading{margin-top:30px}.collection-grid{gap:26px 28px;margin-top:25px;margin-bottom:20px}.collection-slot{border:0;min-height:0;background:none;display:flex;flex-direction:column}.slot-pick{padding:0;border:0;min-height:0;flex:1;display:flex;flex-direction:column;position:relative}.slot-number{font-size:10px;letter-spacing:1.4px;margin:0 0 10px;color:var(--shelf-muted)}.slot-art{width:100%;aspect-ratio:2/3;background:var(--shelf-surface);border:1px solid var(--shelf-rule);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:17px;transition:border-color .15s,background .15s}.slot-art.has-art{padding:14px;background:var(--shelf-surface)}.slot-art img{width:100%;height:100%;object-fit:contain;filter:none}.slot-plus{margin:0 0 14px;font-size:31px}.slot-label{margin:0;font-size:13px;line-height:1.4}.slot-caption{display:block;width:100%;padding-top:12px}.slot-caption strong{display:block;font-size:15px;font-weight:500;letter-spacing:-.1px;line-height:1.3}.slot-creator{display:block;font-size:12px;margin-top:5px;line-height:1.4}.slot-empty-caption{font-size:11px;color:var(--shelf-muted);padding-top:12px}.cover-fallback{font-size:clamp(13px,2vw,23px);line-height:1.22;letter-spacing:-.3px;text-align:left;align-self:flex-start;overflow-wrap:anywhere;font-weight:500}.empty .slot-art{background:transparent;border-style:dashed}.slot-pick:hover .slot-art,.slot-pick:focus-visible .slot-art{border-color:var(--shelf-cyan);background:var(--shelf-surface)}.slot-pick:focus-visible{outline-offset:5px}.collection-slot:hover,.collection-slot:focus-within{border-color:transparent}.slot-controls{border-top:0;justify-content:flex-end;margin-top:8px;gap:1px}.slot-controls button{flex:0 0 34px;min-height:34px}.slot-controls button:hover{color:var(--shelf-cyan);background:var(--shelf-surface)}.collection-actions{display:flex;justify-content:center;gap:12px;border-top:1px solid var(--shelf-rule);margin-top:26px;padding-top:25px}.collection-actions button{min-width:185px;font-size:13px}.editor-bottom{margin-bottom:15px}body:not(.is-shared) #growth-loop{display:none}.result{gap:18px;padding:13px 0;min-height:105px}.result-cover{width:58px;height:84px;flex-shrink:0;background:var(--shelf-surface);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px}.result img{width:100%;height:100%;object-fit:contain}.result-cover-fallback{font-size:10px;line-height:1.2;padding:4px;overflow-wrap:anywhere}.result-info{min-width:0;flex:1}.result strong{font-size:15px;line-height:1.3}.result small{font-size:12px;line-height:1.4}.result-add{font-size:22px!important;flex-shrink:0}.is-shared .workspace{display:block;order:2;max-width:880px}.is-shared .editor{display:block}.is-shared .builder-settings,.is-shared .books-heading,.is-shared #helper,.is-shared var(--shelf-surface),.is-shared .editor-bottom{display:none}.is-shared .collection-grid{margin-top:15px}.is-shared .slot-pick:disabled{opacity:1;cursor:default}.is-shared #growth-loop{order:1;margin:4px 0 15px}.is-shared .slot-pick:hover .slot-art{background:var(--shelf-surface);border-color:var(--shelf-rule)}.is-shared .empty .slot-pick:hover .slot-art{background:none}#export-dialog{width:min(650px,calc(100% - 30px))}#search-dialog{width:min(650px,calc(100% - 30px))}#search-form input{font-size:16px}#results:empty{min-height:0}@media(max-width:650px){.intro{padding:30px 0 25px}.intro h1{letter-spacing:-2px}.builder-settings{gap:14px;grid-template-columns:1fr 1fr 75px;padding:20px 0}.builder-settings select{font-size:16px;padding:12px}.builder-settings .name-row{gap:9px}.builder-settings .name-row label{font-size:9px}.builder-settings .list-settings select{width:75px;padding:8px}.collection-grid{gap:22px 11px;margin-top:20px}.slot-art,.slot-art.has-art{padding:7px}.slot-plus{font-size:25px;margin-bottom:8px}.slot-label{font-size:10px}.slot-caption{padding-top:9px}.slot-caption strong{font-size:12px}.slot-creator{font-size:10px}.slot-controls{gap:0;justify-content:space-between}.slot-controls button{flex:1;min-width:0;min-height:44px}.slot-empty-caption{font-size:9px}.slot-number{margin-bottom:7px;font-size:9px}.cover-fallback{font-size:12px}.collection-actions button{flex:1;min-width:0;padding:14px 9px;font-size:12px}.collection-actions{gap:9px}.result-cover{width:48px;height:72px}.result{gap:12px}.result strong{font-size:14px}}

.is-shared #shared-credit{display:block;font-size:13px;color:var(--shelf-muted);margin:0 0 14px}.is-shared #export-dialog .options{display:flex}

/* Keep the first book slots close to the top of the page. */
header{height:68px}.brand{font-size:29px;letter-spacing:-1.5px}.intro,.hero-prompt{padding:22px 0 18px}.intro h1,.hero-prompt h1{font-size:30px;line-height:1.1;letter-spacing:-1px;margin:0 0 7px}.intro p{font-size:13px;line-height:1.4;margin:0}.builder-settings{grid-template-columns:1fr 95px;gap:11px 15px;padding:14px 0 16px}.builder-settings>.media-tabs{grid-column:1/-1}.builder-settings>#prompt{grid-column:1}.builder-settings>.list-settings{grid-column:2;grid-row:2}.builder-settings>#custom-title{grid-column:1/-1}.media-tabs button{padding:7px 17px;min-height:36px}.builder-settings select{padding:10px;font-size:14px}.builder-settings .list-settings{font-size:10px;gap:4px}.builder-settings .list-settings select{width:100%;padding:7px}.books-heading{margin-top:17px;margin-bottom:5px}.helper{margin-bottom:0}.collection-grid{margin-top:17px}.editor>.name-row{max-width:460px;margin:25px auto 0;gap:16px}.editor>.name-row input{font-size:15px}.is-shared .editor>.name-row{display:none}@media(max-width:650px){header{height:61px}.brand{font-size:26px}.intro,.hero-prompt{padding:18px 0 15px}.intro h1,.hero-prompt h1{font-size:25px;letter-spacing:-.6px;line-height:1.08;margin-bottom:6px}.intro p{font-size:12px;line-height:1.35}.builder-settings{gap:10px 12px;grid-template-columns:1fr 70px;padding:12px 0 13px}.builder-settings select{font-size:16px;padding:9px}.builder-settings .list-settings select{width:70px}.books-heading{margin-top:15px}.collection-grid{margin-top:14px}.editor>.name-row{margin-top:20px}.is-shared .intro h1{font-size:25px;letter-spacing:-.6px}}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope.ttf') format('truetype');font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:'Bricolage Grotesque';src:url('assets/fonts/bricolage.ttf') format('truetype');font-style:normal;font-weight:400 800;font-display:swap}
body{font-family:Manrope,Arial,sans-serif}.brand,h1,h2,h3,.slot-caption strong,.cover-fallback,.result strong{font-family:'Bricolage Grotesque',Arial,sans-serif}.brand{font-weight:750;font-size:32px;letter-spacing:-1.6px}.logo-shelf{color:var(--shelf-cyan)}.logo-life{color:var(--shelf-cyan)}header{height:64px}.intro,.hero-prompt{padding:16px 0 13px}.intro h1,.hero-prompt h1{font-weight:650;font-size:28px;letter-spacing:-.8px;margin:0}.intro p:empty{display:none}.builder-settings{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:12px;align-items:center;padding:10px 0 13px}.builder-settings>#prompt{grid-column:1}.builder-settings>.list-settings{grid-column:2;grid-row:1;display:block}.list-settings label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.builder-settings .list-settings select{width:105px;padding:10px;font-size:14px}.builder-settings>#custom-title{grid-column:1/-1}.builder-settings select{font-family:Manrope,Arial,sans-serif;font-weight:600}.books-heading{display:none}#helper{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.collection-grid{margin-top:16px}.slot-caption strong{font-size:17px;font-weight:600;letter-spacing:-.3px;line-height:1.18}.slot-creator{font-size:11px}.slot-label{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:600;font-size:15px}.dialog-header h2{font-weight:600;font-size:27px;letter-spacing:-.7px}.dialog-header button{padding:0;width:40px;height:40px;min-height:40px;align-self:flex-start;line-height:1}.dialog-header h2{margin-bottom:18px}.editor-bottom{align-items:center;gap:15px}.collection-count{font-size:10px;font-weight:650;color:var(--shelf-muted);letter-spacing:1px;margin-left:auto}.result strong{font-weight:600}.omnium h3{font-weight:550}@media(max-width:650px){header{height:58px}.brand{font-size:29px}.intro,.hero-prompt{padding:14px 0 12px}.intro h1,.hero-prompt h1{font-size:24px;font-weight:650;letter-spacing:-.5px}.builder-settings{grid-template-columns:minmax(0,1fr) 83px;gap:10px;padding:9px 0 11px}.builder-settings select,.builder-settings .list-settings select{font-size:14px;padding:10px 8px}.builder-settings .list-settings select{width:83px}.collection-grid{margin-top:14px}.slot-caption strong{font-size:13px;line-height:1.2;letter-spacing:-.2px}.slot-creator{font-size:10px}.slot-label{font-size:12px}.editor-bottom{gap:10px}.dialog-header h2{font-size:23px}.is-shared .intro h1{font-size:24px}}

.brand-group{display:flex;flex-direction:column;gap:3px}.header-tagline{margin:0;font-size:12px;line-height:1.2;letter-spacing:-.1px;color:var(--shelf-muted);font-weight:500}.logo-life{color:var(--shelf-cyan)}header{height:78px}.book-builder:not(.is-shared) main>.intro{height:0;min-height:0;padding:0;margin:0}.book-builder:not(.is-shared) main>.intro h1,.book-builder:not(.is-shared) main>.intro>p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:0;padding:0}.book-builder .builder-settings{border-top:0;padding-top:16px}.book-builder.is-shared main>.intro{padding-top:15px}@media(max-width:650px){header{height:75px}.header-tagline{font-size:10px;white-space:nowrap}.brand-group{gap:4px}.book-builder .builder-settings{padding-top:14px}}

/* A compact, outlined wordmark sitting on its own shelf. */
.brand{display:block;line-height:0;text-decoration:none}.wordmark{display:block;width:190px;height:auto;overflow:visible}.brand-group{gap:7px}.header-tagline{font-size:11px;font-weight:550;letter-spacing:0}.builder-settings{grid-template-columns:minmax(0,1fr)}.builder-settings>#prompt{grid-column:1/-1}.builder-settings>#custom-title{grid-column:1/-1}header{height:90px}@media(max-width:650px){.wordmark{width:166px}.brand-group{gap:6px}.header-tagline{font-size:10px}header{height:84px}.builder-settings{grid-template-columns:minmax(0,1fr)}}

/* White collection surface and quieter book captions. */
.collection-grid{background:var(--shelf-surface);border:1px solid var(--shelf-rule);border-radius:14px;padding:24px;gap:26px 24px}
.slot-art,.slot-art.has-art{background:var(--shelf-surface)}
.filled .slot-art{border-color:transparent}
.slot-pick:hover .slot-art,.slot-pick:focus-visible .slot-art{background:var(--shelf-surface)}
.is-shared .slot-pick:hover .slot-art{background:var(--shelf-surface)}
.slot-caption strong{font-family:Manrope,Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:-.15px;line-height:1.35}
.slot-creator{font-weight:400;font-size:12px;line-height:1.4;margin-top:4px}
.slot-label{font-family:Manrope,Arial,sans-serif;font-weight:500}
@media(max-width:650px){.collection-grid{padding:14px 12px;gap:20px 10px}.slot-caption strong{font-size:12px;letter-spacing:-.1px;line-height:1.35}.slot-creator{font-size:10px}.slot-art,.slot-art.has-art{padding:5px}}

/* Brand, personal invitation, then the short instruction. */
header{height:auto;min-height:116px;padding:16px 0}.brand-group{gap:5px}.header-positioning{margin:2px 0 0;font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:550;letter-spacing:-.55px;line-height:1.2;color:var(--shelf-ink)}.header-tagline{font-size:12px;font-weight:400;line-height:1.4}
@media(max-width:650px){header{min-height:106px;padding:14px 0}.header-positioning{font-size:18px;letter-spacing:-.4px}.header-tagline{font-size:11px}.brand-group{gap:4px}}

/* Centered light masthead, white surfaces, and collection/poster columns. */
header,main,footer{width:calc(100% - 84px);max-width:1100px;margin-left:auto;margin-right:auto}
main{padding:0}
header{height:auto;min-height:0;display:flex;justify-content:center;padding:40px 0 32px;background:var(--shelf-bg);border-bottom:1px solid var(--shelf-rule)}
header .brand{display:block;width:277px;max-width:100%;line-height:0;letter-spacing:normal}
.shelf-life-logo{display:block;width:277px;max-width:100%;height:auto}
body{background:var(--shelf-bg);color:var(--shelf-ink)}
a{color:var(--shelf-cyan)}
.brand{color:inherit}
.book-builder main>.intro,.book-builder:not(.is-shared) main>.intro,.book-builder.is-shared main>.intro{height:auto;min-height:0;max-width:100%;padding:32px 0;margin:0;text-align:center}
.book-builder:not(.is-shared) main>.intro h1,.book-builder:not(.is-shared) main>.intro>p{position:static;width:auto;height:auto;overflow:visible;clip:auto;margin:0;padding:0}
.intro,.hero-prompt{text-align:center;max-width:100%;padding:32px 0}
.intro h1,.hero-prompt h1{margin-left:auto;margin-right:auto}
.workspace,.is-shared .workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;max-width:100%;width:100%;margin:0;align-items:start}
.editor{min-width:0}
.books-heading,.is-shared .books-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
.collection-count{margin-left:auto;color:var(--shelf-muted)}
.collection-grid,.is-shared .collection-grid{margin-top:0;background:var(--shelf-surface);border:1px solid var(--shelf-rule)}
.slot-art,.slot-art.has-art,.filled .slot-art,.slot-pick:hover .slot-art,.is-shared .slot-pick:hover .slot-art{background:var(--shelf-surface);border-color:var(--shelf-rule)}
.slot-art img{filter:none}
.slot-number{color:var(--shelf-muted);background:transparent}
.poster-panel{min-width:0;background:var(--shelf-surface);border:1px solid var(--shelf-rule);padding:24px}
.poster-panel .name-row{margin:0;display:block}
.poster-panel .name-row label{display:block;margin-bottom:6px}
.poster-panel .name-row input{font-size:15px}
.poster-panel .options{gap:12px;flex-wrap:wrap}
.poster-panel .options select{max-width:100%;width:100%;font-size:12px}
.poster-panel .collection-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px;padding-top:20px}
.poster-panel .collection-actions button{min-width:0;width:100%;font-size:13px}
.poster-panel #status{margin-bottom:0}
dialog,.archive-card,.example-card{background:var(--shelf-surface);border:1px solid var(--shelf-rule)}
.primary{background:var(--shelf-navy);border-color:var(--shelf-navy);color:var(--shelf-surface)}
.secondary{background:var(--shelf-surface);border-color:var(--shelf-rule);color:var(--shelf-cyan)}
.swatch{border-color:var(--shelf-rule)}
.swatch.active{outline-color:var(--shelf-cyan)}
.slot-pick:hover .slot-art,.slot-pick:focus-visible .slot-art{border-color:var(--shelf-cyan)}
.selection-helper{margin:0 0 16px;font-size:12px;font-weight:400;line-height:1.4;color:var(--shelf-muted)}
.is-shared .poster-panel .name-row,.is-shared .poster-panel .options{display:none}
@media(width < 900px){header{padding:24px 0}.workspace,.is-shared .workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){header,main,footer{width:calc(100% - 40px)}header{padding:24px 0}.poster-panel{padding:24px}.book-builder main>.intro,.book-builder:not(.is-shared) main>.intro{padding:32px 0}}
@media(width < 380px){header .brand,.shelf-life-logo{width:227px}}