/* Rebooko shell, editorial art direction inside each curated cover. */
.stl-dialog{--stl-ink:#171715;--stl-paper:#f5f3ee;--stl-line:#d9d6ce;--stl-red:#b8323e;color:var(--stl-ink);background:var(--stl-paper);border:0;border-radius:18px;padding:0;width:calc(100vw - 32px);max-width:1600px;height:calc(100dvh - 32px);max-height:none;overflow:hidden;font-family:var(--font-body,'Instrument Sans',sans-serif)}
.stl-dialog::backdrop{background:rgba(13,13,12,.72)}
.stl-dialog *{box-sizing:border-box}.stl-dialog [hidden]{display:none!important}.stl-dialog button,.stl-dialog select{font:inherit}.stl-dialog button{cursor:pointer}.stl-dialog button:disabled{opacity:.45;cursor:wait}.stl-dialog :is(button,select,input,iframe):focus-visible,.stl-entry:focus-visible{outline:3px solid var(--stl-red,#b8323e);outline-offset:4px}.stl-shell{height:100%;display:flex;flex-direction:column;min-height:0}
.stl-head{padding:30px 36px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid var(--stl-line)}.stl-eyebrow{font:11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.11em;margin:0 0 12px;color:#655f55}.stl-head h2{font-size:clamp(28px,3.1vw,46px);line-height:1.04;letter-spacing:-.045em;font-weight:650;margin:0}.stl-lead{font-size:15px;line-height:1.5;margin:12px 0 0;color:#5c594f;max-width:650px}
.stl-close,.stl-back,.stl-reset,.stl-play{border:1px solid var(--stl-line);background:transparent;border-radius:8px;padding:10px 13px;color:inherit;white-space:nowrap;font-size:13px!important}.stl-close:hover,.stl-back:hover,.stl-reset:hover,.stl-play:hover{background:#e9e6de}.stl-browse{overflow:auto;padding:22px 36px 36px;min-height:0}.stl-filters{display:flex;align-items:end;gap:18px}.stl-filters label{display:grid;gap:6px;font-size:12px;color:#625d54}.stl-filters select{font-size:14px;color:var(--stl-ink);background:#fff;border:1px solid var(--stl-line);border-radius:8px;min-width:178px;padding:9px 30px 9px 11px}.stl-count{margin-left:auto;font:12px 'IBM Plex Mono',monospace;white-space:nowrap;padding-bottom:11px}.stl-fit-note{font-size:12px;line-height:1.5;color:#686258;margin:13px 0 22px}.stl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.stl-card{--stl-background:#eee8dd;--stl-foreground:#252015;--stl-accent:#b8323e;min-width:0;border:1px solid #dedbd2;background:#fff;border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s}.stl-card:hover{box-shadow:0 9px 30px #1d191310;transform:translateY(-3px)}
.stl-card-art{position:relative;display:block;width:100%;aspect-ratio:1.5;overflow:hidden;border:0;background:var(--stl-background);color:var(--stl-foreground);text-align:left}.stl-card-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .6s ease}.stl-card:hover img{transform:scale(1.035)}.stl-art-name{position:absolute;font-family:Georgia,serif;font-size:clamp(35px,4.5vw,72px);font-weight:500;line-height:.9;letter-spacing:-.045em;left:22px;top:52px;max-width:70%;text-shadow:0 1px 15px var(--stl-background)}.stl-art-number{position:absolute;left:22px;top:18px;font:11px 'IBM Plex Mono',monospace}.stl-art-tag{position:absolute;bottom:16px;left:22px;font:10px 'IBM Plex Mono',monospace;letter-spacing:.05em;background:var(--stl-background);color:var(--stl-foreground);padding:6px 8px;border-radius:3px}.stl-card[data-template=noir] .stl-art-name{font-family:'Instrument Sans',sans-serif;text-transform:uppercase;font-weight:750;top:auto;bottom:54px;letter-spacing:-.065em}.stl-card[data-template=forma] .stl-art-name{font-family:'Instrument Sans',sans-serif;font-weight:750;left:auto;right:20px;top:20px;writing-mode:vertical-rl;font-size:54px}.stl-card[data-template=aura] .stl-art-name{font-style:italic;top:32%;left:50%;transform:translateX(-50%);font-size:76px}.stl-card[data-template=lumen] .stl-art-name{top:auto;bottom:50px;font-style:italic;font-size:66px}.stl-card[data-template=mono] .stl-art-name{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;font-weight:400;font-size:50px;left:20px;top:48px;letter-spacing:-.07em}.stl-card-copy{padding:18px 20px 19px}.stl-card-title{display:flex;align-items:baseline;gap:12px;justify-content:space-between}.stl-card-title h3{margin:0;font-size:21px;letter-spacing:-.025em}.stl-card-title>span{font-size:11px;color:#736c60;text-align:right}.stl-card-copy p{font-size:13px;line-height:1.55;color:#686156;margin:9px 0 17px;min-height:40px}.stl-card-open{border:0;border-top:1px solid #e6e3dc;padding:13px 0 0;width:100%;text-align:left;background:none;font-size:13px!important;font-weight:650!important;color:#1e1c18}.stl-card-open:hover{color:#932832}.stl-empty{grid-column:1/-1;padding:40px;text-align:center}.stl-empty p{font-size:14px;color:#686156}
.stl-detail{display:flex;flex-direction:column;min-height:0;flex:1}.stl-preview-toolbar{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--stl-line);background:#fff;flex-shrink:0}.stl-detail-name{font-size:16px;margin-right:auto;letter-spacing:-.02em}.stl-devices{display:flex;padding:3px;border:1px solid #dedbd3;border-radius:8px;background:#f1efe8}.stl-devices button{border:0;border-radius:5px;padding:7px 10px;background:transparent;font-size:12px;color:#665f54}.stl-devices button[aria-pressed=true]{background:#171715;color:#fff}.stl-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;flex:1;min-height:0}.stl-preview-stage{min-width:0;min-height:0;position:relative;overflow:hidden;background:radial-gradient(#d4d1c8 .65px,transparent .65px) 0 0/12px 12px,#e9e7e0}.stl-frame{position:absolute;top:16px;border:0;transform-origin:top left;background:#fff;box-shadow:0 3px 24px #15120b12;border-radius:3px}.stl-preview-stage[data-device=mobile] .stl-frame{border-radius:20px}.stl-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:#625d53;padding:30px;text-align:center}.stl-settings{overflow:auto;background:#fff;padding:26px 22px;border-left:1px solid var(--stl-line);min-width:0}.stl-description{font-size:19px;line-height:1.35;font-weight:550;letter-spacing:-.025em;margin:0 0 20px}.stl-swatches{display:flex;gap:4px;align-items:center;margin:0 0 25px}.stl-swatches i{width:21px;height:21px;border:1px solid #0002;border-radius:50%;flex-shrink:0}.stl-swatches span{font-size:11px;color:#686156;margin-left:6px}.stl-content-mode{border:0;border-top:1px solid #e4e0d7;padding:18px 0 0;margin:0}.stl-content-mode legend{font-size:12px;font-weight:650;padding:0 7px 0 0}.stl-choice{display:flex;align-items:start;gap:8px;margin-bottom:15px;cursor:pointer}.stl-choice input{margin:3px 0 0;accent-color:#b8323e}.stl-choice span{display:grid;gap:5px}.stl-choice b{font-size:13px;line-height:1.3;font-weight:600}.stl-choice small{font-size:12px;line-height:1.4;color:#686156}.stl-keep-colors{display:flex;align-items:center;gap:8px;font-size:12px;margin:10px 0 20px}.stl-keep-colors input{accent-color:#b8323e}.stl-scope,.stl-note,.stl-feedback{font-size:12px;line-height:1.55;color:#686156}.stl-scope{border-top:1px solid #e4e0d7;padding-top:17px}.stl-note{margin-top:20px}.stl-apply{background:#b8323e;color:#fff;font-weight:650!important;border:0;border-radius:9px;padding:13px 14px;width:100%;font-size:13px!important;line-height:1.4}.stl-apply:hover{background:#932832}.stl-feedback{color:#3c3830}.stl-retry{background:none;border:1px solid #cbc5b9;border-radius:7px;padding:9px 12px;font-size:12px!important}.stl-entry{position:relative;display:grid;gap:10px;text-align:left;background:#171715;color:#fff;border:0;border-radius:12px;padding:23px 42px 23px 20px;width:100%;margin:0 0 23px;cursor:pointer;overflow:hidden;font-family:inherit}.stl-entry-label{font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#ed9ba5}.stl-entry strong{font-size:25px;line-height:1.04;letter-spacing:-.035em;max-width:210px}.stl-entry small{font-size:12px;line-height:1.45;color:#cecac1;max-width:220px}.stl-entry-arrow{position:absolute;right:17px;top:20px;font-size:26px;color:#ed9ba5}.stl-entry:hover{background:#29251f}.stl-entry:disabled{opacity:.5;cursor:wait}.ob-template-library{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#191917;color:white;border-radius:12px;padding:21px 24px;margin:22px 0}.ob-template-library b{font-size:22px;letter-spacing:-.025em}.ob-template-library p{font-size:13px;color:#d7d2c7;margin:7px 0 0}.ob-template-library button{flex-shrink:0;background:#b8323e!important;color:#fff!important;border:0!important;border-radius:8px;padding:12px 18px!important;font:600 14px 'Instrument Sans',sans-serif!important}.ob-template-library button:hover{background:#932832!important}
@media(max-width:1100px){.stl-preview-toolbar{gap:8px;padding:12px}.stl-play{font-size:11px!important;padding:10px 8px}.stl-preview-layout{grid-template-columns:minmax(0,1fr) 252px}.stl-settings{padding:22px 17px}.stl-grid{gap:18px}.stl-art-name{font-size:52px}.stl-browse{padding:20px 24px}.stl-card-title>span{display:none}.stl-preview-toolbar .stl-reset{display:none}}
@media(max-width:780px){.stl-dialog{width:100vw;height:100dvh;border-radius:0;margin:0;max-width:none}.stl-head{padding:25px 20px}.stl-head h2{font-size:32px}.stl-lead{font-size:14px}.stl-browse{padding:18px 20px 28px}.stl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stl-filters{gap:12px;flex-wrap:wrap}.stl-filters label{flex:1}.stl-filters select{width:100%;min-width:0}.stl-count{margin-left:0}.stl-filters>.stl-reset{margin-left:auto}.stl-preview-toolbar{flex-wrap:wrap}.stl-detail-name{flex:1}.stl-devices{margin-left:auto}.stl-preview-layout{display:flex;flex-direction:column;overflow:auto}.stl-preview-stage{height:62dvh;min-height:400px;flex-shrink:0}.stl-settings{overflow:visible;border-left:0;border-top:1px solid var(--stl-line);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.stl-settings>.stl-eyebrow,.stl-description,.stl-swatches,.stl-feedback,.stl-note,.stl-retry{grid-column:1/-1}.stl-apply{align-self:start;grid-column:2;grid-row:5}.stl-content-mode{grid-column:1;grid-row:4/7}.stl-keep-colors{grid-column:2}.stl-scope{grid-column:2}.stl-art-name{font-size:43px}.stl-card[data-template=aura] .stl-art-name{font-size:62px}.stl-card-copy{padding:16px}.stl-card-copy p{font-size:12px}.stl-card-open{font-size:12px!important}.ob-template-library{align-items:start;flex-direction:column}.ob-template-library button{width:100%}}
@media(max-width:480px){.stl-grid{grid-template-columns:minmax(0,1fr)}.stl-card-art{aspect-ratio:1.6}.stl-art-name{font-size:65px}.stl-head{gap:12px}.stl-head h2{font-size:29px}.stl-close{font-size:12px!important;padding:9px}.stl-preview-toolbar .stl-play{order:4}.stl-preview-toolbar .stl-devices{order:3;margin-left:0}.stl-preview-toolbar .stl-close{margin-left:auto}.stl-detail-name{font-size:14px}.stl-preview-toolbar .stl-back{font-size:11px!important;padding:9px}.stl-settings{display:block}.stl-apply{margin-top:10px}.stl-preview-stage{height:66dvh;min-height:390px}.stl-frame{top:12px}.stl-description{font-size:22px}.stl-lead{max-width:250px}}
@media(prefers-reduced-motion:reduce){.stl-card,.stl-card-art img{transition:none!important;transform:none!important}}
.stl-coverage{font-size:13px;line-height:1.6;font-weight:600;padding:12px 0;border-block:1px solid #d9d8d0;color:#272722}.stl-card-includes{display:block;font-size:10px;letter-spacing:.07em;font-weight:600;line-height:1.6;color:#595951;margin:16px 0 4px}

/* One mood picker per template; the same control is available in the brand panel. */
.stl-visual-style,.brand-visual-style{min-width:0;padding:16px;border:1px solid #ded9d0;border-radius:8px;background:#f8f6f1;margin:0 0 22px}
.stl-visual-style label,.brand-visual-style label{display:grid!important;gap:8px;font:600 13px/1.4 var(--font-body,'Instrument Sans',sans-serif);margin:0!important}
.stl-visual-style select,.brand-visual-style select{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:44px;padding:10px 30px 10px 12px;border:1px solid #cbc5ba;border-radius:5px;background:#fff;color:#25221d;font:400 14px/1.5 var(--font-body,'Instrument Sans',sans-serif)}
.stl-visual-style img,.brand-visual-style img{display:block;width:100%;height:112px;object-fit:cover;border-radius:5px;margin-top:12px}
.stl-visual-style p,.brand-visual-style p{font:400 12px/1.55 var(--font-body,'Instrument Sans',sans-serif);color:#625c53;margin:12px 0 0}
.stl-visual-style small,.brand-visual-style small{display:block;color:#746b62;font:400 10px/1.5 var(--font-body,'Instrument Sans',sans-serif);margin-top:6px}
.brand-visual-style select:focus-visible{outline:3px solid #b8323e;outline-offset:3px}
.brand-visual-style select:disabled{opacity:.6;cursor:wait}
@media(max-width:780px){.stl-settings{display:block}.stl-visual-style select,.brand-visual-style select{font-size:16px}.stl-visual-style img{max-width:360px}}