/* A venue's show kit: legible controls beside the actual export. */
@font-face { font-family:'IBM Plex Mono'; font-style:normal; font-weight:400; font-display:swap; src:url('/assets/fonts/ibm-plex-mono-regular.woff2') format('woff2'); }
@font-face { font-family:'IBM Plex Mono'; font-style:normal; font-weight:700; font-display:swap; src:url('/assets/fonts/ibm-plex-mono-bold.woff2') format('woff2'); }
@font-face { font-family:'Archivo Black'; font-style:normal; font-weight:400; font-display:swap; src:url('/assets/fonts/archivo-black.woff2') format('woff2'); }
.sk { --sk-accent:#35c2ca; --sk-border:#333c3d; color:#ecf1ee; }
.sk * { box-sizing:border-box; }
.sk button,.sk input,.sk select,.sk textarea { font:inherit; }
.sk button,.sk a.sk-btn { cursor:pointer; }
.sk-head { display:flex; justify-content:space-between; gap:24px; align-items:end; margin:8px 0 26px; }
.sk-eyebrow { color:var(--sk-accent); font-size:11px; font-weight:700; letter-spacing:2px; margin:0 0 10px; }
.sk h2 { font:clamp(26px,4vw,42px)/1.08 'Archivo Black',sans-serif; margin:0 0 12px; letter-spacing:-1px; }
.sk h3 { font:18px/1.4 'Archivo Black',sans-serif; margin:0 0 8px; }
.sk p { line-height:1.65; }
.sk-intro { color:#b7c0bd; max-width:590px; font-size:13px; margin:0; }
.sk-modes,.sk-formats { display:flex; gap:4px; padding:4px; background:#101313; border:1px solid var(--sk-border); }
.sk-modes { flex-shrink:0; }
.sk-modes button,.sk-formats button { min-height:44px; border:0; padding:10px 14px; background:transparent; color:#b7c0bd; font-size:12px; }
.sk [aria-pressed=true] { background:var(--sk-accent); color:#061b1c; font-weight:700; }
.sk-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,440px); gap:28px; align-items:start; }
.sk-controls { min-width:0; }
.sk-brand-fields { border:0; padding:0; margin:0; min-width:0; }
.sk-brand-fields legend { padding:0; margin:0 0 16px; }
.sk-brand-fields:disabled { opacity:.65; }
.sk-logo-row { display:flex; align-items:center; gap:14px; margin-top:18px; }
.sk-logo-row>div { min-width:0; flex:1; }
.sk-logo-row input { max-width:100%; font-size:11px; }
#sk-logo-preview { width:74px; height:74px; object-fit:contain; padding:8px; border:1px solid #48584f; }
.sk-field-label { font-size:12px; font-weight:700; margin:20px 0 8px; }
.sk .sk-checkbox { display:flex; align-items:center; gap:8px; margin:14px 0; font-size:11px; }
.sk-brand-error { color:#f5c792; }
.sharing-show .partner-wrap { max-width:1200px; }
#promoter-show-kit { margin-top:26px; }
.sk-section { border:1px solid var(--sk-border); padding:22px; background:#0e1111; margin-bottom:18px; }
.sk-step { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.sk-step h3 { margin:0; }
.sk-step>span { display:grid; place-items:center; width:26px; height:26px; color:var(--sk-accent); border:1px solid #326063; font-size:11px; flex-shrink:0; }
.sk label { display:block; font-size:12px; font-weight:600; color:#d8e1dd; margin-bottom:8px; }
.sk input[type=search],.sk textarea,.sk input[type=text] { width:100%; border:1px solid #45504d; background:#070909; color:#f3f6f4; padding:13px; border-radius:0; min-height:46px; font-size:13px; }
.sk input::placeholder { color:#929e98; }
.sk-list { max-height:246px; overflow:auto; margin-top:12px; border:1px solid #2e3633; scrollbar-color:#4f6862 #101313; }
.sk-event { display:flex; width:100%; gap:14px; text-align:left; padding:13px; border:0; border-bottom:1px solid #2e3633; background:#121616; color:#dce4df; align-items:center; min-height:64px; }
.sk-event:last-child { border-bottom:0; }
.sk-event[aria-pressed=true] { background:#142b2c; color:#fff; box-shadow:inset 3px 0 var(--sk-accent); }
.sk-event:hover { background:#1d2927; }
.sk-date { width:43px; flex-shrink:0; text-align:center; border:1px solid #3c5551; padding:5px 3px; }
.sk-date b { display:block; font-size:19px; line-height:1.2; }
.sk-date small { font-size:9px; letter-spacing:1px; text-transform:uppercase; }
.sk-event-name { min-width:0; flex:1; }
.sk-event-name strong { display:block; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.sk-event-name small { display:block; font-size:10px; color:#b6c4be; margin-top:4px; font-weight:400; }
.sk-count,.sk-note { font-size:11px; color:#a5b3ad; line-height:1.65; margin:10px 0 0; }
.sk-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:14px; }
.sk-btn { display:inline-flex; justify-content:center; align-items:center; gap:8px; min-height:44px; padding:11px 15px; border:1px solid #566560; background:#151d1a; color:#e8efeb; text-decoration:none; font:600 12px/1.4 'IBM Plex Mono',monospace; border-radius:0; }
.sk-btn:hover { border-color:#93b5a6; background:#20302a; }
.sk-primary { background:var(--sk-accent); color:#051b1c; border-color:var(--sk-accent); }
.sk-primary:hover { background:#64d5da; border-color:#64d5da; }
.sk button:disabled { opacity:.5; cursor:wait; }
.sk-btn-small { font-size:11px; background:transparent; }
.sk-formats { margin:0 0 16px; }
.sk-formats button { flex:1; }
.sk-format-size { display:block; margin-top:2px; font-size:10px; font-weight:400; }
.sk-color { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.sk-color label { display:flex; gap:10px; align-items:center; margin:0; }
.sk input[type=color] { width:40px; height:40px; padding:3px; border:1px solid #59665f; background:#0c1010; }
.sk textarea { min-height:204px; resize:vertical; line-height:1.65; }
.sk-warning { padding:12px 14px; background:#251d10; border-left:3px solid #eab969; color:#f3d6a8; font-size:12px; line-height:1.65; margin:16px 0 0; }
.sk-preview { position:sticky; top:22px; border:1px solid #364340; background:repeating-linear-gradient(45deg,#101615,#101615 10px,#111918 10px,#111918 11px); padding:22px; }
.sk-preview-head { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:18px; }
.sk-preview-head span { font-size:10px; letter-spacing:1.5px; color:#c1d5cb; }
.sk-preview-head b { color:#a4bbb0; font-size:10px; font-weight:400; }
.sk-canvas-wrap { max-width:350px; margin:0 auto; box-shadow:0 12px 35px #0008; }
#sk-canvas { display:block; width:100%; height:auto; background:#080b0b; }
.sk-preview .sk-btn { width:100%; margin-top:20px; }
.sk-preview .sk-note { text-align:center; }
.sk-status { min-height:24px; font-size:12px; color:#9ce0c7; margin:12px 0 0; line-height:1.6; }
.sk-promotion { border-top:3px solid var(--sk-accent); }
.sk-promotion .sk-eyebrow { color:var(--sk-accent); }
.sk-link-row { display:flex; gap:8px; }
.sk-link-row input { min-width:0; flex:1; font-size:11px !important; }
.sk-qr-row { display:flex; gap:16px; align-items:center; margin-top:18px; }
.sk-qr-row canvas { width:92px; height:92px; flex-shrink:0; }
.sk-qr-row p { margin:0; font-size:12px; }
.sk-empty { padding:40px 24px; border:1px solid var(--sk-border); background:#101616; }
.sk-empty h3 { margin-bottom:12px; }
.sk-empty p { max-width:620px; color:#b7c0bd; font-size:13px; }
.sk [hidden] { display:none !important; }
.show-kit-btn { color:#75dae0; border-color:#356c70; }
.vi-pace-row .vi-show-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
@media(max-width:800px) { .sk-head { align-items:start; flex-direction:column; gap:18px; } .sk-grid { grid-template-columns:minmax(0,1fr) minmax(260px,.9fr); gap:18px; } .sk-section,.sk-preview { padding:16px; } }
@media(max-width:620px) { .sk-grid { display:flex; flex-direction:column; } .sk-controls,.sk-preview { width:100%; } .sk-preview { position:static; order:-1; } .sk-canvas-wrap { max-width:220px; } .sk-preview .sk-btn { margin-top:16px; } .sk-preview-head { margin-bottom:12px; } .sk h2 { font-size:29px; } .sk-head { margin-bottom:20px; } .sk-modes { width:100%; } .sk-modes button { flex:1; } .sk-preview { padding:16px; } .sk-section { padding:17px; } .sk-link-row { flex-wrap:wrap; } .sk-link-row .sk-btn { width:100%; } .sk-actions .sk-btn { flex:1; } }