/* Shared DISKOGRAPHE identity and first-screen optical anchor. */
:root{--focus-y:45svh;--focus-size:min(78vw,40svh,340px);--disc-size:calc(var(--focus-size) / .87568);--ui-radius:8px;--ui-accent:#df4a1c}
body.store.mididisk-library,.creator-generator{font-family:'IBM Plex Mono',ui-monospace,monospace}
.store.mididisk-library .logo,.scan-unified .brand{font-family:system-ui,-apple-system,sans-serif;font-weight:750;font-size:21px;letter-spacing:-.8px;text-transform:none}
.store.mididisk-library button,.store.mididisk-library button.secondary,.store.mididisk-library .action,.store.mididisk-library select,.store.mididisk-library nav a,.store.mididisk-library .track-info>a,.creator-generator button,.creator-generator select{border-radius:var(--ui-radius);letter-spacing:.02em;text-transform:none;min-height:44px}
.store.mididisk-library .playround{background:var(--accent);color:var(--paper);border-radius:50%;width:56px;height:56px;min-width:56px;font-size:11px}
.store.mididisk-library .catalog-card,.store.mididisk-library .product,.store.mididisk-library .basket{border-radius:12px}
.scan-unified .brand{font-size:21px}.scan-unified h1{font-size:25px;letter-spacing:-.5px;font-weight:500}.scan-unified .hint,.scan-unified .badge,.scan-unified .links,.scan-unified details{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px}
.scan-unified .links a,.scan-unified #choosephoto{border:1px solid #ffffff70;border-radius:8px;padding:10px 12px;text-decoration:none;background:#141719aa}
.scan-unified .reticle{top:var(--focus-y);width:var(--focus-size);height:var(--focus-size);border:1px solid #e7e3d7}
.scan-unified .reticle:before{border-width:1px;opacity:.35}.scan-unified .idlemark{top:var(--focus-y);font-size:35px;font-weight:300}
.creator-intro h1{font:500 28px 'IBM Plex Mono',monospace;letter-spacing:-.6px!important}.creator-intro section{border-top:1px solid var(--hair);padding-top:22px}
@media(max-width:600px){
 .store.mididisk-library .immersive{position:relative;min-height:calc(100svh - var(--anchor-top,80px));}
 .store.mididisk-library .immersive .disc-canvas{position:absolute;left:50%;top:calc(var(--focus-y) - var(--anchor-top,80px));transform:translate(-50%,-50%);width:var(--disc-size);border:0;background:transparent}
 .store.mididisk-library .disc-tools{position:absolute;left:0;right:0;top:calc(var(--focus-y) + var(--disc-size)/2 + 16px - var(--anchor-top,80px));gap:6px}
 .store.mididisk-library .disc-tools button{min-height:38px;padding:8px 10px;font-size:10px!important}
 .store.mididisk-library .playcontrols{position:absolute;left:0;right:0;bottom:14px;grid-template-columns:auto 1fr auto;gap:10px}
 .store.mididisk-library #time{grid-column:auto;font-size:10px}
 .store.mididisk-library .track-info h1{font-size:16px}
 .creator-generator .stage{position:relative;min-height:calc(var(--focus-y) + var(--disc-size)/2 + 20px - var(--anchor-top,220px));background:transparent;border:0}
 .creator-generator #dial{position:absolute;left:50%;top:calc(var(--focus-y) - var(--anchor-top,220px));transform:translate(-50%,-50%);width:var(--disc-size)!important;height:var(--disc-size)!important}
 .creator-generator .wrap{padding:18px 0}.creator-generator header.top h1{font-family:system-ui,sans-serif;font-size:19px;letter-spacing:-.5px;text-transform:none}
}
@media(max-height:650px) and (max-width:600px){:root{--focus-size:min(66vw,32svh,280px)}.store.mididisk-library .disc-tools{top:calc(var(--focus-y) + var(--disc-size)/2 + 5px - var(--anchor-top,80px))}}
.scan-unified details{top:calc(180px + env(safe-area-inset-top));z-index:3}
@media(max-height:700px){.scan-unified h1{font-size:21px;margin-top:18px}.scan-unified .app>p:not(.result){font-size:12px}.scan-unified details{top:calc(158px + env(safe-area-inset-top))}}
/* UI/UX pass: readable interface type, quiet technical data. */
body.store.mididisk-library{font:400 16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.store.mididisk-library h1{font:600 clamp(20px,3vw,28px)/1.25 system-ui,sans-serif;letter-spacing:-.4px}
.store.mididisk-library h2{font:600 20px/1.3 system-ui,sans-serif;letter-spacing:0}
.store.mididisk-library h3{font:600 17px/1.3 system-ui,sans-serif;letter-spacing:0}
.store.mididisk-library button,.store.mididisk-library button.secondary,.store.mididisk-library select,.store.mididisk-library nav a,.store.mididisk-library .action,.store.mididisk-library .track-info>a{font:500 14px/1.25 system-ui,sans-serif;letter-spacing:0;min-height:44px;text-transform:none}
.store.mididisk-library .notice{font-size:14px}.store.mididisk-library .track-info #artist{font:400 14px/1.4 system-ui,sans-serif}
.store.mididisk-library .disc-tools{gap:8px;align-items:center}.store.mididisk-library .renderchoice{gap:4px}.store.mididisk-library .disc-tools button{font:500 13px/1.2 system-ui,sans-serif!important;min-height:44px;padding:10px 12px}
.store.mididisk-library .disc-search{font:400 16px/1.5 system-ui,sans-serif}
.creator-generator button,.creator-generator select{font-family:system-ui,sans-serif;font-size:14px;letter-spacing:0;text-transform:none}.creator-generator .meta,.creator-generator table{overflow-x:auto}.creator-generator .controls{gap:8px}
.scan-unified .app{padding:24px;isolation:isolate}
.scan-unified header{max-width:540px}.scan-unified .brand{font-size:24px}.scan-unified .badge{font:500 13px system-ui,sans-serif}
.scan-unified h1{font:600 28px/1.2 system-ui,sans-serif;letter-spacing:-.6px;margin:28px auto 10px;max-width:540px;text-shadow:none}
.scan-unified .app>p:not(.result){font:400 16px/1.5 system-ui,sans-serif;max-width:540px;margin:0 auto;color:#c8cdcf;text-shadow:none}
.scan-unified .stage{background:#141719}.scan-unified .stage:after{background:linear-gradient(180deg,#141719e6,transparent 32%,transparent 60%,#141719ed)}
.scan-unified .reticle{border:1px solid #edeae2}.scan-unified .reticle:before{inset:12px;border:1px dashed #c9c5bc;opacity:.5}.scan-unified .idlemark{color:#b4bcbc}
.scan-unified .controls{bottom:calc(126px + env(safe-area-inset-bottom));width:240px}.scan-unified .central{width:68px;height:68px;border:0;outline:1px solid #ef6942;outline-offset:6px;background:#ef6942}
.scan-unified .hint{font:500 14px/1.5 system-ui,sans-serif;margin-top:18px}.scan-unified .result{font:400 14px/1.4 system-ui,sans-serif;bottom:calc(252px + env(safe-area-inset-bottom));padding:10px 16px;background:#202629e6}
.scan-unified #choosephoto{bottom:calc(76px + env(safe-area-inset-bottom));font:500 14px system-ui,sans-serif;min-height:44px}
.scan-unified .links{gap:12px;bottom:calc(16px + env(safe-area-inset-bottom));padding:0;border:0}.scan-unified .links a{flex:1;font:500 14px/1.2 system-ui,sans-serif;min-height:44px;display:flex;align-items:center;justify-content:center;background:#202629e6;text-align:center}
.scan-unified details{position:relative;top:auto;right:auto;max-width:540px;margin:12px auto 0;text-align:left}.scan-unified details summary{font:400 14px/1.4 system-ui,sans-serif;color:#bbc3c6;min-height:44px;display:flex;align-items:center;cursor:pointer}.scan-unified details[open]{position:fixed;top:96px;left:24px;right:24px;margin:auto;padding:20px;max-height:65svh;z-index:4}
@media(max-width:600px){.store.mididisk-library .track-info h1{font-size:19px}.store.mididisk-library nav a{font-size:13px;padding:10px}.store.mididisk-library .track-info>a{font-size:12px;padding:10px}.store.mididisk-library .disc-tools{flex-wrap:wrap}.store.mididisk-library .playcontrols{bottom:8px}}
@media(max-height:740px) and (max-width:600px){.scan-unified h1{font-size:23px;margin-top:16px}.scan-unified .app>p:not(.result){font-size:14px}.scan-unified details{margin:0}.scan-unified .controls{bottom:122px}.scan-unified .result{bottom:230px;font-size:12px}.scan-unified .hint{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.print-options{display:grid;gap:16px;margin:16px 0}.print-options label{display:grid;gap:6px;font-size:14px}.print-options select{width:100%;margin:0}.shirt-previews{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shirt-previews figure{margin:0}.shirt-previews canvas{width:100%;height:auto}.shirt-previews figcaption{text-align:center;font-size:14px;font-weight:500;margin:8px 0}.print-summary{font-size:14px}.store.mididisk-library .preset{width:100%;background:var(--paper);border:1px solid var(--ink2)}
@media(max-height:740px) and (max-width:600px){:root{--focus-size:min(70vw,32svh,280px)}.scan-unified details summary{min-height:36px}.scan-unified .central{width:56px;height:56px}.scan-unified .hint{margin-top:10px;font-size:12px}.scan-unified .result{bottom:212px;padding:8px 12px}.scan-unified .controls{bottom:122px}}
/* Product-led discovery: one clear path from the track to its objects. */
.store.mididisk-library .track-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-shrink:0}
.store.mididisk-library .track-actions a{padding:10px 14px;min-height:44px;font:500 14px/1.2 system-ui,sans-serif;text-decoration:none;border:1px solid var(--ink2);border-radius:8px;text-align:center;background:var(--paper2)}
.store.mididisk-library .track-actions .wear-cta{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}
.store.mididisk-library .track-actions a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.store.mididisk-library .track-actions .wear-cta:hover{filter:brightness(.92)}
.store.mididisk-library #shop{scroll-margin-top:16px}
.card-invite{display:block;font:500 14px system-ui,sans-serif;margin-top:16px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.atelier-nav{display:flex;gap:12px;margin:0 0 14px;font:14px system-ui,sans-serif}.atelier-nav a{color:var(--ink);padding:10px 14px;border:1px solid var(--hair);border-radius:8px;text-decoration:none;min-height:44px}
@media(max-width:600px){.store.mididisk-library .track-actions{gap:6px}.store.mididisk-library .track-actions a{font-size:12px;padding:10px}.store.mididisk-library .track-info{align-items:flex-start}.store.mididisk-library .track-info>div{min-width:0}.store.mididisk-library .track-info h1{overflow-wrap:anywhere}.store.mididisk-library .track-actions .wear-cta{max-width:125px}}
@media(max-height:740px) and (max-width:600px){.scan-unified .app>p:not(.result){font-size:13px;line-height:1.4}.scan-unified details summary{font-size:13px}}
@media(max-width:600px){.store.mididisk-library .track-info #artist{font:400 12px/1.4 system-ui,sans-serif;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store.mididisk-library .track-info h1{font-size:18px;line-height:1.2;margin:6px 0}.store.mididisk-library .track-info #duration{font-size:12px;line-height:1.3}}
@media(max-width:600px){.store.mididisk-library .track-actions .wear-cta{font-size:12px;white-space:nowrap}.store.mididisk-library .track-actions{gap:6px}}

.scan-unified .brand{text-decoration:none}.site-footer{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;padding:20px 0;border-top:1px solid var(--hair);font-size:14px}