.computer-view{width:min(1120px,96vw);max-width:1120px;max-height:94vh;padding:0;border:1px solid #dfe3e6;border-radius:16px;overflow:auto;background:#fff;color:#20262d;box-shadow:0 24px 80px #0004}
.computer-view::backdrop{background:#0c182b80;backdrop-filter:blur(4px)}
.computer-heading,.computer-heading>div,.computer-toolbar,.computer-toolbar>div,.computer-captures-heading{display:flex;align-items:center;gap:12px}
.computer-heading{position:sticky;top:0;background:#fff;z-index:2;justify-content:space-between;padding:16px 20px}.computer-heading h2{font-size:17px;margin:0}.computer-heading [data-status]{font-size:12px;color:#63806e}.computer-heading .recording{color:#c44242}
.computer-view button{border:1px solid #dce1e5;background:#fff;color:#303b44;padding:7px 12px;border-radius:8px;font:inherit;font-size:13px;cursor:pointer}.computer-view button:hover{background:#f0f4f7}.computer-view button:disabled{opacity:.45;cursor:default}
.computer-address{display:flex;align-items:center;gap:10px;background:#f5f7f8;padding:10px 20px;border-block:1px solid #e6e9eb;font-size:12px;color:#5e6c77}.computer-address [data-address]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.computer-private{font-size:11px;color:#81909c}
.computer-stage{position:relative;background:#182129;display:grid;place-items:center;min-height:220px;height:52vh;overflow:hidden}.computer-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;outline-offset:-3px}.computer-stage img.controlled{cursor:crosshair}.computer-stage [hidden]{display:none}
.computer-empty{text-align:center;color:#ccd6dd;padding:40px}.computer-empty>span{font-size:40px;opacity:.5}.computer-empty h3{font-size:20px;color:#edf1f4;margin:12px}.computer-empty p{max-width:430px;font-size:14px;line-height:1.6;margin:12px auto 20px}
.computer-toolbar{padding:12px 20px;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #e8ecee}.computer-toolbar p{font-size:12px;color:#67747f;line-height:1.5;margin:0;flex:1;min-width:250px;max-width:560px}
.computer-inputs{padding:12px 20px;display:flex;gap:12px;background:#f6f8fa}.computer-inputs[hidden]{display:none}.computer-inputs form{display:flex;gap:6px;flex:1;min-width:0}.computer-inputs input{width:100%;min-width:80px;border:1px solid #dce1e5;border-radius:7px;padding:8px;font:inherit;font-size:13px}.computer-inputs button{white-space:nowrap}
.computer-captures{padding:20px}.computer-captures-heading{justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.computer-captures h3{font-size:14px;margin:0}.computer-captures-heading p,.computer-limits{font-size:11px;color:#7c8994;margin:0}.computer-limits{margin-top:16px}.computer-no-captures{font-size:13px;color:#80909a;padding:10px 0}
[data-captures]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.computer-capture{border:1px solid #e2e7eb;border-radius:10px;overflow:hidden}.computer-capture img,.computer-capture video{width:100%;aspect-ratio:16/9;object-fit:contain;display:block;background:#172129}.computer-capture>div{display:flex;justify-content:space-between;gap:10px;padding:10px;font-size:11px}.computer-capture span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.computer-capture a{white-space:nowrap;color:#326083;text-decoration:none}.saved-capture{max-width:100%;max-height:65vh;display:block;margin:auto;border-radius:6px}
@media(max-width:650px){.computer-private{display:none}.computer-inputs{flex-direction:column}.computer-toolbar{padding:12px}.computer-heading{padding:12px}.computer-captures{padding:12px}}

.computer-view{width:100%;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none;height:100%;overflow:auto}.computer-view .computer-stage{height:auto;aspect-ratio:16/9;min-height:180px}.computer-view .computer-heading{padding:14px 18px}.computer-view .computer-heading h2{font-size:14px}.computer-view .computer-heading>div{gap:8px}.computer-view .computer-private{display:none}.computer-view .computer-inputs{flex-direction:column}.computer-view [data-captures]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}

.computer-view{overflow-anchor:none}