:root{color-scheme:light;--theme-dark-color-canvas: #101725;--theme-dark-color-surface: #182234;--theme-dark-color-surface-subtle: #202d43;--theme-dark-color-surface-raised: #202d43;--theme-dark-color-ink: #edf2fc;--theme-dark-color-muted: #a8b6cd;--theme-dark-color-border: #35435c;--theme-dark-color-border-strong: #667994;--theme-dark-color-primary: #94b3ff;--theme-dark-color-primary-hover: #b2c8ff;--theme-dark-color-primary-soft: #253b66;--theme-dark-color-on-primary: #10224c;--theme-dark-color-success: #7ed7af;--theme-dark-color-success-soft: #173e31;--theme-dark-color-warning: #f1c171;--theme-dark-color-warning-soft: #42351d;--theme-dark-color-danger: #ffa2ae;--theme-dark-color-danger-hover: #ffc1c9;--theme-dark-color-on-danger: #4b1520;--theme-dark-color-danger-soft: #482a38;--theme-dark-color-focus: #94b3ff;--theme-dark-color-scrim: #050b16b3;--theme-dark-color-brand-dingtalk: #83b9ff;--theme-dark-color-brand-feishu: #77d2cb;--theme-dark-color-brand-lark: #83b9ff;--theme-dark-shadow-sm: 0 2px 8px #00000018;--theme-dark-shadow-dialog: 0 24px 80px #00000066;--color-canvas: #f6f8fc;--color-surface: #ffffff;--color-surface-subtle: #eef2f8;--color-surface-raised: #ffffff;--color-ink: #17243b;--color-muted: #596980;--color-border: #d9e1ee;--color-border-strong: #b5c2d8;--color-primary: #285de5;--color-primary-hover: #194ac6;--color-primary-soft: #e8efff;--color-on-primary: #ffffff;--color-success: #14734d;--color-success-soft: #e5f4ec;--color-warning: #8c570a;--color-warning-soft: #fff3dc;--color-danger: #b8303e;--color-danger-hover: #982332;--color-on-danger: #ffffff;--color-danger-soft: #ffedf0;--color-focus: #547eeb;--color-scrim: #0a142866;--color-video: #101827;--color-video-text: #f1f5fc;--color-video-muted: #b9c6db;--color-video-control: #263650;--color-video-control-hover: #354965;--color-video-border: #53647f;--color-brand-dingtalk: #2377d7;--color-brand-feishu: #258785;--color-brand-lark: #2377d7;--shadow-sm: 0 2px 8px #17243b08;--shadow-dialog: 0 24px 80px #0a142830;--font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-hero: 3.5rem;--line-height-tight: 1.2;--line-height-heading: 1.35;--line-height-body: 1.65;--line-height-reading: 1.85;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.03em;--tracking-wide: .04em;--tracking-code: .08em;--space-0: 0px;--space-0\.5: 2px;--space-1: 4px;--space-1\.5: 6px;--space-2: 8px;--space-2\.5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--border-width: 1px;--focus-width: 3px;--focus-offset: 3px;--control-height: 48px;--control-height-compact: 44px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-brand: 32px;--opacity-disabled: .5;--duration-fast: .16s;--transition-fast: var(--duration-fast) ease;--z-skip: 100;--z-dialog: 50;--z-header: 10;--content-width: 1160px;--content-home: 960px;--content-reading: 760px;--content-auth: 440px;--header-height: 88px;--header-height-mobile: 76px;--page-gutter: var(--space-12)}:root[data-theme=dark]{color-scheme:dark;--color-canvas: var(--theme-dark-color-canvas);--color-surface: var(--theme-dark-color-surface);--color-surface-subtle: var(--theme-dark-color-surface-subtle);--color-surface-raised: var(--theme-dark-color-surface-raised);--color-ink: var(--theme-dark-color-ink);--color-muted: var(--theme-dark-color-muted);--color-border: var(--theme-dark-color-border);--color-border-strong: var(--theme-dark-color-border-strong);--color-primary: var(--theme-dark-color-primary);--color-primary-hover: var(--theme-dark-color-primary-hover);--color-primary-soft: var(--theme-dark-color-primary-soft);--color-on-primary: var(--theme-dark-color-on-primary);--color-success: var(--theme-dark-color-success);--color-success-soft: var(--theme-dark-color-success-soft);--color-warning: var(--theme-dark-color-warning);--color-warning-soft: var(--theme-dark-color-warning-soft);--color-danger: var(--theme-dark-color-danger);--color-danger-hover: var(--theme-dark-color-danger-hover);--color-on-danger: var(--theme-dark-color-on-danger);--color-danger-soft: var(--theme-dark-color-danger-soft);--color-focus: var(--theme-dark-color-focus);--color-scrim: var(--theme-dark-color-scrim);--color-brand-dingtalk: var(--theme-dark-color-brand-dingtalk);--color-brand-feishu: var(--theme-dark-color-brand-feishu);--color-brand-lark: var(--theme-dark-color-brand-lark);--shadow-sm: var(--theme-dark-shadow-sm);--shadow-dialog: var(--theme-dark-shadow-dialog)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-canvas: var(--theme-dark-color-canvas);--color-surface: var(--theme-dark-color-surface);--color-surface-subtle: var(--theme-dark-color-surface-subtle);--color-surface-raised: var(--theme-dark-color-surface-raised);--color-ink: var(--theme-dark-color-ink);--color-muted: var(--theme-dark-color-muted);--color-border: var(--theme-dark-color-border);--color-border-strong: var(--theme-dark-color-border-strong);--color-primary: var(--theme-dark-color-primary);--color-primary-hover: var(--theme-dark-color-primary-hover);--color-primary-soft: var(--theme-dark-color-primary-soft);--color-on-primary: var(--theme-dark-color-on-primary);--color-success: var(--theme-dark-color-success);--color-success-soft: var(--theme-dark-color-success-soft);--color-warning: var(--theme-dark-color-warning);--color-warning-soft: var(--theme-dark-color-warning-soft);--color-danger: var(--theme-dark-color-danger);--color-danger-hover: var(--theme-dark-color-danger-hover);--color-on-danger: var(--theme-dark-color-on-danger);--color-danger-soft: var(--theme-dark-color-danger-soft);--color-focus: var(--theme-dark-color-focus);--color-scrim: var(--theme-dark-color-scrim);--color-brand-dingtalk: var(--theme-dark-color-brand-dingtalk);--color-brand-feishu: var(--theme-dark-color-brand-feishu);--color-brand-lark: var(--theme-dark-color-brand-lark);--shadow-sm: var(--theme-dark-shadow-sm);--shadow-dialog: var(--theme-dark-shadow-dialog)}}.theme-toggle{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--control-height-compact);height:var(--control-height-compact);min-height:var(--control-height-compact);padding:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-muted);cursor:pointer}.theme-toggle:hover{background:var(--color-surface-subtle);color:var(--color-ink)}.theme-toggle:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.theme-toggle svg{width:var(--icon-md);height:var(--icon-md)}.theme-toggle .theme-sun{display:none}:root[data-theme=dark] .theme-toggle .theme-sun{display:block}:root[data-theme=dark] .theme-toggle .theme-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme]) .theme-toggle .theme-sun{display:block}:root:not([data-theme]) .theme-toggle .theme-moon{display:none}}@media(max-width:1100px){:root{--page-gutter: var(--space-8)}}@media(max-width:600px){:root{--page-gutter: var(--space-5)}}:root{--controller-width: 1120px;--controller-wide-width: 1280px;--controller-login-width: 480px;--controller-dialog-width: 560px;--controller-detail-width: 720px;--controller-claim-width: 560px;--controller-select-width: 360px;--controller-field-min-width: 180px;--controller-account-width: 180px;--controller-stage-min-height: 260px;--controller-stage-max-height: 760px;--controller-workspace-height: 820px;--controller-watch-chrome-height: 200px;--controller-workspace-overhead: 280px;--controller-empty-height: 300px;--controller-diagnostics-width: 740px;--controller-status-width: 360px;--controller-dot-size: 6px;--controller-reading-height: 70vh;font-family:var(--font-family);color:var(--color-ink);background:var(--color-canvas);font-synthesis:none;font-weight:var(--weight-regular);font-size:100%;line-height:var(--line-height-body);-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);min-height:var(--control-height);padding:var(--space-2) var(--space-4);font-size:var(--font-size-base);font-weight:var(--weight-semibold);line-height:var(--line-height-heading);transition:background var(--duration-fast),border-color var(--duration-fast)}button:hover{background:var(--color-surface-subtle);border-color:var(--color-border-strong)}button:disabled{cursor:default;opacity:var(--opacity-disabled)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:var(--font-size-3xl);font-weight:var(--weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--tracking-tight)}h2{font-size:var(--font-size-2xl);line-height:var(--line-height-heading)}h3{font-size:var(--font-size-lg);font-weight:var(--weight-semibold);line-height:var(--line-height-heading)}p{margin-top:var(--space-3)}.muted{color:var(--color-muted)}.small{font-size:var(--font-size-sm)}.eyebrow{display:block;color:var(--color-muted);font-size:var(--font-size-sm);letter-spacing:var(--tracking-wide);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.primary{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.text-button{background:transparent;border-color:transparent;box-shadow:none;padding:var(--space-2) var(--space-3)}.text-button:hover{background:var(--color-surface-subtle);border-color:transparent}.panel{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg)}.brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;font-size:var(--font-size-xl);font-weight:var(--weight-bold);white-space:nowrap}.brand-icon{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.brand-icon>svg{width:var(--icon-brand);height:var(--icon-brand)}.phone-icon{display:block;flex-shrink:0;width:var(--icon-lg);height:var(--icon-lg)}.small-icon{width:var(--icon-md);height:var(--icon-md)}.app-header{background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border)}.header-inner{max-width:var(--controller-width);margin:auto;min-height:var(--header-height-mobile);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-3) var(--space-6)}.account{display:flex;align-items:center;gap:var(--space-2);min-width:0}.remote-console button.theme-toggle{width:var(--control-height-compact);height:var(--control-height-compact);min-height:var(--control-height-compact);padding:0;flex-shrink:0}.account-name{font-size:var(--font-size-sm);color:var(--color-muted);max-width:var(--controller-account-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout{font-size:var(--font-size-sm)}.main-content{max-width:var(--controller-width);margin:auto;padding:var(--space-8) var(--space-6) var(--space-10)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.page-heading .muted{font-size:var(--font-size-base);margin-top:var(--space-3)}.page-heading>.primary{white-space:nowrap}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3);min-height:var(--control-height)}.list-heading h2{font-size:var(--font-size-lg)}.count{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:var(--weight-medium);margin-left:var(--space-2)}.list-status{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-muted)}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.device-card{text-align:left;display:block;padding:var(--space-6);min-width:0}.device-card:hover{border-color:var(--color-border-strong)}.device-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.device-mark{background:var(--color-primary-soft);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-primary)}.status{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--weight-semibold)}.status:before{content:"";display:block;width:var(--controller-dot-size);height:var(--controller-dot-size);border-radius:var(--radius-pill);background:currentColor}.online{background:var(--color-success-soft);color:var(--color-success)}.offline{background:var(--color-surface-subtle);color:var(--color-muted)}.pending{background:var(--color-warning-soft);color:var(--color-warning)}.device-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-open{display:block;width:100%;padding:0;border:0;border-radius:var(--radius-sm);text-align:left;min-height:0;background:transparent}.device-open:hover{background:transparent}.model{font-size:var(--font-size-sm);font-weight:var(--weight-regular);color:var(--color-muted);margin-top:var(--space-1);min-height:var(--space-6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-card-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.device-card-actions .primary{flex:1}.card-permissions{font-size:var(--font-size-sm);margin:var(--space-5) 0;color:var(--color-muted);font-weight:var(--weight-regular)}.card-permissions>div{display:flex;justify-content:space-between;gap:var(--space-3);margin:var(--space-2) 0}.card-permissions dd{margin:0;color:var(--color-ink)}.device-card-footer{padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border);display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted)}.device-card-footer>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-card-footer>span:last-child{color:var(--color-primary);font-size:var(--font-size-base)}.empty-state{text-align:center;padding:var(--space-12) var(--space-5)}.empty-phone{display:inline-flex;align-items:center;justify-content:center;width:var(--space-16);height:var(--space-20);border-radius:var(--radius-lg);background:var(--color-primary-soft);color:var(--color-primary);margin-bottom:var(--space-5)}.empty-phone svg{width:var(--icon-brand);height:var(--icon-brand)}.empty-state h3{font-size:var(--font-size-xl)}.empty-state .muted{font-size:var(--font-size-base)}.empty-state button{margin-top:var(--space-6)}.refresh-note{margin:var(--space-4) 0;font-size:var(--font-size-sm);color:var(--color-muted);text-align:right}.scope-note{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) 0;color:var(--color-muted);border-top:var(--border-width) solid var(--color-border);margin-top:var(--space-7)}.scope-note svg{margin-top:var(--space-1);color:var(--color-muted)}.scope-note p{margin:0;font-size:var(--font-size-sm)}.site-footer{max-width:var(--controller-width);margin:0 auto;padding:var(--space-4) var(--space-6) var(--space-8);color:var(--color-muted);font-size:var(--font-size-sm)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.enrollment,.detail{padding:var(--space-6);max-width:var(--controller-detail-width);margin:0 auto}.binding-container{margin-bottom:var(--space-6)}.close-binding{display:block;margin:var(--space-2) 0 0 auto;font-size:var(--font-size-sm)}.enrollment>.muted{max-width:var(--controller-detail-width);margin:var(--space-3) 0 var(--space-6);font-size:var(--font-size-base)}.enrollment>.primary{margin-top:var(--space-2)}.step-badge{background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--font-size-sm);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);white-space:nowrap}.binding-code{display:block;font-variant-numeric:tabular-nums;font-family:var(--font-family-mono);font-size:var(--font-size-3xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-code);color:var(--color-primary);background:var(--color-primary-soft);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);width:fit-content;max-width:100%;overflow-wrap:anywhere}.pairing-label{margin:var(--space-5) 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted)}.pairing-steps{margin:var(--space-5) 0 var(--space-2);padding-left:var(--space-5);font-size:var(--font-size-sm);color:var(--color-muted)}.server-address{overflow-wrap:anywhere;font-size:var(--font-size-base);color:var(--color-ink)}.waiting{display:flex;align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--font-size-sm);margin:var(--space-6) 0 var(--space-3)}.pulse-dot{width:var(--controller-dot-size);height:var(--controller-dot-size);background:var(--color-success);border-radius:var(--radius-pill)}.claim-panel{background:var(--color-surface-subtle);border:0;border-radius:var(--radius-md);padding:var(--space-5);margin:var(--space-6) 0 var(--space-2);max-width:var(--controller-claim-width)}.claim-panel h3{font-size:var(--font-size-lg)}.claim-panel label{margin-top:var(--space-5)}.claim-panel input{max-width:var(--controller-select-width);display:block;font-family:var(--font-family-mono);font-size:var(--font-size-xl);letter-spacing:var(--tracking-code)}.claim-panel button{margin-top:var(--space-4)}.claim-panel .small{margin-top:var(--space-1)}.claim-panel .section-heading{margin-bottom:var(--space-3)}.enrollment>.text-button{font-size:var(--font-size-sm)}.notice{background:var(--color-success-soft);color:var(--color-ink);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-size:var(--font-size-sm);margin:0 0 var(--space-6)}.notice p{margin-top:var(--space-2)}.notice button{margin-top:var(--space-3)}.error{color:var(--color-danger);background:var(--color-danger-soft);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);overflow-wrap:anywhere}.detail .back{margin-left:calc(-1 * var(--space-3));margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.detail .section-heading{margin-bottom:var(--space-5)}.detail .section-heading h2{overflow-wrap:anywhere}.device-capabilities{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-5);color:var(--color-muted);font-size:var(--font-size-sm)}.device-capabilities strong{font-weight:var(--weight-medium);color:var(--color-ink);margin-left:var(--space-2)}.device-capabilities .help-button{margin-left:auto}.device-guidance{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-subtle);color:var(--color-muted);font-size:var(--font-size-base)}.facts{margin:var(--space-6) 0;font-size:var(--font-size-sm);display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-8)}.facts>div{display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) 0;border-bottom:var(--border-width) solid var(--color-border)}.facts dt{color:var(--color-muted);flex-shrink:0}.facts dd{margin:0;text-align:right;color:var(--color-ink);overflow-wrap:anywhere}.detail-actions{padding:var(--space-3) 0 var(--space-6)}.input-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.input-actions input{flex:1;min-width:var(--controller-field-min-width)}.danger-zone{border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-6)}.danger-button{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-surface)}.danger-button:hover{background:var(--color-danger-soft);border-color:var(--color-danger)}.danger-solid{color:var(--color-on-danger);background:var(--color-danger);border-color:var(--color-danger)}.danger-solid:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.load-more{text-align:center;margin:var(--space-5) 0}.login-layout{max-width:var(--controller-login-width);margin:0 auto;padding:var(--space-20) var(--space-6) var(--space-8)}.login-layout>.brand{justify-content:center;margin-bottom:var(--space-8)}.login-panel{padding:var(--space-8)}.login-panel h1{font-size:var(--font-size-3xl)}.login-panel>.muted{font-size:var(--font-size-sm);margin:var(--space-3) 0 var(--space-7)}label{display:block;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);color:var(--color-ink);margin-bottom:var(--space-2)}input{min-height:var(--control-height);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-ink);width:100%;min-width:0;font-size:var(--font-size-base)}input:disabled{background:var(--color-surface-subtle)}.login-panel input{margin-bottom:var(--space-5)}.login-submit{width:100%;margin-top:var(--space-2)}.login-note{color:var(--color-muted);text-align:center;margin-top:var(--space-6)}.login-footer{text-align:center;color:var(--color-muted);font-size:var(--font-size-sm);margin-top:var(--space-6)}.loading-page{min-height:var(--controller-reading-height);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-4);padding:var(--space-8)}.loading-page h1{font-size:var(--font-size-3xl)}.loading-page p{color:var(--color-muted);font-size:var(--font-size-base)}.remote-login{max-width:var(--content-auth)}.remote-login .section-heading{margin-bottom:var(--space-6)}.view-request{margin:var(--space-6) 0 var(--space-3)}.view-request .small{font-size:var(--font-size-sm);max-width:var(--controller-claim-width)}.view-request .button-row{margin-top:0}.view-request .button-row button{min-width:var(--controller-field-min-width)}.watch-page{padding:var(--space-5)}.watch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.watch-toolbar h2{overflow-wrap:anywhere}.watch-identity,.watch-actions{display:flex;align-items:center;gap:var(--space-3);min-width:0}.watch-identity h2{font-size:var(--font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-identity>div{min-width:0}.watch-back{font-size:var(--font-size-2xl);min-width:var(--control-height-compact);padding:var(--space-1)}.watch-mode{font-size:var(--font-size-sm);color:var(--color-muted)}.watch-actions{flex-shrink:0;gap:var(--space-2)}.watch-actions>.danger-solid{white-space:nowrap;font-size:var(--font-size-sm)}.watch-message{font-size:var(--font-size-sm);color:var(--color-muted);margin:var(--space-3) 0 0}.readonly-video-stage{position:relative;width:100%;height:min(66dvh,var(--controller-stage-max-height));min-height:var(--controller-stage-min-height);background:var(--color-video);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center}.readonly-video-stage video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.video-placeholder,.video-play-prompt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-3);color:var(--color-video-muted);padding:var(--space-6);text-align:center;font-size:var(--font-size-base)}.video-placeholder-icon{font-size:var(--font-size-hero);line-height:var(--line-height-tight);font-weight:var(--weight-regular);color:var(--color-video-muted)}.video-play-prompt{background:var(--color-video);color:var(--color-video-text);z-index:var(--z-header)}.video-play-prompt p{font-size:var(--font-size-sm)}.video-play-prompt button{background:var(--color-video-control);border-color:var(--color-video-border);color:var(--color-video-text)}.video-play-prompt button:hover{background:var(--color-video-control-hover)}.watch-footnote{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) 0 0}.watch-footnote p{font-size:var(--font-size-sm);color:var(--color-muted);margin:0}.watch-ended{min-height:var(--controller-empty-height);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:var(--space-8) var(--space-5);background:var(--color-surface-subtle);border-radius:var(--radius-md);text-align:center}.watch-ended p{font-size:var(--font-size-base)}.watch-ended button{margin-top:var(--space-6)}.watch-ended-message{color:var(--color-muted)}.watch-diagnostics{border-top:var(--border-width) solid var(--color-border);margin-top:var(--space-6);padding-top:var(--space-4);color:var(--color-muted);font-size:var(--font-size-sm)}.watch-diagnostics summary{cursor:pointer;min-height:var(--control-height-compact)}.watch-diagnostics .facts{margin:var(--space-2) 0;font-size:var(--font-size-sm)}.watch-diagnostics dd{font-variant-numeric:tabular-nums}.watch-details-link{display:flex;justify-content:flex-end;margin-top:var(--space-1)}.watch-details-link button,.secondary-dialog-trigger{font-size:var(--font-size-sm);color:var(--color-muted)}.video-control-surface{position:absolute;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;cursor:default}.video-control-surface.control-ready{cursor:crosshair}.video-placeholder{pointer-events:none}.control-toolbar{padding-top:var(--space-3)}.control-toolbar>p{font-size:var(--font-size-sm);color:var(--color-muted);min-height:var(--space-6);margin:var(--space-2) 0 0}.control-toolbar .button-row{margin-top:0;gap:var(--space-2)}.control-toolbar .button-row button{flex:1}.control-toolbar .small{font-size:var(--font-size-sm);max-width:var(--controller-diagnostics-width)}.remote-console.is-watching .main-content{max-width:var(--controller-wide-width);padding:var(--space-4) var(--space-6) var(--space-6)}.help-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:var(--control-height-compact);min-height:var(--control-height-compact);width:var(--control-height-compact);height:var(--control-height-compact);padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-muted)}.help-button svg{display:block;flex-shrink:0;width:var(--icon-lg);height:var(--icon-lg)}.help-button:hover{background:var(--color-surface-subtle);border-color:transparent;color:var(--color-ink)}.rp-dialog{width:min(var(--controller-dialog-width),calc(100vw - var(--space-8)));max-height:calc(100dvh - var(--space-12));margin:auto;padding:var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-dialog);overflow:auto}.rp-dialog::backdrop{background:var(--color-scrim)}.rp-dialog-heading{position:sticky;top:calc(-1 * var(--space-6));background:var(--color-surface-raised);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);z-index:var(--z-header)}.rp-dialog-heading h2{font-size:var(--font-size-xl);line-height:var(--line-height-heading)}.dialog-close{display:flex;align-items:center;justify-content:center;min-width:var(--control-height-compact);min-height:var(--control-height-compact);width:var(--control-height-compact);height:var(--control-height-compact);padding:0;border:0;background:transparent;color:var(--color-muted);font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.rp-dialog-body{font-size:var(--font-size-base);line-height:var(--line-height-reading)}.rp-dialog-body>p{margin:0 0 var(--space-4)}.rp-dialog-body>p:last-child{margin-bottom:0}.rp-dialog .facts{display:block;margin:0 0 var(--space-4);font-size:var(--font-size-sm)}.rp-dialog .facts>div{gap:var(--space-5);padding:var(--space-3) 0}.rp-dialog .facts dt{color:var(--color-muted)}.rp-dialog .facts dd{color:var(--color-ink);max-width:68%}.rp-dialog .detail-actions{padding:var(--space-2) 0 var(--space-5)}.rp-dialog .danger-zone{padding-top:var(--space-4)}.rp-dialog .input-actions{margin-top:var(--space-3)}.rp-dialog .input-actions input{min-width:0;flex-basis:100%}.visually-hidden{position:absolute;width:var(--border-width);height:var(--border-width);padding:0;margin:calc(-1 * var(--border-width));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.remote-console.direct-control .main-content{max-width:var(--controller-wide-width);padding-top:var(--space-6)}.control-workspace{max-width:var(--controller-width);margin:0 auto}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-5)}.workspace-heading h1{font-size:var(--font-size-3xl)}.workspace-tools{display:flex;gap:var(--space-2);align-items:center}.workspace-tools button{display:inline-flex;gap:var(--space-2);align-items:center;font-size:var(--font-size-sm)}.workspace-tools button>svg{width:var(--icon-sm);height:var(--icon-sm)}.workspace-device{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.workspace-device-select{display:flex;align-items:center;gap:var(--space-3);min-width:0}.workspace-device-select label{font-size:var(--font-size-sm);color:var(--color-muted);font-weight:var(--weight-medium);margin:0;white-space:nowrap}.workspace-device-select select{font:inherit;min-height:var(--control-height);border:var(--border-width) solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-2) var(--space-10) var(--space-2) var(--space-3);color:var(--color-ink);min-width:var(--controller-field-min-width);max-width:var(--controller-select-width);font-size:var(--font-size-base)}.workspace-device>.text-button{font-size:var(--font-size-sm)}.workspace-screen{margin-top:0}.workspace-stage .video-placeholder{pointer-events:auto}.workspace-stage .video-placeholder>svg{color:var(--color-video-muted);margin-bottom:var(--space-2);width:var(--space-12);height:var(--space-12)}.workspace-stage .video-placeholder h3{font-size:var(--font-size-xl);font-weight:var(--weight-semibold);color:var(--color-video-text)}.workspace-stage .workspace-status{font-size:var(--font-size-sm);line-height:var(--line-height-body);max-width:var(--controller-status-width);color:var(--color-video-muted);margin:0}.remote-console.direct-control .workspace-stage .video-placeholder>.primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--font-size-base);background:var(--color-video-control);color:var(--color-video-text);border-color:var(--color-video-border)}.remote-console.direct-control .workspace-stage .video-placeholder>.primary:hover{background:var(--color-video-control-hover)}.workspace-stage .workspace-permissions{font-size:var(--font-size-sm);color:var(--color-video-muted)}.workspace-stage .workspace-permissions:hover{color:var(--color-video-text);background:var(--color-video-control)}.control-workspace .control-toolbar .button-row button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.control-workspace .control-toolbar .button-row button>svg{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.control-workspace>.watch-page{display:flex;flex-direction:column;height:calc(100dvh - var(--controller-workspace-overhead));max-height:var(--controller-workspace-height);min-height:calc(var(--controller-stage-min-height) + var(--controller-watch-chrome-height))}.control-workspace>.watch-page>.readonly-video-stage{flex:1;height:auto;min-height:var(--controller-stage-min-height)}.control-workspace>.watch-page>:not(.readonly-video-stage){flex-shrink:0}@media(max-width:850px){.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facts{gap:0 var(--space-5)}}@media(max-width:720px){:root{--controller-workspace-overhead: 320px}.header-inner{padding-inline:var(--space-4)}.main-content{padding:var(--space-6) var(--space-4) var(--space-8)}.workspace-device-select{flex:1}.workspace-device-select select{min-width:0;width:100%;max-width:none}.account-name{display:none}.remote-console.direct-control .main-content{padding:var(--space-5) var(--space-4) var(--space-6)}}@media(max-width:560px){:root{--controller-workspace-overhead: 360px;--controller-stage-min-height: 220px;--controller-watch-chrome-height: 256px}.header-inner{min-height:var(--header-height-mobile);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.brand{font-size:var(--font-size-lg);gap:var(--space-2)}.brand-icon{width:var(--icon-brand);height:var(--space-10)}.account{gap:var(--space-1)}.account>.help-button{display:none}.logout{font-size:var(--font-size-sm);padding-inline:var(--space-2)}.main-content{padding:var(--space-6) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom))}.page-heading{align-items:flex-start;gap:var(--space-4);flex-direction:column;margin-bottom:var(--space-6)}.page-heading h1{font-size:var(--font-size-3xl)}.page-heading>.primary{width:100%}.device-grid{grid-template-columns:1fr;gap:var(--space-4)}.device-card{padding:var(--space-5)}.device-card-top{margin-bottom:var(--space-4)}.section-heading{align-items:flex-start}.section-heading h2{font-size:var(--font-size-xl)}.enrollment,.detail{padding:var(--space-5)}.binding-code{padding:var(--space-4) var(--space-3);font-size:var(--font-size-2xl)}.claim-panel{padding:var(--space-4)}.claim-panel .section-heading{flex-wrap:wrap;gap:var(--space-2)}.claim-panel button{width:100%}.facts{grid-template-columns:1fr;margin:var(--space-5) 0}.facts dt{min-width:var(--space-20)}.input-actions{display:grid;grid-template-columns:1fr 1fr}.input-actions input{grid-column:1 / -1;min-width:0}.scope-note{margin-top:var(--space-6)}.site-footer{padding:var(--space-4) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom))}.login-layout,.remote-login{padding:var(--space-10) var(--space-5) var(--space-6)}.login-panel{padding:var(--space-6)}.detail .section-heading{flex-wrap:wrap}.empty-state{padding:var(--space-10) var(--space-5)}.notice{padding:var(--space-4)}.watch-page{padding:var(--space-3)}.watch-toolbar{gap:var(--space-2);margin-bottom:var(--space-3)}.watch-identity{gap:var(--space-1)}.watch-identity h2{font-size:var(--font-size-lg)}.watch-actions{gap:var(--space-1)}.watch-actions>.danger-solid{padding-inline:var(--space-3)}.watch-footnote{align-items:flex-start;gap:var(--space-3)}.view-request>.primary{width:100%}.view-request .button-row button{flex:1;min-width:0}.control-toolbar .button-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.control-toolbar .button-row button{padding-inline:var(--space-2)}.remote-console.is-watching .main-content{padding:var(--space-3) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom))}.rp-dialog{padding:var(--space-4) var(--space-5);max-height:calc(100dvh - var(--space-8))}.rp-dialog-heading{top:calc(-1 * var(--space-4))}.remote-console.direct-control .main-content{padding:var(--space-4) var(--space-3) calc(var(--space-5) + env(safe-area-inset-bottom))}.workspace-heading{gap:var(--space-3);margin-bottom:var(--space-4)}.workspace-heading h1{font-size:var(--font-size-2xl)}.workspace-tools{gap:var(--space-1)}.workspace-tools button{padding-inline:var(--space-3)}.workspace-device,.workspace-device-select{gap:var(--space-2)}.workspace-device>.text-button{padding-inline:var(--space-2)}.workspace-device-select select{padding-right:var(--space-6)}.workspace-stage .video-placeholder{padding:var(--space-4);gap:var(--space-2)}.workspace-stage .video-placeholder h3{font-size:var(--font-size-lg)}}@media(max-width:380px){:root{--controller-workspace-overhead: 408px}.header-inner{padding-inline:var(--space-3)}.brand{gap:var(--space-1)}.logout{padding-inline:var(--space-1)}.workspace-tools{margin-left:auto}.workspace-device-select{flex-basis:100%}}@media(prefers-reduced-motion:reduce){button{transition:none}}:root{--auth-layout-width: 980px;--auth-loading-height: 320px;--sms-code-action-width: 120px}.auth-page,.console-page{background:var(--color-canvas);color:var(--color-ink);min-height:100vh;min-height:100dvh;font-size:var(--font-size-base)}.auth-page{display:flex;flex-direction:column}.auth-header{padding:var(--space-6) var(--page-gutter);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.auth-header .text-link{font-size:var(--font-size-sm);color:var(--color-muted)}.auth-main{width:min(var(--auth-layout-width),calc(100% - var(--page-gutter) * 2));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);align-items:center;padding-block:var(--space-10) var(--space-16);flex:1}.auth-intro h2{font-size:var(--font-size-hero);letter-spacing:var(--tracking-tight);color:var(--color-ink)}.auth-intro>p:not(.section-label){font-size:var(--font-size-base);line-height:var(--line-height-reading);color:var(--color-muted);margin-top:var(--space-6)}.auth-footer{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-5);font-size:var(--font-size-sm);color:var(--color-muted);padding:var(--space-6) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom))}.auth-footer a{display:inline-flex;align-items:center;min-height:var(--control-height-compact)}.console-root{min-width:0}.login-island .remote-login{padding:0;max-width:none}.login-island .remote-login>.brand{display:none}.login-island .login-panel{padding:var(--space-8);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.login-island .section-heading{margin-bottom:var(--space-7);align-items:center}.login-island .login-panel h1{font-size:var(--font-size-3xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.login-island .login-panel label{font-size:var(--font-size-sm);font-weight:var(--weight-medium);color:var(--color-ink);display:block;margin-bottom:var(--space-2)}.login-island .login-panel input{border-radius:var(--radius-md);min-height:var(--control-height);border:var(--border-width) solid var(--color-border-strong);background:var(--color-canvas);color:var(--color-ink);box-shadow:none;font-size:var(--font-size-base);margin-bottom:var(--space-6);padding:var(--space-3);width:100%}.login-island .login-panel input::placeholder{color:var(--color-muted);opacity:1}.login-island .login-submit{margin-top:var(--space-2);min-height:var(--control-height);width:100%;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);font-size:var(--font-size-base)}.login-island .login-submit:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.login-island .loading-page{min-height:var(--auth-loading-height);padding:var(--space-8) var(--space-5);text-align:center;gap:var(--space-5)}.login-island .loading-page h1{font-size:var(--font-size-2xl)}.login-island .loading-page p{font-size:var(--font-size-base)}.console-page #main-content{min-height:100vh;min-height:100dvh}.rp-dialog a{text-decoration:underline;text-underline-offset:var(--space-1)}.sms-auth-main{width:min(var(--content-auth),calc(100% - var(--page-gutter) * 2));margin:auto;padding-block:var(--space-10);flex:1;display:flex;flex-direction:column;justify-content:center}.sms-login .sms-intro{font-size:var(--font-size-base);color:var(--color-muted);margin:var(--space-2) 0 var(--space-8)}.sms-login .sms-phone-input{display:flex;align-items:center;border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);margin-bottom:var(--space-6);background:var(--color-canvas)}.sms-phone-input:focus-within{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.sms-phone-input>span{padding-inline:var(--space-3);font-size:var(--font-size-base);color:var(--color-muted);border-right:var(--border-width) solid var(--color-border);line-height:var(--line-height-tight)}.login-island .sms-phone-input input{margin:0;border:0;outline:none;box-shadow:none;background:transparent;min-width:0}.sms-code-row{display:grid;grid-template-columns:minmax(0,1fr) var(--sms-code-action-width);gap:var(--space-2);margin-bottom:var(--space-6)}.login-island .sms-code-row input{margin:0;font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-code)}.sms-code-row .sms-send-code{font-size:var(--font-size-sm);white-space:nowrap;padding:var(--space-2);min-height:var(--control-height);border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary);border:var(--border-width) solid var(--color-border);font-weight:var(--weight-medium)}.sms-send-code:disabled{opacity:var(--opacity-disabled)}.sms-login .error{margin:0 0 var(--space-4);font-size:var(--font-size-sm);color:var(--color-danger)}.sms-notice{margin:0 0 var(--space-4);font-size:var(--font-size-sm);color:var(--color-success)}.sms-login-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-muted);margin-top:var(--space-5)}.sms-login-footer a{display:inline-flex;align-items:center;min-height:var(--control-height-compact)}.sms-login-footer a:hover{color:var(--color-primary)}.sms-auth-guide{display:flex;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height-compact);margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-muted)}@media(max-width:800px){.auth-main{gap:var(--space-10)}.auth-intro h2{font-size:var(--font-size-4xl)}}@media(max-width:600px){.auth-header{padding-block:var(--space-4);gap:var(--space-2)}.auth-header-actions{gap:var(--space-2)}.auth-header .text-link>span{display:none}.auth-main{width:min(var(--content-auth),calc(100% - var(--page-gutter) * 2));grid-template-columns:1fr;gap:var(--space-6);padding-block:var(--space-6) var(--space-10);align-content:center}.auth-intro .section-label{display:none}.auth-intro h2{font-size:var(--font-size-3xl)}.auth-intro h2 br{display:none}.auth-intro>p:not(.section-label){font-size:var(--font-size-base);margin-top:var(--space-2)}.login-island .login-panel{padding:var(--space-6)}.auth-footer{gap:var(--space-3)}.sms-auth-main{padding-block:var(--space-6) var(--space-8)}.sms-login .sms-intro{margin-bottom:var(--space-6)}}@media(max-width:360px){.sms-auth-main .login-panel{padding:var(--space-5)}.sms-code-row{grid-template-columns:minmax(0,1fr)}.sms-code-row .sms-send-code{width:100%}}
