/* Quiet, flat studio chrome. The images and effect lettering carry the character. */
.visually-hidden { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important; }
.studio-header.notch { top:16px;width:max-content;max-width:calc(100vw - 32px);height:48px;padding:6px 10px 6px 16px;gap:16px;border-radius:12px;background:#131620eb;border:1px solid #ffffff10;box-shadow:none;backdrop-filter:blur(16px); }
.studio-header .notch-mark { flex:none;font:600 16px/1 var(--font);letter-spacing:-.045em; }
.studio-header .notch-mark>span { display:block; }
.brand-dot { color:#8495be; }
.header-deck { display:flex;align-items:center;gap:0;padding-left:12px;border-left:1px solid #ffffff12; }
.studio-header #deckPosition { font:400 10px var(--mono);min-width:58px;color:#959eaf;letter-spacing:0; }
.header-icon { display:grid;place-items:center;width:28px;height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:#a9b2c3;cursor:pointer; }
.header-icon svg,.header-action svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none; }
.header-icon:hover { background:#ffffff07;color:#e7ebf5; }
.studio-header .model-trigger { order:0;flex:none;min-width:0;width:auto;max-width:210px;height:32px;gap:9px;padding:0 10px;border:0;border-left:1px solid #ffffff12;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none; }
.studio-header .model-trigger>span:first-child { display:flex;align-items:center;gap:8px; }
.studio-header .model-trigger small { font:400 10px/1 var(--font);color:#69758a;letter-spacing:0;text-transform:none; }
.studio-header .model-trigger b { font:450 11px/1.2 var(--font);max-width:140px;color:#c3cad8; }
.studio-header .model-chevron { font:12px/1 var(--font);color:#778399;transform:rotate(180deg); }
.studio-header .model-trigger:hover b { color:white; }
.header-actions { display:flex;align-items:center;gap:5px; }
.header-action { display:flex;align-items:center;justify-content:center;gap:6px;flex:none;height:32px;padding:0 9px;border-radius:7px;border:0;background:transparent;box-shadow:none;font:450 11px/1 var(--font);color:#aeb8ca;cursor:pointer;transition:background .15s,color .15s; }
.header-action:hover { background:#ffffff08;color:#e7ebf5; }
.studio-header .metal-action { color:#dce4f6;background:#283248;font-weight:500; }
.studio-header .metal-action:hover { background:#333f58; }
.header-clear { padding:0;width:28px;color:#7f899b; }
.header-clear span { display:none; }
.header-clear:hover { color:#ddb3bb; }
.studio-header button:focus-visible { outline:2px solid #879bc1;outline-offset:2px; }
.studio-header button:disabled { opacity:.3;cursor:default; }
#deckClose { margin-left:3px; }
.studio-header #undo { background:#ffffff07;color:#d5dcec;padding:0 9px;font-size:11px; }
html:not(.has-prints) .studio-header #clear,html:not(.has-prints) .studio-header #saveAll { display:none; }
.dock { justify-content:center; }
#deckHint.deck-hint { position:absolute;z-index:3;bottom:calc(var(--table-bottom) + 30px);left:50%;transform:translateX(-50%);margin:0;color:#75819a;font:400 10px/1.4 var(--font);letter-spacing:.02em;white-space:nowrap; }
html.deck-expanded #deckHint.deck-hint { bottom:22px; }
html.has-prints .talk { top:91px!important;font-size:clamp(18px,2vw,23px); }
.model-status { top:83px; }
.deck-rail { right:20px;background:transparent;box-shadow:none;border:0;border-radius:0;padding:6px;gap:9px;backdrop-filter:none; }
.deck-thumb { border-radius:6px;padding:2px;background:#151922;opacity:.42; }
.deck-thumb img { width:23px;height:28px;border-radius:4px; }
.deck-thumb[aria-pressed=true] { box-shadow:none;transform:none;border-color:#94a2bf; }
html.deck-expanded .deck-rail { top:45%;bottom:auto; }
/* Back cards are opaque paper, with a soft shade rather than ghosted images. */
.table .print .sheet,.table .print.free .sheet { border-radius:15px;box-shadow:0 0 0 1px #ffffff12,0 20px 55px #0005; }
.table .print .img-wrap { border-radius:11px; }
.table .print.deck-back .img-wrap::after { background:#0b10233b; }
html.deck-expanded .wheel,html.deck-expanded .dock { transition:opacity .2s ease; }
@media(max-width:880px) and (min-width:720px) {
 .studio-header.notch { gap:9px;padding-left:12px; }
 .header-action#add span { display:none; }
 .studio-header .model-trigger b { max-width:115px; }
}
@media(max-width:719px) {
 .studio-header.notch { top:10px;width:calc(100vw - 24px);max-width:none;height:80px;padding:8px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;border-radius:11px; }
 .studio-header .notch-mark { grid-column:1;grid-row:1;font-size:16px; }
 .header-deck { grid-column:2;grid-row:1;justify-self:end;border:0;padding:0; }
 .header-icon { width:27px;height:30px; }
 .studio-header #deckPosition { min-width:56px;font-size:10px; }
 .studio-header .model-trigger { grid-column:1;grid-row:2;justify-content:flex-start;width:100%;max-width:100%;padding:0;border:0;gap:8px; }
 .studio-header .model-trigger small { display:none; }
 .studio-header .model-trigger b { max-width:145px;font-size:10px; }
 .header-actions { grid-column:2;grid-row:2;gap:3px; }
 .header-action { width:32px;height:30px;padding:0; }
 .header-action span { display:none; }
 .header-action#saveAll { display:flex;width:40px; }
 .studio-header #undo { width:auto;padding:0 7px; }
 .studio-header #undo span { display:inline; }
 .studio-header #clear { width:27px; }
 html.has-prints .talk { top:112px!important;font-size:17px; }
 .model-status { top:105px; }
 .dock { left:50%;right:auto;transform:translateX(-50%);width:max-content;min-width:210px; }
 .dock .lmb { min-width:210px;height:50px; }
 .deck-rail { right:3px;padding:4px;gap:7px; }
 .deck-thumb img { width:18px;height:23px; }
 html.deck-expanded .deck-rail { top:auto;bottom:53px; }
}
@media(max-height:650px) { #deckHint.deck-hint { display:none; } }
@media(prefers-reduced-motion:reduce) { .header-action,.header-icon { transition:none; } }