/* ZMXH client screening room — visual layer only */
:root{color:#e6e6e8;background:#0e0f10;font-family:"Microsoft YaHei","PingFang SC",sans-serif;--accent:#f5783c}body{background:#0e0f10}.topbar{height:94px;background:#151617;border-bottom:1px solid #303134;padding:0 30px;gap:32px}.brand{font-size:20px;letter-spacing:.03em;gap:13px;color:#f3f3f4;font-weight:750}.brand small{color:#929295;font-size:10px;letter-spacing:.06em;margin-top:6px}.brand-mark{width:54px;height:54px;border-radius:6px;background:#fff;padding:0}.brand-mark img{width:54px;height:67px;object-fit:cover}.title strong{font-size:13px;letter-spacing:.02em;color:#b8b8bc;font-weight:500}.badge{border-color:#42403d;border-radius:3px;color:#d2b39f;background:#29221d;font-size:10px;padding:5px 8px}.topbar button{color:#ffac7b;font-size:12px;padding:10px 12px;border:1px solid #574032;border-radius:4px}.workspace{grid-template-columns:200px minmax(0,1fr) 310px;min-height:calc(100vh - 94px)}.files{background:#151617;border-color:#2b2c2f;padding:28px 14px}.label{color:#d8d8db;letter-spacing:.05em;font-size:12px;margin-bottom:24px}.label span{color:#85868c}.file-card{border:1px solid transparent;border-radius:5px;padding:17px 12px;margin-bottom:10px;color:#97989f;gap:12px}.file-card:hover{background:#222325}.file-card.active{background:#30231b;border-color:#5a3b2b;color:#eee4df;box-shadow:inset 2px 0 var(--accent)}.file-card .icon{color:#fda471}.file-card strong{font-weight:550;font-size:12px;line-height:1.8}.file-card small{color:#85858b;font-size:10px}.file-card .badge{background:#252627;border-color:#414247;color:#a0a1a7}.canvas{padding:30px clamp(18px,2.5vw,40px);background:#0e0f10}.canvas-heading{margin-bottom:22px;align-items:center}.canvas-heading h1{font-size:17px;font-weight:650;letter-spacing:-.02em;color:#f1f1f3}.canvas-heading small{font-size:9px;letter-spacing:.14em;color:#74757b;white-space:nowrap}.stage{border:1px solid #303135;border-radius:5px;background:#030304;box-shadow:0 25px 65px #0004}.transport{background:#1c1d1f;border-color:#333438;border-radius:5px;padding:15px 12px;gap:12px;margin-top:12px}.transport button,.transport select{color:#dedee1;font-size:11px}.transport button:first-child{color:#ffad7d;font-weight:700;padding:5px 9px}.transport select option{background:#242527}.transport input{accent-color:#f5783c}#clock{color:#8c8d94;font-size:10px}.hint{color:#686a70;margin-top:20px;font-size:10px}.panel{background:#191a1c;border-color:#303134;padding:28px 22px;max-height:calc(100vh - 94px)}.comments article{border-color:#303135;padding:20px 0}.avatar{background:#3a2b22;color:#e9aa85;border:1px solid #63432f;border-radius:4px}.comments article header{color:#bfc0c4;font-size:11px}.comments article header button{background:#37291e;color:#ffaf7d;border:1px solid #5c3e2b;font-size:10px;border-radius:3px}.comments article p{color:#c6c6cc;font-size:12px;line-height:1.9}.comments article small{color:#707179;font-size:9px}.empty{color:#6b6d74;padding:60px 16px}.empty h3{color:#b0b1b6}.empty p{color:#777981}.empty>div{color:#92674c}.anchor{color:#81838b;font-size:10px}.anchor span{background:#30251f;border:1px solid #543a2c;color:#ffb58a;font-size:10px}.compose-foot small{color:#686a72}.compose-foot button,.gate button{background:#f5783c;border:1px solid #f5783c;color:#17120f;border-radius:4px;font-weight:750;padding:12px 15px}.compose-foot button:hover,.gate button:hover{background:#ff965d}#compose{border-color:#37383e;margin-top:20px;padding-top:20px}#compose textarea{border-color:#3b3c42;background:#111214;color:#e3e3e6;border-radius:5px;min-height:125px;font-size:12px;line-height:1.8}#compose textarea::placeholder{color:#676971}.gate{background:radial-gradient(ellipse at 10% 10%,#40251a,transparent 58%),#101112}.gate-card{background:#191a1c;border-color:#38393d;border-radius:8px;padding:42px;box-shadow:0 35px 100px #0006}.gate-card>small{color:#94959b;letter-spacing:.08em}.gate-card h1{font-size:26px;font-weight:750;letter-spacing:-.04em;line-height:1.5}.gate-card p{color:#878991}.gate-logo{border-radius:6px;width:66px;height:66px}.gate input{background:#101112;color:#f1f1f3;border-color:#3d3e43;border-radius:4px}.gate button{padding:14px}.moving-watermark{font-size:clamp(11px,1vw,16px);color:#ffffff72;letter-spacing:.05em}.canvas.expanded,.canvas:fullscreen{background:#0e0f10}.review-room button:focus-visible,.review-room textarea:focus-visible,.gate input:focus-visible{outline-color:#f5783c}
@media(min-width:1500px){.workspace{grid-template-columns:230px minmax(0,1fr) 350px}.canvas{padding:38px 45px}.topbar{padding:0 36px}}
@media(max-width:1100px) and (min-width:901px){.workspace{grid-template-columns:165px minmax(0,1fr) 275px}.canvas{padding:25px 16px}.panel{padding:25px 16px}.transport{gap:7px;padding:12px 8px}.transport button,.transport select{font-size:10px}}
@media(max-width:900px){.topbar{height:82px;padding:0 16px;gap:16px}.brand{font-size:17px}.brand small{display:block;font-size:9px}.brand-mark{width:42px;height:42px}.brand-mark img{width:42px;height:52px}.title strong{font-size:11px}.workspace{display:block}.files{padding:14px;border-bottom:1px solid #303134}.file-card{min-width:180px;width:180px}.canvas{padding:24px 16px}.canvas-heading h1{font-size:15px}.panel{max-height:none;padding:26px 20px}.transport{gap:8px}.gate-card{padding:30px}}

.code-entry{display:flex;gap:12px;margin:24px 0 18px}.gate .code-digit{width:calc((100% - 36px)/4);height:62px;margin:0;text-align:center;font-size:26px;font-weight:650;padding:8px;font-variant-numeric:tabular-nums}.gate .legacy-code-toggle{width:auto;background:transparent;border:0;color:#96989f;font-weight:400;font-size:10px;padding:0;margin:0 0 18px}.code-entry[hidden],.legacy-code[hidden]{display:none!important}