.vwc{--blue:#4f8df9;--blue2:#2f67df;--green:#46d49a;--text:#eaeef7;--muted:#9aa5b8;--line:rgba(255,255,255,.1);--panel:rgba(255,255,255,.04);background:#0e1016;color:var(--text);padding:26px 20px 72px;min-height:720px;font:16px/1.55 Helvetica,Arial,sans-serif}.vwc *{box-sizing:border-box}.vwc [hidden]{display:none!important}.vwc a,.vwc a:hover,.vwc a:focus{text-decoration:none!important}.vwc-shell{width:min(1044px,100%);margin:auto}.vwc-crumbs{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px}.vwc-crumbs a{color:#9fc2ff}.vwc-hero{text-align:center;max-width:820px;margin:22px auto}.vwc-kicker{color:#9fc2ff;font-size:12px;font-weight:800;letter-spacing:.08em}.vwc h1{color:var(--text);font-size:clamp(34px,4vw,46px);line-height:1.08;letter-spacing:-1.2px;margin:13px 0 10px}.vwc-hero p{color:var(--muted);font-size:17px;margin:0}.vwc-work{max-width:920px;margin:24px auto 34px;padding:24px;border:1px solid rgba(96,165,250,.24);border-radius:24px;background:radial-gradient(540px 280px at 100% 0,rgba(59,130,246,.15),transparent 66%),linear-gradient(135deg,rgba(25,31,45,.97),rgba(17,21,31,.97));box-shadow:0 25px 65px rgba(0,0,0,.3)}.vwc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.vwc-panel-head h2{margin:0;color:var(--text);font-size:21px}.vwc-panel-head p{margin:2px 0 0;color:var(--muted);font-size:13px}.vwc-badge{flex:0 0 auto;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);color:#b7c0d0;font-size:11px;font-weight:800}.vwc-badge.is-live{border-color:rgba(70,212,154,.35);background:rgba(70,212,154,.1);color:#73e6b3}.vwc-badge.is-error{border-color:rgba(255,116,116,.32);background:rgba(255,116,116,.08);color:#ff9a9a}.vwc-start{text-align:center;padding:34px 22px;border:1.5px dashed rgba(255,255,255,.2);border-radius:18px;background:rgba(0,0,0,.12)}.vwc-camera-icon{position:relative;width:58px;height:45px;margin:0 auto 13px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;display:grid;place-items:center;font-size:16px}.vwc-camera-icon:after{content:"";position:absolute;right:-10px;width:15px;height:22px;border-radius:3px;background:#376fdc;clip-path:polygon(0 25%,100% 0,100% 100%,0 75%)}.vwc-start h3{margin:0 0 6px;font-size:21px}.vwc-start p{max-width:610px;margin:0 auto 18px;color:var(--muted);font-size:14px}.vwc-button,.vwc-secondary,.vwc-danger{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:11px;padding:10px 17px;font:700 14px/1.35 inherit;cursor:pointer;transition:.18s ease}.vwc-button{border:0;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff!important}.vwc-button:hover{filter:brightness(1.08)}.vwc-secondary,.vwc-danger{border:1px solid var(--line);background:rgba(255,255,255,.055);color:#cbd4e2}.vwc-secondary:hover{border-color:rgba(96,165,250,.5);color:#fff}.vwc-secondary.is-active{border-color:rgba(96,165,250,.58);background:rgba(59,130,246,.14);color:#a9c9ff}.vwc-danger{border-color:rgba(255,116,116,.22);color:#ff9c9c}.vwc-danger:hover{background:rgba(255,116,116,.08)}.vwc-device-row{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:12px;margin-bottom:13px}.vwc-device-row label{font-size:13px;font-weight:700;color:#cfd7e5}.vwc-device-row>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.vwc-device-row select{width:100%;min-width:0;min-height:44px;padding:9px 38px 9px 12px;border:1px solid var(--line);border-radius:10px;background:#171c28;color:#e7edf7;font:inherit;font-size:14px}.vwc-stage{position:relative;display:grid;place-items:center;aspect-ratio:16/9;max-height:500px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#050608}.vwc-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#050608}.vwc-stage video.is-mirrored{transform:scaleX(-1)}.vwc-stage-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#7f899a;background:radial-gradient(circle at center,rgba(59,130,246,.09),transparent 60%);font-size:14px}.vwc-grid-overlay{pointer-events:none;position:absolute;inset:0;background:linear-gradient(to right,transparent calc(33.333% - .5px),rgba(255,255,255,.4) 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.4) 66.666%,transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),rgba(255,255,255,.4) 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.4) 66.666%,transparent calc(66.666% + .5px))}.vwc-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 0}.vwc-metrics>div{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.vwc-metrics dt{color:var(--muted);font-size:11px}.vwc-metrics dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;color:#e7edf7;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.vwc-metrics dd.is-good{color:#6cdda9}.vwc-metrics dd.is-warn{color:#ffc36d}.vwc-ready{display:flex;align-items:flex-start;gap:11px;margin-top:11px;padding:12px 14px;border:1px solid rgba(96,165,250,.22);border-radius:11px;background:rgba(59,130,246,.07)}.vwc-ready>span{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:rgba(96,165,250,.18);color:#9fc2ff;font-size:12px;font-weight:800}.vwc-ready strong{font-size:13px}.vwc-ready p{margin:2px 0 0;color:var(--muted);font-size:12px}.vwc-ready.is-good{border-color:rgba(70,212,154,.26);background:rgba(70,212,154,.07)}.vwc-ready.is-good>span{background:rgba(70,212,154,.17);color:#6ce0aa}.vwc-ready.is-warn{border-color:rgba(255,186,91,.25);background:rgba(255,186,91,.06)}.vwc-ready.is-warn>span{background:rgba(255,186,91,.15);color:#ffc36d}.vwc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.vwc-actions .vwc-button{margin-left:auto}.vwc-error{text-align:center;padding:28px 18px;border:1px solid rgba(255,116,116,.24);border-radius:15px;background:rgba(255,116,116,.06)}.vwc-error strong{display:block;font-size:18px;color:#ffd1d1}.vwc-error p{max-width:650px;margin:6px auto 15px;color:#cfa7aa;font-size:14px}.vwc-shot{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.vwc-shot h3{margin:0;font-size:18px}.vwc-shot p{margin:2px 0 10px;color:var(--muted);font-size:13px}.vwc-shot img{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:13px;background:#050608}.vwc-shot-actions{display:flex;justify-content:center;gap:9px;margin-top:11px}.vwc-steps{list-style:none!important;margin:32px 0!important;padding:0!important;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vwc-steps li{display:flex;gap:11px}.vwc-steps li>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:rgba(59,130,246,.16);color:#9fc2ff;font-weight:800}.vwc-steps h2{font-size:16px;margin:1px 0 3px}.vwc-steps p{color:var(--muted);font-size:13px;margin:0}.vwc-content{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.vwc-content h2,.vwc-help h2,.vwc-faq>h2{font-size:24px;margin:0 0 14px}.vwc-content>p{color:var(--muted);margin:10px 0}.vwc-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:18px}.vwc-feature-grid article,.vwc-help article{padding:15px;border-radius:12px;background:rgba(59,130,246,.07)}.vwc-feature-grid strong,.vwc-help strong{display:block;color:#e5ecf8;font-size:14px}.vwc-feature-grid p,.vwc-help p{margin:4px 0 0;color:var(--muted);font-size:13px}.vwc-help{margin-top:24px}.vwc-help>div{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.vwc-help article{border:1px solid var(--line);background:var(--panel)}.vwc-faq{margin-top:34px}.vwc-faq details{border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:9px}.vwc-faq summary{position:relative;list-style:none;cursor:pointer;padding:16px 47px 16px 18px;font-weight:700}.vwc-faq summary::-webkit-details-marker{display:none}.vwc-faq summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#9fc2ff;font-size:20px}.vwc-faq details[open] summary:after{content:"-"}.vwc-faq details p{color:var(--muted);margin:0;padding:0 18px 16px}.vwc button:focus-visible,.vwc select:focus-visible,.vwc a:focus-visible,.vwc summary:focus-visible{outline:3px solid #8bb7ff;outline-offset:3px}
@media(max-width:760px){.vwc{padding:18px 14px 50px}.vwc-hero{margin:17px auto}.vwc h1{font-size:34px}.vwc-hero p{font-size:15px}.vwc-work{padding:14px;border-radius:18px;margin-top:18px}.vwc-start{padding:27px 14px}.vwc-device-row{grid-template-columns:1fr}.vwc-device-row>div{grid-template-columns:1fr}.vwc-metrics{grid-template-columns:repeat(2,1fr)}.vwc-actions>*{flex:1 1 calc(50% - 8px)}.vwc-actions .vwc-button{margin-left:0}.vwc-actions .vwc-danger{flex-basis:100%}.vwc-steps,.vwc-feature-grid,.vwc-help>div{grid-template-columns:1fr}.vwc-content{padding:18px}.vwc-shot-actions>*{flex:1}.vwc-stage{aspect-ratio:4/3}}
@media(max-width:430px){.vwc-panel-head{align-items:flex-start}.vwc-metrics{gap:7px}.vwc-metrics>div{padding:9px}.vwc-actions>*{flex-basis:100%}.vwc-shot-actions{flex-direction:column}.vwc-shot-actions>*{width:100%}}
.vwc-stage.is-portrait{width:min(100%,430px);aspect-ratio:9/16;max-height:min(68vh,700px);margin-inline:auto}.vwc-stage video{object-fit:contain!important}.vwc-stage-fullscreen{position:absolute;z-index:3;right:10px;bottom:10px;min-height:38px;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(8,11,17,.78);backdrop-filter:blur(8px);color:#fff;font:700 13px/1.2 inherit;cursor:pointer}.vwc-stage-fullscreen:hover{background:rgba(28,67,137,.9)}.vwc-stage:fullscreen,.vwc-stage:-webkit-full-screen{width:100vw;max-width:none;max-height:none;aspect-ratio:auto;border:0;border-radius:0;background:#000}.vwc-stage:fullscreen video,.vwc-stage:-webkit-full-screen video{object-fit:contain!important}
@media(max-width:760px){.vwc-actions #vwc-fullscreen{display:none}.vwc-stage-fullscreen{right:8px;bottom:8px;min-height:42px;padding:10px 14px;background:rgba(34,79,164,.9)}.vwc-stage:not(.is-portrait){aspect-ratio:4/3}}
