.native-studio{--ns-ink:#18364a;--ns-muted:#62788a;--ns-line:#dce7ef;--ns-blue:#176ca4;max-width:1440px;color:var(--ns-ink);margin:auto;padding:8px 0 32px}.native-studio-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.native-studio-heading h1{overflow-wrap:anywhere;margin:8px 0;font-size:clamp(23px,2.8vw,34px);line-height:1.22}.native-studio-heading p{color:var(--ns-muted);margin:6px 0}.native-studio-heading a{color:var(--ns-blue);margin-bottom:20px;font-size:13px;display:inline-flex}.native-state{color:#246084;white-space:nowrap;background:#e7f1f8;border-radius:100px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex}.native-state>span{background:currentColor;border-radius:50%;width:7px;height:7px}.native-state.is-live{color:#b93535;background:#fff0ed}.native-studio-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;display:grid}.native-studio-stage,.native-studio-panel{border:1px solid var(--ns-line);background:#fff;border-radius:20px;min-width:0;padding:22px;box-shadow:0 7px 30px #173d5905}.native-section-title h2{margin:0 0 7px;font-size:20px;line-height:1.3}.native-section-title p{color:var(--ns-muted);margin:0;font-size:13px;line-height:1.6}.native-source-tabs{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.native-source-tabs button{text-align:left;min-width:0;color:var(--ns-ink);background:#f7fafc;border:1px solid #cbdce9;border-radius:12px;align-items:center;gap:12px;padding:14px;transition:background .15s,border-color .15s;display:flex}.native-source-tabs button:hover:not(:disabled){border-color:var(--ns-blue);background:#eef7ff}.native-source-tabs button[aria-pressed=true]{border-color:var(--ns-blue);box-shadow:inset 0 0 0 1px var(--ns-blue);background:#eaf5ff}.native-source-tabs svg{width:22px;height:22px;color:var(--ns-blue);flex:none}.native-source-tabs button>span{flex:1;gap:4px;min-width:0;display:grid}.native-source-tabs strong{font-size:14px;font-weight:650}.native-source-tabs small{color:var(--ns-muted);font-size:11px}.native-source-tabs button>svg:last-child:not(:first-child){width:16px}.native-camera{aspect-ratio:16/9;color:#fff;background:radial-gradient(at 45% 10%,#203e53,#0d2030 80%);border-radius:14px;width:100%;min-width:0;position:relative;overflow:hidden}.native-camera video{object-fit:contain;width:100%;height:100%;display:block}.native-camera-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:44px 26px 24px;display:flex;position:absolute;inset:0}.native-camera-symbol{background:#ffffff0a;border:1px solid #ffffff20;border-radius:18px;place-items:center;width:60px;height:60px;margin-bottom:17px;display:grid}.native-camera-symbol svg{color:#b8daef;width:29px;height:29px}.native-camera h3{color:#fff;margin:0;font-size:20px;line-height:1.4}.native-camera-empty p{color:#aabecd;max-width:390px;margin:10px 0 0;font-size:13px;line-height:1.7}.native-camera-label{letter-spacing:.07em;pointer-events:none;background:#071722b3;border-radius:6px;align-items:center;gap:7px;padding:7px 9px;font-size:9px;display:flex;position:absolute;top:14px;left:14px}.native-camera-label>span{background:#9fb4c4;border-radius:50%;width:6px;height:6px}.native-camera-label .is-live{background:#ff635d}.native-picture-paused{color:#c5d7e4;background:#102737;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;inset:0}.native-feedback{color:#234f70;background:#f1f8fd;border:1px solid #c9ddea;border-radius:12px;align-items:flex-start;gap:12px;margin-top:14px;padding:14px;font-size:13px;display:flex}.native-feedback>svg{flex:none;width:20px;height:20px;margin-top:1px}.native-feedback>div{flex:1;min-width:0}.native-feedback strong{font-size:13px;line-height:1.5}.native-feedback p{margin:5px 0 0;font-size:12px;line-height:1.65}.native-feedback button{color:inherit;white-space:normal;background:0 0;border:1px solid;border-radius:7px;margin-top:8px;padding:6px 10px;font-size:11px}.native-feedback.is-error{color:#963e32;background:#fff4f2;border-color:#ecc4bd}.native-feedback.is-warning{color:#795d25;background:#fffbef;border-color:#e8d9af}.native-preview-caption{min-height:40px;color:var(--ns-muted);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:11px;display:flex}.native-preview-caption>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.native-preview-caption button{color:var(--ns-blue);background:0 0;border:0;flex:none;padding:0;font-size:11px}.native-device-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 0 17px;display:grid}.native-device-bar button{border:1px solid var(--ns-line);color:#38596f;background:#f7fafc;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:11px 7px;font-size:11px;line-height:1.4;display:flex}.native-device-bar button[aria-pressed=true]{color:#30664f;background:#edf7f3;border-color:#c6e2d5}.native-device-bar svg{flex:none;width:17px;height:17px}.native-studio button:disabled{opacity:.48;cursor:not-allowed}.native-studio button:focus-visible,.native-studio a:focus-visible,.native-studio summary:focus-visible{outline-offset:3px;outline:3px solid #6aaedf}.native-device-settings{border-top:1px solid var(--ns-line);padding-top:14px}.native-device-settings summary{cursor:pointer;color:#34566e;align-items:center;gap:8px;font-size:12px;list-style:none;display:flex}.native-device-settings summary::-webkit-details-marker{display:none}.native-device-settings summary>svg{width:17px}.native-device-settings summary>span{color:var(--ns-blue);margin-left:auto;font-size:11px}.native-studio-devices{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 12px;display:grid}.native-studio-devices label,.native-source label{color:#294356;gap:7px;min-width:0;font-size:12px;display:grid}.native-studio-devices select,.native-source select,.native-source input{color:#102d43;background:#fff;border:1px solid #bdcfdd;border-radius:9px;width:100%;min-width:0;min-height:44px;padding:10px;font-size:12px}.native-device-help{color:var(--ns-muted);margin:8px 0;font-size:12px;line-height:1.65}.native-studio-panel{flex-direction:column;gap:18px;display:flex;position:sticky;top:20px}.native-slot{border-bottom:1px solid var(--ns-line);padding-bottom:17px}.native-slot>span{color:var(--ns-muted);align-items:center;gap:7px;margin-bottom:13px;font-size:11px;display:flex}.native-slot svg{width:15px;height:15px}.native-slot>strong{font-size:18px;font-weight:600}.native-slot>p{font-variant-numeric:tabular-nums;color:#395a72;margin:7px 0 0;font-size:14px}.native-main-timer{text-align:center;padding:3px 0 14px}.native-main-timer>small{color:var(--ns-muted);font-size:12px;display:block}.native-main-timer>strong{letter-spacing:.035em;font-variant-numeric:tabular-nums;color:#143c58;margin:7px 0;font-size:39px;font-weight:600;line-height:1.4;display:block}.native-main-timer>span{color:#879aa9;justify-content:center;align-items:center;gap:12px;font-size:10px;display:flex}.native-main-timer i{background:#b3c3cd;border-radius:50%;width:3px;height:3px}.native-studio-readiness{border:1px solid var(--ns-line);background:#f9fbfc;border-radius:11px;gap:10px;padding:14px;display:grid}.native-studio-readiness>span{color:#466276;align-items:center;gap:9px;font-size:12px;display:flex}.native-studio-readiness svg{color:#668c9f;width:16px;height:16px}.native-studio-panel .native-studio-note{color:#567188;background:#f0f6fb;border-radius:10px;margin:0;padding:12px;font-size:12px;line-height:1.7}.native-studio-panel .button{white-space:normal;text-align:center;border-radius:10px;justify-content:center;gap:8px;width:100%;min-height:46px;font-size:14px}.native-studio-panel .button svg{width:18px;height:18px}.native-start{box-shadow:0 5px 16px #176ca422}.native-stop{color:#fff!important;background:#b83434!important}.native-start-hint{text-align:center;color:var(--ns-muted);margin-top:-8px;font-size:11px}.native-stop-confirm{background:#fff4f2;border:1px solid #ecc3be;border-radius:12px;gap:10px;padding:14px;display:grid}.native-stop-confirm p{color:#82544d;margin:0;font-size:12px;line-height:1.6}.native-product{background:#f2f7fa;border-radius:11px;align-items:center;gap:12px;padding:14px;display:flex}.native-product>span{gap:5px;min-width:0;display:grid}.native-product>svg{color:#3b7698;flex:none;width:22px}.native-product small{color:var(--ns-muted);font-size:10px}.native-product strong{overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.55}.native-viewer-link{color:var(--ns-blue);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.native-viewer-link svg{width:15px}.native-studio-footnote{color:#7c919f;text-align:center;font-size:11px;line-height:1.6}.native-spin{animation:1s linear infinite native-spin}@keyframes native-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.native-spin{animation:none}}@media (max-width:1100px){.native-studio-grid{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.native-studio-stage,.native-studio-panel{padding:17px}.native-device-bar button{flex-direction:column}.native-source-tabs button{gap:8px;padding:11px}.native-source-tabs small{font-size:10px}}@media (max-width:900px){.native-studio-grid{grid-template-columns:1fr}.native-studio-panel{grid-template-columns:1fr 1fr;gap:16px;display:grid;position:static}.native-slot{border-bottom:0}.native-studio-panel .native-studio-readiness,.native-studio-panel .native-studio-note,.native-studio-panel .button,.native-start-hint,.native-stop-confirm,.native-product,.native-viewer-link,.native-studio-footnote{grid-column:1/-1}.native-main-timer>strong{font-size:34px}.native-device-bar button{flex-direction:row}}@media (max-width:600px){.native-studio-heading{margin-bottom:18px;display:block}.native-state{white-space:normal;margin-top:10px}.native-studio-heading h1{font-size:24px}.native-studio-stage,.native-studio-panel{border-radius:15px;padding:14px}.native-section-title h2{font-size:18px}.native-source-tabs{gap:8px;margin:15px 0}.native-source-tabs button{align-items:flex-start;gap:7px;padding:12px 9px}.native-source-tabs svg{width:18px;height:18px}.native-source-tabs strong{font-size:12px}.native-source-tabs small{font-size:10px;line-height:1.4}.native-source-tabs button>svg:last-child:not(:first-child){display:none}.native-camera{aspect-ratio:auto;height:300px}.native-camera-empty{padding:45px 18px 24px}.native-camera h3{font-size:18px}.native-camera-empty p{font-size:12px}.native-device-bar{grid-template-columns:1fr 1fr}.native-device-bar button{flex-direction:column;font-size:11px}.native-device-bar button:last-child{flex-direction:row;grid-column:1/-1}.native-studio-devices{grid-template-columns:1fr}.native-feedback{flex-wrap:wrap;gap:9px}.native-feedback>button{margin-left:28px}.native-preview-caption{flex-wrap:wrap}.native-studio-panel{display:flex}.native-slot{text-align:center}.native-slot>span{justify-content:center}.native-main-timer{padding:0 0 7px}.native-main-timer>strong{font-size:40px}}.native-viewer{aspect-ratio:16/9;background:#071727;width:100%;height:100%;min-height:220px;position:relative}.native-mobile-status,.native-mobile-action,.native-phone-cameras{display:none}.native-source-tabs.camera-only{grid-template-columns:1fr}.native-source-tabs.camera-only>button:last-child{display:none}.native-connection-meter{color:#2b7256;background:#f3faf7;border:1px solid #d5e9e0;border-radius:12px;align-items:center;gap:10px;margin:0 0 18px;padding:12px 14px;display:flex}.native-connection-meter>div{gap:4px;display:grid}.native-connection-meter strong{font-size:12px}.native-connection-meter small{color:#58736b;font-size:11px;line-height:1.5}.native-connection-meter.weak{color:#987020;background:#fff8e9;border-color:#ecd6a4}.native-waiting{text-align:center;color:#e7f2fa;background:radial-gradient(at top,#173f60,#091c30);place-content:center;gap:12px;min-height:280px;padding:35px;display:grid}@media (max-width:600px){.native-mobile-status{border-bottom:1px solid var(--ns-line);color:#567086;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:4px 0 18px;font-size:11px;display:flex}.native-mobile-status>span:last-child{text-align:right;max-width:130px;line-height:1.5}.native-mobile-status strong{color:#173e59;font-variant-numeric:tabular-nums;letter-spacing:.035em;margin-top:5px;font-size:26px;display:block}.native-phone-cameras{gap:8px;margin:-4px 0 14px;display:flex}.native-phone-cameras button{color:#46677e;background:#fff;border:1px solid #cfdee8;border-radius:9px;flex:1;padding:10px 7px;font-size:12px}.native-phone-cameras button[aria-pressed=true]{color:#165c90;background:#eaf5fd;border-color:#92bbd8}.native-mobile-action{gap:9px;margin:4px 0 18px;display:grid}.native-mobile-action .button{border-radius:12px;justify-content:center;gap:10px;width:100%;min-height:50px;font-size:16px}.native-mobile-action small{text-align:center;color:#587185;font-size:11px;line-height:1.6}.native-studio-panel>.button,.native-studio-panel>.native-start-hint,.native-studio-panel>.native-main-timer{display:none}.native-stop-confirm{inset:auto 16px max(20px,env(safe-area-inset-bottom));z-index:150;background:#fff;border:1px solid #dbbcb7;border-radius:20px;padding:22px;position:fixed;box-shadow:0 0 0 100vmax #06172da6,0 15px 50px #001b3740}}.native-viewer video{object-fit:contain;width:100%;height:100%}.native-viewer-message{text-align:center;color:#fff;background:#0a2034ed;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:25px;display:flex;position:absolute;inset:0}.native-viewer-message button{color:#fff;background:#23455e;border:1px solid #64849c;border-radius:10px;padding:10px 18px}.native-source{background:#f6fafd;border:1px solid #d8e5ee;border-radius:14px;grid-column:1/-1;gap:16px;padding:16px;display:grid}.native-source p{color:#506b7e;margin:0;font-size:13px;line-height:1.6}.native-studio-entry{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.native-studio-entry .button{flex:1}.native-studio-entry small{color:#527188;font-size:12px}.native-trial-panel{background:linear-gradient(115deg,#fff,#f1f7fc);border:1px solid #d7e4ef;border-radius:18px;justify-content:space-between;align-items:center;gap:28px;margin:24px 0;padding:24px;display:flex}.native-trial-panel.enabled{background:linear-gradient(115deg,#fff,#edf8f3);border-color:#97cdb9}.native-trial-panel h2{margin:6px 0 10px;font-size:21px}.native-trial-panel p{color:#456078;margin:8px 0;font-size:14px;line-height:1.6}.native-trial-panel small{color:#60768a;max-width:780px;font-size:12px;line-height:1.6;display:block}.native-trial-panel form{flex-shrink:0;gap:10px;display:grid}.native-trial-panel form span{text-align:center;color:#60768a;font-size:12px}.native-trial-panel .native-trial-settings{width:290px;min-width:0;max-width:100%}.native-trial-settings label{color:#23465f;font-size:13px;font-weight:650}.native-trial-settings input{color:#173c56;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #bfd1df;border-radius:10px;padding:10px 12px}.native-trial-settings input:focus-visible{border-color:#2083c4;outline:3px solid #2083c42b}.native-trial-settings .button{white-space:normal;text-align:center;justify-content:center}@media (max-width:750px){.native-trial-panel{flex-direction:column;align-items:stretch;gap:18px;padding:18px}.native-trial-panel .button{white-space:normal;text-align:center;justify-content:center}.native-trial-panel .native-trial-settings{width:100%}}