:root{color:#17201b;font-synthesis:none;text-rendering:optimizelegibility;background:#eef3ed;font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}.app-shell{background:linear-gradient(135deg,#294d3a24,#0000 36%),linear-gradient(220deg,#b94b321f,#0000 34%),#eef3ed;min-height:100vh;padding:28px}.top-bar{justify-content:space-between;align-items:center;gap:16px;max-width:1320px;margin:0 auto 24px;display:flex}.auth-actions{align-items:center;gap:8px;display:flex}.auth-actions button{color:#234735;cursor:pointer;background:#ffffffad;border:1px solid #c6d1c7;border-radius:6px;min-height:38px;padding:0 12px;font-weight:700}.auth-actions .primary-auth-action{color:#fff;background:#b94b32;border-color:#b94b32}.signed-out-state{place-items:center;min-height:50vh;display:grid}.signed-out-state .primary-action{padding:0 18px}.eyebrow{color:#637064;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.77rem;font-weight:700}h1,h2,p{margin:0}h1{font-size:clamp(2rem,4vw,4.3rem);line-height:.95}h2{font-size:1rem}.workspace{grid-template-columns:minmax(220px,.7fr) minmax(360px,1.45fr) minmax(340px,1fr);gap:16px;max-width:1320px;margin:0 auto;display:grid}.panel{background:#ffffffb8;border:1px solid #1a28201f;border-radius:8px;min-width:0;padding:18px;box-shadow:0 24px 70px #14231b1c}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-heading span{color:#66756a;text-overflow:ellipsis;white-space:nowrap;max-width:55%;font-size:.82rem;overflow:hidden}.icon-button,.device,.primary-action,.danger-action{cursor:pointer;border:0}.icon-button{color:#fff;background:#17201b;border-radius:999px;place-items:center;width:42px;height:42px;display:grid}.device-list{gap:8px;display:grid}.device-group{gap:7px;display:grid}.device{color:#28342d;text-align:left;background:#e5ece5;border-radius:7px;justify-content:flex-start;align-items:center;gap:10px;min-height:48px;padding:0 12px;text-decoration:none;display:flex}.device.active{color:#fff;background:#234735}.session-list{gap:5px;margin:0 0 4px 27px;padding:0;list-style:none;display:grid}.session-list li,.session-empty{color:#526157;border-left:2px solid #88a391;padding:2px 0 2px 10px;font-size:.82rem;line-height:1.3}.session-button{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:3px 4px;display:block}.session-button.active{color:#234735;font-weight:800}.session-list span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.session-empty{margin:0 0 4px 27px}.device-page{max-width:1320px;margin:0 auto}.device-header{align-items:end;gap:18px;margin-bottom:20px;display:flex}.device-header h2{font-size:1.65rem}.back-link,.text-link,.summary-settings-link{color:#234735;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.back-link{background:#fff9;border:1px solid #c6d1c7;border-radius:6px;min-height:38px;padding:0 10px}.device-tabs{border-bottom:1px solid #c6d1c7;gap:4px;margin-bottom:18px;display:flex}.device-tabs a{color:#526157;border-bottom:3px solid #0000;padding:10px 14px;font-weight:700;text-decoration:none}.device-tabs a.active{color:#17201b;border-color:#b94b32}.device-view{min-width:0}.device-summary{gap:16px;display:grid}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.summary-item{color:#425047;background:#ffffffb8;border:1px solid #1a28201f;border-radius:8px;grid-template-columns:auto 1fr;gap:8px 12px;min-height:118px;padding:18px;text-decoration:none;display:grid}.summary-item strong{color:#17201b;grid-column:1/-1;font-size:2rem}.summary-list{max-width:640px}.summary-list .session-list{margin-left:0}.summary-settings-link{width:fit-content}.session-workspace{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:16px;display:grid}.device-session-panel{align-self:start}.device-session-panel .session-list{margin-left:0}.text-button{color:#234735;cursor:pointer;background:0 0;border:0;font-weight:700}.settings-page{background:#ffffffb8;border:1px solid #1a28201f;border-radius:8px;max-width:860px;padding:18px}.rtsp-management,.rtsp-list,.rtsp-editor{gap:12px;display:grid}.rtsp-toolbar{justify-content:flex-end;display:flex}.rtsp-toolbar .primary-action,.form-actions .primary-action{min-height:42px;padding:0 14px}.rtsp-item{background:#fbfdfb;border:1px solid #d7dfd8;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.rtsp-info{gap:3px;min-width:0;display:grid}.rtsp-url{color:#66756a;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.rtsp-actions,.form-actions{gap:8px;display:flex}.form-actions{justify-content:flex-end;margin-top:16px}.form-actions button:not(.primary-action){cursor:pointer;background:#fff;border:1px solid #c6d1c7;border-radius:6px;min-height:42px;padding:0 14px}.empty-form-panel{align-content:start;gap:10px;display:grid}.field{color:#425047;gap:7px;font-size:.84rem;font-weight:700;display:grid}.field input,.field select{color:#17201b;background:#fbfdfb;border:1px solid #c6d1c7;border-radius:6px;width:100%;min-height:42px;padding:0 11px}.config-panel{align-content:start;gap:16px;display:grid}.layout-picker{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.layout-picker legend{color:#425047;margin-bottom:8px;font-size:.84rem;font-weight:700}.layout-picker label{position:relative}.layout-picker input{opacity:0;position:absolute}.layout-picker span{color:#28342d;text-align:center;background:#fbfdfb;border:1px solid #c6d1c7;border-radius:6px;place-items:center;min-height:44px;font-size:.86rem;font-weight:700;display:grid}.layout-picker input:checked+span{color:#fff;background:#234735;border-color:#234735}.split-fields,.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.role{background:#f5f9f5c2;border:1px solid #d7dfd8;border-radius:8px;padding:12px}.role.active{background:#f7fbf7;border-color:#88a391}.preview-panel{align-content:start;gap:16px;display:grid}.preview-grid{background:#142018;border:1px solid #1c2b22;border-radius:8px;min-height:280px;display:grid;overflow:hidden}.preview-grid.fullscreen{grid-template-columns:1fr}.preview-grid.sideBySide,.preview-grid.quad{grid-template-columns:repeat(2,1fr)}.preview-grid.focusStack{grid-template-rows:repeat(2,1fr);grid-template-columns:2fr 1fr 2fr}.preview-grid.focusStack .far:first-child,.preview-grid.focusStack .near:first-child,.preview-grid.focusStack .topDownFar:first-child,.preview-grid.focusStack .topDownNear:first-child{grid-row:1/span 2}.preview-grid.focusStack .preview-cell:last-child{grid-area:1/3/span 2}.preview-cell{color:#fff;background:linear-gradient(155deg,#b7d7c32e,#0000 52%),#203729;border:1px solid #ffffff1f;align-content:end;gap:6px;min-width:0;padding:12px;display:grid}.preview-cell strong,.preview-cell span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-cell strong{font-size:.82rem}.preview-cell span{color:#d5dfd8;font-size:.78rem}.session-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.primary-action,.danger-action{color:#fff;background:#b94b32;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:48px;font-weight:800;display:flex}.danger-action{background:#17201b}.primary-action:disabled,.danger-action:disabled{cursor:not-allowed;opacity:.64}.muted,.status,.error{color:#66756a;font-size:.9rem;line-height:1.4}.status{color:#234735;font-weight:700}.error{color:#9a2f23;font-weight:700}@media (width<=1040px){.workspace,.session-workspace{grid-template-columns:1fr}.preview-grid{min-height:360px}}@media (width<=640px){.app-shell{padding:18px}.device-header{flex-direction:column;align-items:flex-start}.summary-grid,.layout-picker,.role-grid,.split-fields,.preview-grid.sideBySide,.preview-grid.quad,.preview-grid.focusStack{grid-template-columns:1fr}.preview-grid.focusStack .preview-cell,.preview-grid.focusStack .preview-cell:last-child{grid-area:auto}}