:root{font-family:Arial,Helvetica,sans-serif;color:#182c31;background:#edf2f1;color-scheme:light;--green:#147658}*{box-sizing:border-box}body{margin:0}.shell{max-width:1800px;margin:auto;padding:22px}.masthead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.brand{font-size:29px;letter-spacing:-1.2px;font-weight:800;display:flex;align-items:center}.brand>span:first-child{color:var(--green)}.brand-dot{width:8px;height:8px;border-radius:50%;background:#58af85;margin-left:12px}.masthead p{margin:5px 0 0;color:#647574;font-size:13px}.masthead nav{display:flex;gap:6px}.masthead a{color:#546563;text-decoration:none;padding:9px;border-radius:8px;font-size:13px}.masthead a[aria-current]{background:#d8e8df;color:#15563f;font-weight:bold}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.viewer{background:#fff;border:1px solid #dce5e1;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #17382709}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding:20px 22px}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#71817b;font-weight:bold}h1{font-size:23px;margin:6px 0 0;line-height:1.25}.position{font-size:12px;color:#7b8984}.stage{background:#091514;position:relative;display:flex;align-items:center;justify-content:center;min-height:260px;height:min(64vh,820px);overflow:hidden}.stage img{width:100%;height:100%;object-fit:contain;display:block}.stage img[hidden]{display:none}.stage:fullscreen{width:100vw;height:100vh}.stage-brand{position:absolute;bottom:13px;right:15px;font-size:10px;letter-spacing:.6px;color:#fff9;background:#07130b85;padding:7px 10px;border-radius:5px;pointer-events:none}.loading{position:absolute;top:15px;left:15px;background:#152d29dd;color:#e5f0eb;padding:8px 11px;font-size:12px;border-radius:6px}.metadata{display:flex;gap:10px 22px;flex-wrap:wrap;padding:14px 22px;color:#5d6b65;font-size:12px;border-bottom:1px solid #edf1ee}#image-state{font-weight:bold;color:#1f7658}#image-state.warning{color:#9b601a}.controls{padding:14px 22px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.actions{display:flex;gap:6px;flex-wrap:wrap}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #309370;outline-offset:3px}.actions button{border:1px solid #dce6df;background:#f7faf8;border-radius:8px;padding:10px 12px;font-size:12px;color:#2a4a3d;min-height:40px}.actions button:hover{background:#e3efe8}.auto{font-size:12px;color:#607368;display:flex;align-items:center;gap:7px}.auto input{accent-color:var(--green);width:17px;height:17px}.message{margin:0;padding:0 22px 14px;font-size:12px;color:#9b601a}.message:empty{display:none}.selector{background:#fff;border:1px solid #dce5e1;border-radius:16px;padding:17px;min-width:0}.selector-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.selector h2{font-size:14px;margin:0}.selector-head>span{background:#edf3ef;padding:4px 7px;border-radius:5px;font-size:11px;color:#526c5a}.selector>input{border:1px solid #dce5df;background:#f6f9f7;border-radius:8px;padding:11px;width:100%;font:inherit;font-size:12px;margin-bottom:12px}.camera-list{display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 230px);overflow:auto;padding:3px}.camera{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:9px 7px;border:1px solid transparent;background:white;border-radius:9px;min-height:65px;color:#213d30}.camera:hover{background:#f1f6f3}.camera[aria-pressed=true]{background:#e8f3ed;border-color:#a5ceb7}.camera[hidden]{display:none}.camera>img{width:61px;height:43px;object-fit:cover;border-radius:5px;background:#cfdad3;flex-shrink:0}.camera>span{min-width:0}.camera strong{display:block;font-size:12px;line-height:1.4}.camera small{display:block;font-size:10px;color:#7b8c80;margin-top:3px}.camera-arrow{margin-left:auto;font-size:13px;color:#87a191;flex-shrink:0}footer{padding:17px 2px;font-size:11px;color:#738279;line-height:1.6}#empty{font-size:12px;color:#657b6c} @media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 340px}}@media(max-width:850px){.shell{padding:12px}.workspace{grid-template-columns:1fr;gap:12px}.stage{height:auto;aspect-ratio:16/10;min-height:0;max-height:70vh}.stage img{position:absolute;inset:0}.camera-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.selector{padding:14px}.masthead{margin-bottom:13px}.viewer-top{padding:16px}.metadata,.controls{padding:12px 16px}.message{padding:0 16px 12px}h1{font-size:21px}}@media(max-width:430px){.shell{padding:8px}.brand{font-size:25px}.masthead p{font-size:11px}.camera-list{gap:3px}.camera{padding:7px 5px;gap:7px}.camera>img{width:40px;height:34px}.camera strong{font-size:11px}.camera-arrow{display:none}.stage-brand{font-size:8px;right:8px;bottom:8px}.actions button{padding:9px 10px}.auto{font-size:11px}h1{font-size:19px}.metadata{gap:8px;font-size:11px}.viewer-top{gap:8px}.position{white-space:nowrap}}@media(prefers-reduced-motion:no-preference){.camera,.actions button{transition:background .15s}}
.mode-link{border:1px solid #bad3c5;font-weight:700}.wall-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}.wall-toolbar h1{margin:0}.wall-toolbar p{font-size:13px;color:#62746b;margin:7px 0 0}.wall-toolbar .actions{align-items:center;gap:10px}.wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.wall-card{text-decoration:none;color:#243e32;background:#fff;border:1px solid #d9e5dd;border-radius:12px;overflow:hidden;min-width:0}.wall-card:hover{border-color:#519e78;box-shadow:0 8px 20px #0b402518}.wall-image{position:relative;aspect-ratio:16/10;background:#091514;display:flex;align-items:center;justify-content:center}.wall-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.wall-image img[hidden]{display:none}.tile-loading{position:absolute;top:10px;left:10px;padding:5px 8px;font-size:10px;background:#1c322ddd;color:#fff;border-radius:5px}.tile-loading[hidden]{display:none}.tile-open{position:absolute;bottom:10px;right:10px;color:#fff;background:#10211cb8;border-radius:5px;padding:4px 7px}.tile-caption{padding:12px 14px;display:grid;gap:5px}.tile-caption strong{font-size:14px;line-height:1.4}.tile-status{font-size:11px;color:#25714d}.tile-time{font-size:10px;color:#6b7d72}.tile-error .tile-status{color:#a8691a}.wall-shell:fullscreen{max-width:none;overflow:auto;background:#edf2f1;padding:20px}.wall-shell:fullscreen .wall-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#wall-message{font-size:12px;color:#a8691a}@media(min-width:1600px){.wall-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:950px){.wall-grid,.wall-shell:fullscreen .wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.masthead nav{flex-wrap:wrap;justify-content:flex-end;max-width:55%}.wall-toolbar{margin-bottom:14px}.tile-caption{padding:10px}.tile-caption strong{font-size:12px}}@media(max-width:540px){.wall-grid,.wall-shell:fullscreen .wall-grid{grid-template-columns:1fr}.wall-toolbar h1{font-size:21px}.masthead .mode-link{font-size:11px}.wall-toolbar .auto{width:100%;margin-top:4px}}

.share-panel{padding:0 22px 16px;display:flex;gap:8px;flex-wrap:wrap}.share-panel[hidden]{display:none}.share-panel button{background:#f1f7f3;border:1px solid #c9dfd0;border-radius:7px;padding:10px;color:#26553c;font-size:12px}.share-panel small{width:100%;font-size:11px;color:#6b7d72}.watching .workspace{display:block;max-width:1000px;margin:auto}.watching .selector{display:none}.watching .stage{height:min(52vh,540px);min-height:220px}.watching #watch{background:#d5eddf;border-color:#71ab87}.watching h1{font-size:20px}@media(max-width:850px){.watching .stage{height:auto;aspect-ratio:16/10;min-height:0}}

.masthead nav #watch{border:1px solid #bad3c5;background:transparent;color:#546563;padding:9px;border-radius:8px;font-size:13px;font-weight:700;min-height:36px}.watching .masthead nav #watch{background:#d5eddf;border-color:#71ab87;color:#24543b}@media(max-width:540px){.masthead nav #watch{font-size:11px}}