*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:#1d2430;background:#f3f5f8}a{color:#1769aa}button,.button-link{display:inline-block;border:0;border-radius:8px;background:#1769aa;color:#fff;padding:11px 18px;font-weight:700;text-decoration:none;cursor:pointer}button.secondary{background:#626b76}input{width:100%;padding:11px;border:1px solid #ccd3db;border-radius:7px;background:#fff;font-size:16px}label{display:block;font-weight:700;margin:0 0 7px}.admin-body{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#fff;border-bottom:1px solid #dde3ea}.admin-wrap{max-width:1100px;margin:26px auto;padding:0 16px}.panel{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.panel.narrow{max-width:420px;margin:12vh auto}.muted{color:#697482;font-size:14px}.alert{padding:10px 12px;border-radius:7px;background:#fff1f1;color:#9a2222;margin:12px 0}.grid-form{display:grid;grid-template-columns:2fr 120px auto;gap:16px;align-items:end}.form-action{padding-bottom:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{padding:10px;border-bottom:1px solid #e4e8ed;text-align:left;white-space:nowrap}.status-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0}.status-grid>div{background:#f6f8fa;padding:14px;border-radius:8px}.label{display:block;font-size:12px;color:#6c7784;margin-bottom:4px}.actions{display:flex;gap:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px}.qr{width:220px;min-height:220px;background:#fff}.panel code{display:block;overflow-wrap:anywhere;background:#f4f6f8;padding:10px;border-radius:6px;margin:0 0 12px}.viewer-body{background:#050608;color:#fff;overflow:hidden}.viewer-shell{height:100vh;display:grid;grid-template-rows:auto 1fr auto}.viewer-header,.viewer-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0d1015}.viewer-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.live-badge{font-size:12px;font-weight:800;background:#d62020;color:#fff;padding:4px 8px;border-radius:999px}.live-badge.off{background:#59616d}.slide-stage{display:flex;align-items:center;justify-content:center;min-height:0;background:#000}.slide-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.viewer-message{color:#c8ced8;text-align:center;padding:24px}.viewer-footer{justify-content:center;font-size:11px;color:#9ea7b3;padding:5px 10px}@media(max-width:720px){.grid-form,.two-col,.status-grid{grid-template-columns:1fr}.panel{padding:18px}.topbar{padding:12px 14px}}

.live-badge.connected{background:#267a3d}.viewer-message{max-width:680px;line-height:1.75}
.share-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.share-toolbar button:disabled{opacity:.5;cursor:not-allowed}.auto-toggle{display:inline-flex;align-items:center;gap:7px;margin:0;padding:8px 2px;font-weight:700}.auto-toggle input{width:auto}.share-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.share-status-grid>div{background:#f6f8fa;padding:14px;border-radius:8px}.share-preview-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#0b0d10;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.share-preview-wrap video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.preview-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#9aa4b0;background:#0b0d10}.error-text{color:#a82323!important}@media(max-width:720px){.share-status-grid{grid-template-columns:1fr 1fr}}
.history-notice{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:3;padding:7px 12px;border-radius:999px;background:rgba(26,31,39,.88);color:#fff;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.slide-stage{position:relative}
.viewer-controls{gap:8px;justify-content:center;padding:7px 10px;min-height:48px}
.viewer-control{appearance:none;border:1px solid #343c48;background:#191e26;color:#fff;border-radius:7px;padding:7px 12px;min-width:44px;font-size:12px;font-weight:700;line-height:1;cursor:pointer}
.viewer-control.latest{min-width:66px}
.viewer-control:disabled{opacity:.35;cursor:default}
.viewer-slide-label{min-width:76px;text-align:center;font-size:11px;color:#b5bdc8;font-variant-numeric:tabular-nums}
.viewer-shell:fullscreen{background:#050608}
@media(max-width:540px){.viewer-controls{gap:5px;padding-left:6px;padding-right:6px}.viewer-control{padding:7px 9px;min-width:38px}.viewer-control.latest{min-width:60px}.viewer-slide-label{min-width:66px}.viewer-title{max-width:70vw}}