/* Slash9 Productions: original logo, photography, Futura and brand gold. */
@font-face{font-family:Slash9 Light;src:url('/brand-assets/futura-light.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Slash9 Medium;src:url('/brand-assets/futura-medium.woff2') format('woff2');font-display:swap;font-weight:400 800}
:root{--bg:#101010;--panel:#191919;--line:#35332b;--muted:#b9b5aa;--text:#f6f4ef;--lime:#ffe380}
body{font-family:'Slash9 Light','Segoe UI',sans-serif;font-size:16px;background:var(--bg)}
header{height:108px;padding:12px 42px;background:#141414;border-color:#4b432e}
.brand{display:flex;align-items:center;gap:28px;letter-spacing:normal}
.brand img{display:block;width:66px;height:78px;object-fit:contain}
.brand small{margin:0;padding-left:26px;border-left:1px solid #5b5032;color:var(--lime);font-family:'Slash9 Medium',sans-serif;letter-spacing:2.6px;font-size:12px}
.topright{font-size:13px}.pill,.tag{border-radius:0;color:var(--lime);border-color:#5b5032}
h1,h2,button,.eyebrow,.tabs,.info-row strong{font-family:'Slash9 Medium','Segoe UI',sans-serif}
h1{font-size:34px;line-height:1.15;text-transform:uppercase;letter-spacing:1px;color:var(--lime);font-weight:400}
h1 strong,.login h2 strong{color:white;font-weight:inherit}
h2{font-size:18px;font-weight:400}.eyebrow{letter-spacing:2px;font-weight:400;font-size:11px}
.intro{margin:5px 0 30px}.intro p{font-size:16px;margin-top:12px}
.panel{border-radius:2px;border-color:var(--line)}.panelhead{background:#1d1c19;padding:19px 24px}
.panelbody{padding:24px}.saved{font-size:13px}
label{font-size:14px;color:#e4dfcf;font-weight:400}
input,textarea,select{font-family:'Slash9 Light','Segoe UI',sans-serif;font-size:16px;line-height:1.35;background:#111;border-color:#48443a;color:#fff;border-radius:2px}
input:focus,textarea:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 2px #ffe38020}
button{font-family:'Slash9 Medium',sans-serif;font-size:13px;font-weight:400;letter-spacing:.4px;border-radius:2px;background:#292720;border-color:#59513a}
button:hover{background:#443e2b}.primary{color:#15140f;background:var(--lime);border-color:var(--lime);text-transform:uppercase;letter-spacing:1px;padding:12px 20px}
.primary:hover{background:#ffedb0}.quiet{background:transparent;color:#d1c9b3}.danger{color:#ffaaa5}
.tabs{border-radius:2px;background:#171717;gap:0;padding:0}.tabs button{border-radius:0;font-size:15px;padding:15px 12px}
.tabs button.active{background:var(--lime);color:#17150d}.tabs span{background:#51482b;color:#fff0b9;border-radius:2px}
.dot.live{box-shadow:0 0 12px #ffe38044}.switch input:checked+span:before{background:#29230f}
.video-message{background:linear-gradient(135deg,#28251c,#101010 65%)}.video-message strong{font-family:'Slash9 Medium',sans-serif}
.info-row strong{font-size:21px;color:#fff}.info-row>div{border-color:#6d5d31}
.monitor-footer,.note p{font-size:13px}.hint{font-size:12px}.applybar>span{font-size:12px}
.unit{color:var(--muted)}footer{color:#aaa18b;font-size:10px}
.text-styles span{background:#141414;border-color:#59513a;color:#eee6d1;border-radius:2px}
.text-styles input:checked+span{color:#201b0d}.font-preview,.symbol-picker{background:#121212;border-radius:2px}
.symbol-picker summary{color:#e4dfcf;font-size:14px}.font-count,.text-styles small{font-size:12px}
.font-preview{border-color:var(--line)}.symbol-picker p{font-size:13px}
.login-page{display:flex;align-items:stretch;min-height:100vh;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.8)),url('/brand-assets/hero.jpg') center/cover fixed}
.login-header{background:rgba(12,12,12,.55);height:126px;padding:18px 5vw;flex-shrink:0}
.login-header .brand img{width:78px;height:90px}.website-link{color:var(--lime);font-family:'Slash9 Medium',sans-serif;letter-spacing:1.4px;text-transform:uppercase;font-size:13px;text-decoration:none}
.website-link:hover{color:white}.login-layout{width:100%;max-width:1600px;display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:65px;align-items:center;flex:1;padding:70px 5vw}
.login-story h1{font-size:clamp(32px,3.8vw,57px);line-height:1.3;letter-spacing:1.3px;margin:22px 0}
.login-story h1 strong{display:inline}.login-story p{font-size:20px;line-height:1.55;color:#e0dacc}
.login{width:100%;padding:34px;background:rgba(20,20,19,.95);border-top:2px solid var(--lime);box-shadow:0 20px 60px #0005}
.login h2{font-size:38px;text-transform:uppercase;letter-spacing:1px;color:var(--lime);margin:10px 0}
.login p{font-size:16px;margin:8px 0 28px}.login input{padding:13px}.login button{padding:15px}.login small{font-size:12px;margin-top:23px}
.login-footer{margin:0 5vw;padding:20px 0 24px;flex-shrink:0;border-color:#ffffff28}
@media(max-width:1100px){.login-layout{gap:35px;grid-template-columns:minmax(0,1fr) 370px}.login-story h1{font-size:36px}}
@media(max-width:800px){.login-layout{grid-template-columns:1fr;max-width:550px;gap:30px;padding:40px 24px}.login-story h1{font-size:30px;margin:16px 0}.login-story p{display:none}.login-header{height:102px}.login-header .brand img{height:72px;width:62px}.login{padding:28px}.login-footer{font-size:9px}}
@media(max-width:550px){header{height:90px;padding:10px 18px}.brand img{height:66px;width:56px}.brand small{display:none}.topright{gap:10px}.intro h1{font-size:25px}.intro p{font-size:14px}.panelhead,.panelbody{padding:18px}.panelhead h2{font-size:17px}.monitor-footer{font-size:11px;gap:12px}.website-link{font-size:11px}.login-story h1{font-size:27px}.login-story .eyebrow{font-size:9px}.login-footer{gap:15px}.login h2{font-size:33px}}

.mainnav{display:flex;gap:28px;align-items:center}.mainnav a{font-family:'Slash9 Medium',sans-serif;font-size:14px;color:var(--muted);text-decoration:none;padding:10px 0;border-bottom:2px solid transparent}.mainnav a.active{color:var(--lime);border-color:var(--lime)}.mainnav a:hover{color:white}
@media(max-width:900px){header{flex-wrap:wrap;height:auto;gap:10px}.mainnav{order:3;width:100%;justify-content:center;gap:25px}.mainnav a{font-size:13px}.brand small{font-size:10px;padding-left:15px}.topright .pill{display:none}}