:root{--paper:#f0efe8;--panel:#f9f9f5;--ink:#1b211c;--grey:#70776e;--line:#d8dad1;--pale:#e8e9e1;--orange:#f07843}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}.skip{position:absolute;left:10px;top:-100px;padding:10px;background:white;z-index:100}.skip:focus{top:10px}.top{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,88px);border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:850;line-height:1.1;font-size:14px}.mark{font-size:44px;letter-spacing:-.16em;font-weight:1000;padding-right:10px;line-height:1}.back{text-decoration:none;color:var(--grey);font-size:13px}.back:hover{color:var(--ink)}.container{max-width:1500px;margin:auto;padding:30px clamp(20px,5vw,88px) 70px}.overline,.eyebrow{font-size:11px;color:#e86f38;font-weight:750;letter-spacing:.07em}.eyebrow{color:var(--grey);letter-spacing:.035em}.heading{padding-bottom:27px}.heading h1{font-size:clamp(33px,4vw,58px);letter-spacing:-.05em;margin:10px 0 8px;font-weight:900}.heading>p:last-child{font-size:15px;color:var(--grey);margin:0}.body-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:26px;align-items:start}.archive{min-width:0}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 0 18px}.tabs{display:flex;gap:8px}.tabs button{border:1px solid var(--line);background:var(--panel);border-radius:50px;padding:10px 19px;font-weight:750}.tabs button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.search{border:1px solid var(--line);border-radius:50px;display:flex;align-items:center;gap:8px;background:#fff;padding:0 14px;max-width:260px;width:100%}.search input{padding:11px 0;width:100%;min-width:0;border:0;outline:0;background:transparent}.archive-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:25px;padding-top:24px}.folders{border-right:1px solid var(--line);padding-right:15px;max-height:600px;overflow:auto}.folders nav{display:grid;gap:1px;margin-top:12px}.folders button{border:0;background:none;padding:8px 8px 8px calc(8px + 9px*var(--depth,0));border-radius:8px;text-align:left;font-size:12px;color:#616b60;overflow-wrap:anywhere}.folders button:hover,.folders button.active{background:#e5e8e0}.folders button.active{color:var(--ink);font-weight:800}.mobile-select{display:none}.results{min-width:0}.results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--grey);font-size:11px;margin:0 0 17px}.results-head span:first-child{font-weight:750}.results-head span:last-child{white-space:nowrap}.cards{display:grid;gap:12px}.card{border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;grid-template-columns:108px minmax(0,1fr) 98px;gap:16px;align-items:center;padding:15px 17px;min-height:128px}.card.selected{border-color:#708575;box-shadow:inset 0 0 0 1px #708575}.thumb{width:108px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--paper);overflow:hidden}.thumb img{max-width:94px;max-height:58px;width:auto;height:auto;object-fit:contain;image-rendering:pixelated}.card-text{min-width:0}.card-text strong{display:block;font-size:15px;line-height:1.2;overflow-wrap:anywhere}.card-text small{display:block;color:var(--grey);font-size:12px;line-height:1.5;margin:5px 0}.pill{font-size:10px;background:#e9ebe4;color:#606a60;border-radius:30px;padding:4px 9px;display:inline-block}.card-side{display:flex;align-items:flex-end;flex-direction:column;gap:13px;font-size:11px;color:var(--grey)}.card-side button{background:none;border:0;border-bottom:1px solid var(--ink);padding:2px 0;font-weight:750;color:var(--ink);white-space:nowrap;font-size:12px}.archive-note{background:#e9eae4;padding:16px;border-radius:10px;margin-top:20px;font-size:12px;color:#586359;line-height:1.5}.empty{padding:28px;background:#fff;border:1px dashed var(--line);border-radius:12px;line-height:1.5;color:var(--grey)}.download{border-left:1px solid var(--line);padding:12px 0 20px 25px;position:sticky;top:105px}.download h2{font-size:22px;letter-spacing:-.025em;margin:12px 0 6px}.download p.sub{color:var(--grey);line-height:1.5;margin:0 0 22px}.selection{background:#e9eae4;border-radius:9px;padding:11px 13px;font-size:12px;color:#5a645b;line-height:1.5;margin-bottom:24px}.auth label{font-weight:700;display:block;font-size:12px;margin:11px 0 8px}.auth input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:13px 10px}.dark,.light{width:100%;border:none;border-radius:50px;padding:14px 10px;margin-top:12px;font-weight:750}.dark{background:var(--ink);color:#fff}.light{background:#e5e7e0;color:var(--ink)}.terms{border-top:1px solid var(--line);margin-top:23px;padding-top:14px}.term-box{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.65}.term-box input{width:18px;height:18px;flex:none;margin:3px 0 0;accent-color:var(--ink)}details{font-size:12px;margin-top:12px;color:var(--grey)}details summary{cursor:pointer}details p{line-height:1.6}.download-button{margin-top:25px}.helper,.privacy,.status{font-size:12px;color:var(--grey);line-height:1.55}.status{min-height:16px}.status.error{color:#a23e2d}.verified{font-size:12px;border-radius:8px;background:#e0ebdf;padding:12px;color:#2f5235}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;padding:25px clamp(20px,5vw,88px);font-size:11px;color:var(--grey)}.footer a{text-decoration:none}.footer a:first-child{font-weight:850;color:var(--ink)}
@media(max-width:1070px){.body-grid{grid-template-columns:minmax(0,1fr) 265px;gap:16px}.archive-grid{grid-template-columns:145px minmax(0,1fr);gap:16px}.card{grid-template-columns:88px minmax(0,1fr);gap:10px}.thumb{width:88px;height:75px}.card-side{grid-column:2;align-items:flex-start;flex-direction:row;justify-content:space-between}.download{padding-left:16px}}
@media(max-width:790px){.body-grid{display:block}.download{position:static;border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:22px;margin-top:25px;scroll-margin-top:100px}.archive-grid{grid-template-columns:160px minmax(0,1fr)}.card{grid-template-columns:100px minmax(0,1fr) 90px}.card-side{grid-column:auto;display:flex;flex-direction:column;align-items:flex-end}.thumb{width:100px}.container{padding-top:22px}}
@media(max-width:590px){.top{height:78px;padding:0 17px}.brand{font-size:12px}.mark{font-size:38px}.back{font-size:12px}.container{padding:20px 15px 55px}.heading{padding-bottom:21px}.heading h1{font-size:35px}.heading>p:last-child{font-size:13px;line-height:1.45}.toolbar{display:block}.search{max-width:none;margin-top:12px}.archive-grid{display:block;padding-top:18px}.folders{border:0;padding:0;max-height:none;margin-bottom:18px}.folders nav,.folders .eyebrow{display:none}.mobile-select{display:grid;gap:8px;font-size:11px;color:var(--grey)}.mobile-select select{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px;color:var(--ink)}.results-head{font-size:10px}.card{padding:12px;grid-template-columns:80px minmax(0,1fr);gap:10px;min-height:112px}.thumb{width:80px;height:70px}.thumb img{max-width:72px;max-height:48px}.card-text strong{font-size:13px}.card-text small{font-size:11px}.card-side{grid-column:2;align-items:center;flex-direction:row;justify-content:space-between;gap:6px}.card-side button{font-size:11px}.archive-note{font-size:11px}.download{margin-top:22px;padding:18px}.footer{padding:24px 16px;flex-wrap:wrap}.selection{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* RC11b: kleine Motiv-Sammelliste, kein Eingriff in die Hauptgalerie */
.cart-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:11px;color:var(--grey)}
.cart-clear,.cart-remove{border:0;background:transparent;padding:4px;color:var(--ink);font-size:11px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.cart-clear[hidden]{display:none}
.cart-group{border-bottom:1px solid #d7dbd2;padding:9px 0 10px}
.cart-group:last-child{border-bottom:0;padding-bottom:0}
.cart-group:first-child{padding-top:0}
.cart-group-head{display:flex;align-items:start;justify-content:space-between;gap:8px}
.cart-group-head strong{font-size:12px;color:var(--ink);overflow-wrap:anywhere}
.cart-group>small{display:block;color:var(--grey);margin:2px 0 6px;overflow-wrap:anywhere}
.cart-file{display:flex;align-items:start;gap:7px;margin:5px 0;overflow-wrap:anywhere;line-height:1.5;cursor:pointer}
.cart-file input{flex:none;margin:2px 0 0}
.selection{max-height:300px;overflow:auto}
.download-auth-title{font-size:14px;margin:22px 0 10px;letter-spacing:-.02em}
.card-side button[aria-pressed=true]{color:#476b4b;border-color:#476b4b}
@media(max-width:590px){.selection{max-height:270px}}

/* RC11e: four-digit e-mail code, deliberately compact. */
.code-stage{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.code-stage[hidden]{display:none}
.code-stage>label{display:block;font-size:12px;font-weight:750;margin:0 0 9px}
.code-stage>input{width:100%;max-width:170px;text-align:center;letter-spacing:.28em;font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:9px;background:#fff;padding:12px;font-size:21px}
.code-stage .dark{margin-top:12px}
.code-stage .light{margin-top:6px}
.code-stage .resend{margin-top:9px;background:none;border:0;text-decoration:underline;font-size:12px;padding:8px;color:var(--grey)}

/* RC11e compact: scroll between fixed header and always-reachable mobile checkout */
[hidden]{display:none!important}
.checkout-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.checkout-head .overline{margin:0}.checkout-head h2{font-size:19px;margin:6px 0 12px}
.checkout-close{display:none;border:0;background:transparent;color:var(--grey);padding:7px;font-weight:700;font-size:12px}
.step-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:10px 0 13px;color:var(--grey);font-size:11px}
.step-progress strong{color:var(--ink);font-size:12px}
.selection-details{margin:0 0 15px;border:1px solid var(--line);border-radius:10px;background:#eff0e9;overflow:hidden;color:var(--ink)}
.selection-details summary{margin:0;padding:11px 12px;font-weight:750;font-size:12px;cursor:pointer;color:var(--ink)}
.selection-details[open] summary{border-bottom:1px solid var(--line)}
.selection-details .selection{border-radius:0;margin:0;padding:10px 13px;max-height:min(27dvh,220px);overflow-y:auto;overscroll-behavior:contain}
.selection-details .cart-group{padding:9px 0}
.selection-details .cart-file span{overflow-wrap:anywhere}
.cart-top{margin-bottom:10px}
.stage-panel{min-width:0}
.stage-panel h3{margin:2px 0 10px;font-size:15px;line-height:1.3;letter-spacing:-.02em}
.stage-panel .helper{font-size:12px;line-height:1.5;margin:10px 0}
.stage-panel .dark,.stage-panel .light{margin-top:10px;min-height:44px}
.stage-panel .light{margin-top:7px}
.stage-panel .terms{border-top:none;margin:0;padding:0}
.stage-panel .term-box{line-height:1.6}
.stage-panel .code-stage{border:0;padding:0}
.stage-panel#code-stage{background:transparent;border:0;padding:0;margin:0}
.stage-panel#code-stage>label{display:block;font-weight:750;margin:8px 0;font-size:12px}
.stage-panel#code-stage>input{display:block;width:100%;max-width:200px;text-align:center;letter-spacing:.25em;font-variant-numeric:tabular-nums;font-size:22px;border-radius:9px;border:1px solid var(--line);padding:12px;background:#fff}
.stage-panel#code-stage .resend{border:0;background:none;text-decoration:underline;color:var(--grey);font-size:12px;padding:12px}
.download{padding-top:9px;max-height:calc(100dvh - 105px);overflow:hidden;display:flex;flex-direction:column}
.checkout-content{min-height:0;max-height:calc(100dvh - 124px);overflow:auto;scrollbar-gutter:stable;padding-right:5px}
.mobile-cart-bar{display:none}
@media(min-width:791px){
 .results .cards{max-height:calc(100dvh - 300px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:7px}
 .folders{max-height:calc(100dvh - 300px)}
}
@media(max-width:790px){
 html,body{height:100%;overflow:hidden}
 .top{height:76px;position:relative}
 .container{height:calc(100vh - 76px);height:calc(100dvh - 76px);display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-top:12px;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .heading{flex:none;padding-bottom:12px}
 .heading h1{font-size:clamp(25px,4.5vw,32px);margin:4px 0}
 .heading>p:last-child{font-size:12px}
 .body-grid{display:flex;flex-direction:column;flex:1;min-height:0;gap:0}
 .archive{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
 .toolbar{flex:none;padding-bottom:10px}
 .archive-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;flex:1;min-height:0;overflow:hidden;padding-top:12px}
 .folders{max-height:none;min-height:0;overflow:auto}
 .results{display:flex;flex-direction:column;min-height:0;overflow:hidden}
 .results-head{flex:none;margin-bottom:9px}
 .results .cards{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 4px 14px 0;scrollbar-gutter:stable}
 .archive-note{display:none}
 .footer{display:none}
 .download{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:101;height:auto;max-height:none;margin:0;padding:0;border:0;border-top:1px solid var(--line);border-radius:15px 15px 0 0;background:var(--panel);box-shadow:0 -5px 25px #1b211c1c}
 .mobile-cart-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));min-height:72px}
 .mobile-cart-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
 .mobile-cart-copy .overline{margin:0;font-size:9px}
 .mobile-cart-copy strong{font-size:12px;overflow-wrap:anywhere}
 .mobile-cart-bar .dark{width:auto;white-space:nowrap;margin:0;min-height:44px;padding:10px 15px}
 .download .checkout-content{display:none}
 .download.is-expanded{height:min(86dvh,690px);display:flex;flex-direction:column}
 .download.is-expanded .checkout-content{display:block;max-height:none;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px));scrollbar-gutter:stable}
 .download.is-expanded .mobile-cart-bar{display:none}
 .checkout-close{display:block}
 .checkout-shade:not([hidden]){display:block;position:fixed;inset:0;background:#101b15a1;z-index:100}
 body.checkout-open .archive,body.checkout-open .top{pointer-events:none}
}
@media(max-width:590px){
 .top{height:72px}
 .container{height:calc(100vh - 72px);height:calc(100dvh - 72px);padding:9px 13px calc(76px + env(safe-area-inset-bottom,0px))}
 .heading{padding-bottom:10px}
 .heading h1{font-size:29px}
 .heading>p:last-child{font-size:11px}
 .toolbar{display:flex;align-items:center;gap:8px;padding-bottom:9px}
 .tabs{gap:4px;flex:none}.tabs button{padding:8px 12px;font-size:12px}
 .search{margin:0;min-width:0;padding:0 8px;flex:1}
 .search input{padding:9px 0;font-size:12px}
 .archive-grid{display:flex;flex-direction:column;gap:8px;padding-top:9px;min-height:0}
 .folders{flex:none;margin:0;padding:0;overflow:visible}
 .mobile-select{gap:5px;font-size:10px}
 .mobile-select select{padding:9px}
 .results{flex:1;min-height:0}
 .results .cards{padding-right:2px}
 .card{min-height:92px;padding:10px;gap:8px}
 .thumb{width:76px;height:57px}.thumb img{max-width:70px;max-height:46px}
 .card-text strong{font-size:12px}
 .card-text small{font-size:10px;line-height:1.3;margin:3px 0}
 .pill{font-size:9px;padding:3px 7px}
 .card-side{gap:4px}
 .card-side span{font-size:10px}
 .card-side button{font-size:11px}
 .mobile-cart-bar{padding:9px 13px calc(9px + env(safe-area-inset-bottom,0px))}
}
@media(max-height:660px) and (max-width:790px){.heading>p:last-child{display:none}.heading{padding-bottom:7px}.archive-grid{padding-top:6px}}
/* Prevent a single card from stretching to fill the entire mobile scroll area. */
.results .cards{align-content:start;grid-auto-rows:max-content}
