:root{--ink:#102033;--muted:#617082;--line:#dce8ee;--surface:#ffffff;--soft:#f5f9fb;--blue:#1268a8;--teal:#087b7c;--danger:#b42318}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:#f4f8fb;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.assist-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.assist-panel{width:min(100%,980px);display:grid;grid-gap:22px;gap:22px;border:1px solid rgba(16,32,51,.1);border-radius:8px;background:var(--surface);box-shadow:0 24px 70px rgba(16,32,51,.12);padding:28px}.assist-brand img,.assist-panel>img{width:190px;height:auto}.assist-panel h1{margin:0;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:0}.assist-panel p{margin:0;color:var(--muted);line-height:1.6}.viewer-panel{align-content:start}.viewer-fullscreen-shell{min-height:100vh;place-items:stretch;background:#020617;padding:0}.viewer-panel-live{width:100%;min-height:100vh;border:0;border-radius:0;background:#020617;box-shadow:none;grid-template-rows:auto minmax(0,1fr) auto;padding:14px}.assist-brand{display:flex;align-items:center;justify-content:space-between;gap:16px}.assist-brand span{color:var(--teal);font-size:.9rem;font-weight:800;text-transform:uppercase}.assist-title{display:flex;align-items:flex-start;gap:14px}.assist-title-live{position:fixed;top:14px;left:14px;right:14px;z-index:4;align-items:center;border:1px solid rgba(226,232,240,.18);border-radius:8px;background:rgba(2,6,23,.72);color:#fff;padding:10px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.assist-title-live h1{font-size:1rem}.assist-title-live p{color:#cbd5e1}.assist-title svg{color:var(--blue);flex:0 0 auto;margin-top:4px}.viewer-form{display:grid;grid-gap:14px;gap:14px;width:min(100%,680px)}.viewer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.viewer-form label{display:grid;grid-gap:7px;gap:7px}.viewer-form label span{color:var(--muted);font-size:.86rem;font-weight:750}.viewer-form input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:8px;outline:0;padding:0 13px}.viewer-form input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(8,123,124,.12)}.viewer-form button{min-height:48px;width:-moz-fit-content;width:fit-content;border:0;border-radius:8px;background:var(--teal);color:#fff;cursor:pointer;font-weight:850;padding:0 20px}.assist-ended,.assist-error,.viewer-waiting{border-radius:8px;font-weight:750;padding:12px 14px}.assist-error{background:#fff0ed;color:var(--danger)}.assist-ended{background:#eef5ff;color:var(--ink)}.viewer-live{position:relative;display:grid;grid-gap:12px;gap:12px}.viewer-panel-live .assist-brand,.viewer-panel-live .assist-error{display:none}.viewer-panel-live .viewer-live{min-height:100vh}.viewer-live video{width:100%;min-height:360px;max-height:72vh;border:1px solid var(--line);border-radius:8px;background:#0f172a;object-fit:contain}.viewer-panel-live .viewer-live video{min-height:100vh;max-height:none;border:0;border-radius:0}.viewer-video-overlay{position:absolute;inset:1px 1px 66px;display:grid;place-items:center;border-radius:8px;background:rgba(15,23,42,.82);color:#fff;font-weight:800;pointer-events:none}.viewer-panel-live .viewer-video-overlay{inset:0;border-radius:0}.viewer-waiting{display:flex;align-items:center;gap:10px;background:#eef5ff;color:var(--ink)}.viewer-panel-live .viewer-waiting{position:fixed;left:14px;right:14px;bottom:14px;z-index:4;background:rgba(15,23,42,.78);color:#e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer-waiting svg{color:var(--blue)}@media (max-width:680px){.assist-shell{padding:14px}.assist-panel{padding:18px}.assist-brand,.assist-title{flex-direction:column}.viewer-form-grid{grid-template-columns:1fr}.viewer-form button{width:100%}.viewer-live video{min-height:260px}}