:root{font-family:Arial,Helvetica,sans-serif;color:#f4f7fb;background:radial-gradient(circle at top,rgba(108,6,51,.16),transparent 34%),radial-gradient(circle at 16% 18%,rgba(224,221,215,.09),transparent 26%),linear-gradient(180deg,#2a111c,#41202f 44%,#53434a);--panel: rgba(58, 29, 41, .74);--panel-border: rgba(224, 221, 215, .2);--accent: rgb(108, 6, 51);--accent-strong: rgb(224, 221, 215);--button-bg: rgb(108, 6, 51);--button-bg-active: rgb(82, 5, 37);--button-text: #ffffff;--text-dark: #111111;--text-muted: #30343b;--surface-white: #ffffff;--surface-border: rgba(17, 24, 39, .14)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;top:-18vh;right:-12vw;bottom:-18vh;left:-12vw;pointer-events:none;z-index:-1;opacity:.55;will-change:transform,opacity}body:before{background:radial-gradient(circle at 24% 28%,rgba(108,6,51,.16) 0%,transparent 28%),radial-gradient(circle at 72% 62%,rgba(224,221,215,.07) 0%,transparent 24%);animation:proto-luma-drift 26s ease-in-out infinite alternate}body:after{background:linear-gradient(120deg,transparent 0%,rgba(224,221,215,.04) 45%,transparent 72%),radial-gradient(circle at 68% 18%,rgba(108,6,51,.12) 0%,transparent 22%);mix-blend-mode:screen;opacity:.32;animation:proto-luma-sheen 34s ease-in-out infinite alternate}button{border:0;cursor:pointer;font:inherit}.screen{min-height:100vh;padding:48px}.center-screen{display:grid;place-items:center;background:var(--surface-white);color:var(--text-dark)}.center-screen .glass,.selfie-screen .selfie-panel.glass{background:var(--surface-white);border-color:var(--surface-border);color:var(--text-dark);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 20px 60px #11182724}.center-screen .eyebrow,.selfie-panel .eyebrow{color:#400a24;text-shadow:none}.center-screen h1,.center-screen p,.selfie-panel h1,.selfie-panel p{color:var(--text-dark)}.glass{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 30px 80px #00000059}.panel{border-radius:36px;padding:40px;max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:clamp(1rem,1vw + .55rem,1.3rem);font-weight:700;color:var(--accent-strong);text-shadow:0 0 12px rgba(224,221,215,.08)}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.top-bar-actions,.selfie-actions{display:flex;gap:16px}.primary-button,.secondary-button,.floating-button,.menu-card{border-radius:999px;padding:18px 30px}.primary-button,.secondary-button,.floating-button{color:var(--button-text);border:1px solid rgba(108,6,51,.18);background:var(--button-bg);box-shadow:inset 0 1px #ffffff24,0 12px 24px #6c063338;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{font-weight:800}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary-button:hover,.secondary-button:hover,.floating-button:hover,.menu-card:hover{background:var(--button-bg-active);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff2e,0 14px 26px #6c063347}.primary-button:disabled,.secondary-button:disabled{opacity:.7;cursor:default}.floating-button{position:absolute;top:clamp(28px,4vw,48px);right:clamp(28px,4vw,48px);z-index:3;display:inline-grid;place-items:center;width:clamp(56px,5.4vw,84px);height:clamp(56px,5.4vw,84px);padding:0;border:0;color:var(--button-bg);background:transparent;box-shadow:none;transition:color .16s ease,opacity .16s ease,transform .16s ease}.floating-button:hover{color:var(--button-bg-active);background:transparent;box-shadow:none;transform:translate(-2px)}.floating-button svg{width:100%;height:100%;stroke:currentColor}.menu-screen{display:flex;flex-direction:column;position:relative;gap:clamp(24px,4vh,52px);background:var(--surface-white);background-image:none;color:var(--text-dark)}.menu-screen .top-bar,.menu-description{position:relative;z-index:2}.menu-screen .top-bar{padding-top:clamp(20px,3vh,52px);padding-bottom:clamp(14px,2.2vh,34px)}.menu-screen h1{margin:0 0 clamp(8px,1.4vh,22px);padding-block:clamp(4px,.8vh,14px);color:var(--text-dark);font-size:clamp(3rem,4.6vw,5.1rem);line-height:1.02;letter-spacing:0;text-shadow:none}.menu-description{width:min(100%,1120px);max-width:1120px;margin:0;font-size:clamp(2.15rem,1.75vw + 1.25rem,3.55rem);line-height:1.28;color:var(--text-muted);text-align:left;text-shadow:none}.menu-button-stack{position:absolute;top:0;bottom:0;left:50%;z-index:1;display:grid;align-content:center;justify-items:stretch;width:min(calc(100vw - 96px),1040px);height:100%;padding-block:clamp(18px,4vh,56px);transform:translate(-50%)}.menu-button-stack--standard.menu-button-stack--custom-button-width{width:min(calc(100vw - 96px),var(--standard-button-stack-width));max-width:none;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scrollbar-width:thin}.menu-button-stack--image-grid{width:calc(100vw - 96px);max-width:none;justify-items:center}.menu-layout{display:grid;justify-items:stretch;gap:clamp(20px,2.8vh,36px);width:100%;transform:translate(var(--menu-offset-x, 0px),var(--menu-offset-y, 0px))}.menu-layout--image-grid{justify-items:center}.menu-button-stack--custom-button-width .menu-layout--standard{width:var(--standard-button-stack-width)}.menu-back-row{display:flex;justify-content:flex-start;width:100%}.menu-layout--image-grid .menu-back-row{width:min(var(--image-grid-width, 100%),max(0px,calc(100vw - var(--image-grid-padding, 0px) - var(--image-grid-padding, 0px))))}.menu-back-button,.menu-refresh-button{display:inline-grid;place-items:center;width:clamp(56px,5.4vw,84px);height:clamp(56px,5.4vw,84px);padding:0;border-radius:999px;color:var(--button-bg);background:transparent;box-shadow:none;transition:color .16s ease,opacity .16s ease,transform .16s ease}.menu-refresh-button{position:fixed;top:clamp(28px,4vw,48px);right:clamp(28px,4vw,48px);z-index:20}.menu-back-button:hover{color:var(--button-bg-active);transform:translate(-2px)}.menu-refresh-button:hover{color:var(--button-bg-active)}.menu-back-button:disabled,.menu-refresh-button:disabled{opacity:.55;cursor:default;transform:none}.menu-back-button svg,.menu-refresh-button svg{width:100%;height:100%;stroke:currentColor}.menu-grid{display:grid;grid-template-columns:repeat(var(--standard-button-columns, 1),minmax(0,1fr));gap:var(--standard-button-gap, clamp(18px, 2.4vh, 30px));width:100%}.menu-button-stack--custom-button-width .menu-grid{grid-template-columns:repeat(var(--standard-button-columns, 1),var(--standard-button-width))}.menu-grid--locked{pointer-events:none}.menu-card{justify-self:center;width:100%;min-height:clamp(120px,13vh,184px);text-align:center;background:var(--button-bg);color:var(--button-text);display:flex;align-items:center;justify-content:center;border:1px solid rgba(108,6,51,.18);box-shadow:inset 0 1px #ffffff24,0 14px 30px #6c063338;opacity:0;transform:translateY(28px) scale(.98);animation:menu-card-enter .52s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--menu-card-delay, 0ms)}.menu-button-stack--custom-button-width .menu-card{flex-basis:var(--standard-button-width);width:var(--standard-button-width);max-width:var(--standard-button-width)}.menu-card strong{font-size:clamp(2.2rem,2.4vw + 1.1rem,3.7rem);line-height:1.1;max-width:none;letter-spacing:0;text-shadow:none}.image-menu-scroll{--image-grid-scroll-padding: 24px;width:min(var(--image-grid-width, 100%),max(0px,calc(100vw - var(--image-grid-padding, 0px) - var(--image-grid-padding, 0px))));max-height:min(calc(var(--image-grid-visible-height, 100vh) + var(--image-grid-scroll-padding) + var(--image-grid-scroll-padding)),max(0px,calc(100vh - var(--image-grid-padding, 0px) - var(--image-grid-padding, 0px))));padding-block:var(--image-grid-scroll-padding);overflow-x:hidden;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;overscroll-behavior:contain;scrollbar-width:thin}.image-menu-scroll--locked{pointer-events:none}.image-menu-grid{display:grid;grid-template-columns:repeat(var(--image-grid-columns, 4),var(--image-grid-item-size, 360px));grid-auto-rows:var(--image-grid-item-size, 360px);gap:var(--image-grid-gap, 72px);align-items:start;align-content:start;width:max-content}.image-menu-card{width:var(--image-grid-item-size, 360px);height:var(--image-grid-item-size, 360px);display:grid;justify-items:center;align-items:start;align-content:start;gap:clamp(10px,1vh,18px);padding:0;color:var(--text-dark);background:transparent;opacity:0;transform:translateY(28px) scale(.98);animation:menu-card-enter .52s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--menu-card-delay, 0ms)}.image-menu-card:hover{color:var(--button-bg-active);background:transparent;transform:translateY(-2px)}.image-menu-visual{width:min(var(--image-grid-image-size, 300px),var(--image-grid-item-size, 360px));height:min(var(--image-grid-image-size, 300px),var(--image-grid-item-size, 360px));display:grid;place-items:center;overflow:hidden;border-radius:999px;background:var(--button-bg);color:var(--button-text);box-shadow:inset 0 1px #ffffff29,0 18px 42px #6c063333}.image-menu-visual img{display:block;width:100%;height:100%;object-fit:cover}.image-menu-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:clamp(3rem,4.5vw,6.5rem);font-weight:850;line-height:1;background:radial-gradient(circle at 34% 24%,rgba(224,221,215,.24),transparent 34%),var(--button-bg)}.image-menu-label{max-width:94%;color:var(--text-dark);font-size:clamp(1.4rem,1.25vw + .9rem,2.5rem);font-weight:800;line-height:1.1;text-align:center;text-shadow:none}@keyframes menu-card-enter{0%{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes proto-luma-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}50%{transform:translate3d(1.5%,2%,0) scale(1.04)}to{transform:translate3d(3%,-2%,0) scale(1.02)}}@keyframes proto-luma-sheen{0%{transform:translate3d(-3%,0,0) rotate(-4deg) scale(1)}50%{transform:translate3d(1%,2%,0) rotate(-1deg) scale(1.03)}to{transform:translate3d(4%,-1%,0) rotate(3deg) scale(1.05)}}.playlist-shell{position:relative;width:100%;height:100vh;overflow:hidden;background:#000}.playlist-shell--tap-exit{cursor:pointer}.media-player{display:block;width:100%;height:100%;max-width:100%;max-height:100%;background:#000}.media-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,#182e4a4d,#000000f0 72%),#000}.media-player--video{object-fit:contain}.media-player--image{object-fit:cover}.media-status{position:absolute;left:32px;right:32px;bottom:32px;z-index:2;max-width:560px}.webpage-viewer{position:relative;width:100vw;height:100vh;overflow:hidden;background:#fff;color:var(--text-dark)}.webpage-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;border:0;background:#fff}.webpage-control-dock{position:fixed;z-index:5;display:grid;gap:10px;width:max-content;max-width:min(360px,calc(100vw - 36px));border:1px solid rgba(255,255,255,.44);border-radius:8px;padding:10px;background:#111827db;color:#fff;box-shadow:0 18px 46px #00000057,inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;touch-action:none}.webpage-control-dock--top-left{top:18px;left:18px}.webpage-control-dock--top-right{top:18px;right:18px}.webpage-control-dock--top-center{top:18px;left:50%;transform:translate(-50%)}.webpage-control-dock--bottom-left{left:18px;bottom:18px}.webpage-control-dock--bottom-right{right:18px;bottom:18px}.webpage-control-dock--bottom-center{bottom:18px;left:50%;transform:translate(-50%)}.webpage-control-dock--middle-left{top:50%;left:18px;transform:translateY(-50%)}.webpage-control-dock--middle-right{top:50%;right:18px;transform:translateY(-50%)}.webpage-control-dock--horizontal{grid-template-columns:auto minmax(0,1fr);align-items:center;max-width:min(760px,calc(100vw - 36px))}.webpage-dock-handle{display:grid;place-items:center;min-width:48px;min-height:42px;border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:0;background:#ffffff24;color:#fff;cursor:grab;touch-action:none}.webpage-dock-handle:active{cursor:grabbing}.webpage-dock-handle:disabled{cursor:default;opacity:.6}.webpage-dock-handle span{display:block;width:24px;height:18px;background:radial-gradient(circle,currentColor 1.8px,transparent 2px) 0 0 / 8px 8px,radial-gradient(circle,currentColor 1.8px,transparent 2px) 4px 4px / 8px 8px;opacity:.88}.webpage-dock-title{min-width:0;max-width:310px;overflow:hidden;color:#fff;font-size:1rem;font-weight:800;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.webpage-control-dock--horizontal .webpage-dock-title{grid-column:2}.webpage-dock-actions{display:grid;gap:8px}.webpage-control-dock--horizontal .webpage-dock-actions{grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(116px,max-content))}.webpage-dock-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;min-height:54px;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:12px 16px;background:#fffffff0;color:#111827;font-size:1rem;font-weight:850;line-height:1;touch-action:manipulation}.webpage-dock-button:hover{background:#fff}.webpage-dock-button svg{width:22px;height:22px;flex:0 0 auto}.attractor-screen{position:relative;width:100%;min-height:100vh;padding:0;overflow:hidden}.selfie-screen{display:grid;align-items:start;justify-items:center;min-height:100vh;padding:clamp(32px,5.5vh,92px) clamp(24px,4vw,76px) clamp(28px,5vh,80px);background:var(--surface-white);color:var(--text-dark);overflow-x:hidden;overflow-y:auto}.selfie-screen .primary-button,.selfie-screen .secondary-button{min-height:clamp(72px,7vh,112px);padding:clamp(20px,2.1vw,36px) clamp(34px,4vw,72px);font-size:clamp(1.35rem,1.25vw + .95rem,2.55rem);font-weight:850;line-height:1.05}.selfie-screen .primary-button:focus-visible,.selfie-screen .secondary-button:focus-visible,.selfie-screen .floating-button:focus-visible{outline:4px solid rgba(108,6,51,.34);outline-offset:5px}.selfie-panel{width:min(980px,calc(100vw - 48px));max-width:none;padding:clamp(36px,4vw,72px)}.selfie-panel h1{margin:0;font-size:clamp(3.2rem,4.8vw,6.8rem);line-height:.98;letter-spacing:0;text-wrap:balance}.selfie-panel p{font-size:clamp(1.6rem,1.2vw + 1rem,2.65rem);line-height:1.35}.selfie-screen .eyebrow{font-size:clamp(1rem,.8vw + .65rem,1.5rem)}.selfie-panel--orientation{width:min(1100px,calc(100vw - 56px));margin-top:clamp(140px,16vh,240px);padding:clamp(44px,5vw,92px)}.selfie-panel--orientation h1{font-size:clamp(4rem,6.8vw,8.8rem)}.selfie-panel--orientation p{max-width:900px}.selfie-preview{display:grid;gap:clamp(14px,1.8vh,28px);justify-items:center;width:min(82vw,820px,44vh);margin-top:0}.selfie-preview--landscape{width:min(92vw,1500px,138vh)}.camera-frame{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:clamp(22px,2vw,36px);overflow:hidden;border:3px solid rgba(224,221,215,.34);background:#020e18d6;box-shadow:0 28px 80px #00000057}.camera-frame--landscape{aspect-ratio:16 / 9}.camera-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:0;pointer-events:none;background:#020e18}.camera-preview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:#020e18}.camera-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);pointer-events:none}.camera-scene-overlay,.camera-capture-overlay{position:absolute;z-index:2;inset:auto clamp(18px,2vw,36px) clamp(18px,2vh,36px) clamp(18px,2vw,36px);padding:clamp(24px,2.8vw,48px);border-radius:clamp(18px,1.8vw,32px);background:linear-gradient(180deg,#010b1514,#010b15c2);color:#f4f7fb}.camera-scene-overlay .eyebrow,.camera-capture-overlay .eyebrow,.selfie-scene-caption .eyebrow{color:var(--accent-strong);text-shadow:0 0 12px rgba(224,221,215,.08)}.camera-scene-overlay h1,.camera-capture-overlay h1{margin:0;font-size:clamp(3rem,4.2vw,6rem);line-height:1.04}.camera-scene-overlay p,.camera-capture-overlay p{max-width:760px;font-size:clamp(1.35rem,1.2vw + .9rem,2.35rem);color:#f4f7fb}.camera-capture-overlay{top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;background:#010b153d}.camera-capture-overlay>*{max-width:min(92%,980px)}.countdown-number{font-size:clamp(10rem,23vw,24rem);line-height:.9;text-shadow:0 8px 0 rgba(0,0,0,.42),0 0 28px rgba(224,221,215,.22)}.capture-canvas{display:none}.selfie-media-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;width:100vw;height:100vh;overflow:hidden;border-radius:0;background:#000}.selfie-scene-media{width:100%;height:100%;object-fit:cover;background:#000}.selfie-scene-caption{position:absolute;left:24px;right:24px;bottom:24px;max-width:680px;padding:24px;border-radius:24px;color:#f4f7fb}.selfie-scene-caption h1{margin:0;font-size:clamp(2rem,2.4vw,3.2rem);line-height:1.04}.selfie-scene-caption p{color:#f4f7fb}.selfie-result-layout{display:grid;grid-template-columns:1fr;justify-items:center;align-items:start;gap:clamp(20px,2.8vh,38px);width:min(1500px,calc(100vw - 56px));margin-top:0}.selfie-result-frame{width:min(82vw,560px,30vh);aspect-ratio:9 / 16;overflow:hidden;border-radius:clamp(20px,2vw,34px);border:3px solid rgba(224,221,215,.2);background:#020e18db;box-shadow:0 24px 72px #0000004d}.selfie-result-frame--landscape{width:min(92vw,1160px,82vh);aspect-ratio:16 / 9}.selfie-result-frame img{display:block;width:100%;height:100%;object-fit:cover}.selfie-result-placeholder{height:100%;display:grid;place-items:center;padding:24px;text-align:center;color:#f4f7fbc7}.qr-shell{display:inline-flex;align-items:center;justify-content:center;padding:clamp(18px,2vw,30px);border-radius:clamp(22px,2vw,34px);background:#fff;box-shadow:0 16px 40px #00000047}.qr-shell svg{width:clamp(320px,28vw,500px);height:clamp(320px,28vw,500px)}.selfie-error{margin:0;color:#b42318;max-width:min(1100px,calc(100vw - 72px));font-size:clamp(1.15rem,.9vw + .85rem,1.85rem);line-height:1.34;text-align:center}.selfie-meta{color:var(--text-muted);margin:0;font-size:clamp(1.2rem,.8vw + .95rem,1.75rem)}.selfie-actions--center{justify-content:center;flex-wrap:wrap}.selfie-actions--orientation{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:clamp(22px,3vw,52px);width:100%;margin-top:clamp(34px,5vh,78px)}.selfie-choice-button{width:100%;min-height:clamp(104px,11vh,172px);font-size:clamp(2rem,2.6vw,4rem)}.selfie-result-panel{width:min(1500px,calc(100vw - 56px));display:grid;grid-template-areas:"heading heading" "copy qr" "actions actions";grid-template-columns:minmax(320px,1fr) auto;align-items:start;gap:clamp(24px,3vw,52px) clamp(32px,4vw,72px);padding:clamp(34px,3.8vw,68px)}.selfie-result-heading{grid-area:heading;display:grid;gap:clamp(12px,1.5vh,22px);width:100%}.selfie-result-heading h1{margin:0;font-size:clamp(3.2rem,4.6vw,6.3rem);line-height:1;letter-spacing:0}.selfie-result-heading p{margin:0;max-width:1160px}.selfie-result-copy{grid-area:copy;display:grid;gap:clamp(12px,1.6vh,24px);align-self:center}.selfie-result-copy p{margin:0}.selfie-result-actions{grid-area:actions;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(16px,2vw,28px);width:100%;padding-top:clamp(4px,1vh,18px)}.selfie-result-actions .primary-button,.selfie-result-actions .secondary-button{min-width:clamp(240px,22vw,380px)}.selfie-qr-block{grid-area:qr;display:grid;justify-items:center;align-self:center;gap:clamp(12px,1.5vh,22px)}.debug-device-page{min-height:100vh;padding:28px;background:#f6f8fb;color:#111827}.debug-device-page .eyebrow{margin:0 0 8px;color:#5f1234;font-size:.78rem;letter-spacing:0;text-transform:uppercase;text-shadow:none}.debug-device-page h1,.debug-device-page h2,.debug-device-page h3,.debug-device-page p{color:inherit;text-shadow:none}.debug-device-page h1{margin:0;font-size:2.35rem;line-height:1.08}.debug-device-page h2{margin:0;font-size:1.35rem}.debug-device-page h3{margin:0 0 10px;font-size:1rem}.debug-device-page p{margin:0;line-height:1.45}.debug-device-page .primary-button,.debug-device-page .secondary-button{min-height:42px;padding:10px 14px;border-radius:8px;font-size:.95rem;font-weight:750;line-height:1.1;box-shadow:none}.debug-device-page .secondary-button{color:#111827;border:1px solid #c7ced8;background:#fff}.debug-device-page .secondary-button:hover{color:#111827;background:#edf1f6;box-shadow:none}.debug-device-page .primary-button:hover{box-shadow:none}.debug-device-page button:disabled,.debug-device-page input:disabled{cursor:not-allowed;opacity:.58}.debug-hero,.debug-device-toolbar,.debug-section,.debug-warning{width:min(1680px,100%);margin:0 auto 16px;border:1px solid #d9dee7;border-radius:8px;background:#fff}.debug-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px}.debug-hero p:not(.eyebrow){max-width:940px;margin-top:12px;color:#384252}.debug-status-stack,.debug-button-row,.debug-media-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.debug-pill,.debug-status-label{display:inline-flex;align-items:center;min-height:32px;padding:7px 10px;border-radius:999px;background:#eef2f7;color:#243043;font-size:.84rem;font-weight:750}.debug-pill--ok{background:#e4f6ec;color:#12653a}.debug-pill--warn,.debug-warning{background:#fff5df;color:#794500}.debug-warning{padding:14px 16px;border-color:#f0c976}.debug-device-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;align-items:start;padding:16px}.debug-device-toolbar label,.debug-device-toolbar fieldset,.debug-media-toolbar label{display:grid;gap:6px;min-width:0;color:#384252;font-size:.86rem;font-weight:750}.debug-device-toolbar fieldset{margin:0;border:0;padding:0}.debug-device-toolbar legend{margin:0 0 6px;padding:0;color:#384252;font-size:.86rem;font-weight:750}.debug-device-page select,.debug-device-page textarea,.debug-device-page input[type=search]{width:100%;min-height:42px;border:1px solid #c7ced8;border-radius:8px;padding:9px 10px;background:#fff;color:#111827;font:inherit}.debug-device-page textarea{min-height:180px;resize:vertical;font-family:Consolas,Menlo,monospace;font-size:.86rem;line-height:1.45}.debug-camera-selector{align-self:stretch;grid-column:span 2}.debug-radio-list{display:grid;gap:8px;max-height:220px;overflow:auto;border:1px solid #c7ced8;border-radius:8px;padding:8px;background:#fff}.debug-radio-option{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:center;min-height:48px;border:1px solid #e1e6ee;border-radius:8px;padding:8px 10px;background:#fbfcfe}.debug-radio-option:has(input:checked){border-color:#6c0633;background:#f9eff4}.debug-radio-option input{width:18px;height:18px;accent-color:#6c0633}.debug-radio-option span{display:grid;gap:2px;min-width:0}.debug-radio-option strong,.debug-radio-option small{overflow-wrap:anywhere}.debug-radio-option small{color:#586274;font-weight:650}.debug-resolution-selector{grid-column:span 2}.debug-resolution-button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.debug-resolution-button,.debug-segmented-control button,.debug-touch-button{min-height:54px;border-radius:8px;font-weight:800;touch-action:manipulation}.debug-resolution-button{display:grid;gap:3px;align-content:center;border:1px solid #c7ced8;padding:12px 14px;background:#fbfcfe;color:#172033;text-align:left}.debug-resolution-button.is-selected,.debug-segmented-control button.is-selected{border-color:#6c0633;background:#f9eff4;color:#4c0525}.debug-resolution-button small{color:#6c0633;font-size:.75rem;font-weight:850;text-transform:uppercase}.debug-select-fallback{margin-top:8px}.debug-resolution-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:8px 0 0}.debug-resolution-summary div{border:1px solid #e1e6ee;border-radius:8px;padding:9px 10px;background:#fbfcfe}.debug-resolution-summary dt{color:#586274;font-size:.74rem;font-weight:800;text-transform:uppercase}.debug-resolution-summary dd{margin:3px 0 0;color:#111827;font-size:.98rem;font-weight:850}.debug-segmented-control{display:grid;gap:10px}.debug-segmented-control button{border:1px solid #c7ced8;padding:12px 14px;background:#fff;color:#172033;text-align:left}.debug-icon-button{display:inline-flex;align-items:center;gap:8px}.debug-icon-button svg{width:18px;height:18px}.debug-checkbox-row{display:inline-flex;align-items:center;gap:9px;color:#243043;font-weight:700}.debug-checkbox-row input{width:18px;height:18px;accent-color:#6c0633}.debug-section{display:grid;gap:16px;padding:18px}.debug-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid #e5e9f0;padding-bottom:14px}.debug-camera-grid,.debug-digital-ptz-grid,.debug-media-grid,.debug-two-column{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);gap:16px}.debug-preview-shell{min-height:320px;overflow:hidden;border:1px solid #c7ced8;border-radius:8px;background:#030712}.debug-camera-preview{display:block;width:100%;height:100%;min-height:320px;object-fit:contain;background:#030712}.debug-digital-preview-shell{display:grid;place-items:center;min-height:320px;overflow:hidden;border:1px solid #c7ced8;border-radius:8px;background:#030712}.debug-digital-css-video,.debug-digital-canvas{display:block;width:100%;height:100%;max-height:460px;object-fit:contain;background:#030712}.debug-digital-css-video{transform-origin:center center;transition:transform 80ms linear}.debug-digital-canvas{height:auto}.debug-control-group,.debug-json-block{display:grid;align-content:start;gap:12px;min-width:0;border:1px solid #e1e6ee;border-radius:8px;padding:14px;background:#fbfcfe}.debug-note,.debug-empty-state{border:1px solid #d9dee7;border-radius:8px;padding:12px;background:#f4f6f9;color:#384252;line-height:1.45}.debug-muted-copy{color:#586274;font-size:.9rem}.debug-warning-list{display:grid;gap:6px;border:1px solid #f0c976;border-radius:8px;padding:12px;background:#fff5df;color:#794500}.debug-warning-list p{margin:0}.debug-error-text{margin:0;color:#b42318;font-size:.9rem;font-weight:750}.debug-inline-panel{display:grid;gap:10px;margin-top:4px;padding-top:14px;border-top:1px solid #e1e6ee}.debug-inline-panel label{display:grid;gap:6px;color:#384252;font-size:.86rem;font-weight:750}.debug-slider-stack{display:grid;gap:12px}.debug-slider-row{display:grid;grid-template-columns:minmax(120px,180px) minmax(160px,1fr) 72px;gap:12px;align-items:center;color:#243043;font-weight:750}.debug-slider-row input[type=range]{width:100%;accent-color:#6c0633}.debug-slider-row output{justify-self:end;font-variant-numeric:tabular-nums}.debug-meter{position:relative;height:24px;overflow:hidden;border:1px solid #c7ced8;border-radius:8px;background:#e9eef5}.debug-meter span{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:#18895d;transition:width 80ms linear}.debug-crop-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin:0}.debug-crop-grid div{display:grid;gap:4px;border:1px solid #d9dee7;border-radius:8px;padding:10px;background:#fff}.debug-crop-grid dt{color:#586274;font-size:.78rem;font-weight:750;text-transform:uppercase}.debug-crop-grid dd{margin:0;color:#111827;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:800}.debug-json-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.debug-json{max-height:360px;margin:0;overflow:auto;border:1px solid #d9dee7;border-radius:8px;padding:12px;background:#0f172a;color:#dbeafe;font-size:.8rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.debug-json--compact{max-height:220px}.debug-media-toolbar{align-items:end}.debug-media-toolbar label{min-width:210px}.debug-table-shell{min-height:320px;max-height:620px;overflow:auto;border:1px solid #d9dee7;border-radius:8px;background:#fff}.debug-media-table{width:100%;min-width:1120px;border-collapse:collapse;font-size:.84rem}.debug-media-table th,.debug-media-table td{border-bottom:1px solid #edf0f5;padding:9px 10px;text-align:left;vertical-align:top}.debug-media-table th{position:sticky;top:0;z-index:1;background:#f4f6f9;color:#243043}.debug-media-table tr{cursor:pointer}.debug-media-table tbody tr:hover,.debug-media-row--selected{background:#eef7f3}.debug-url-cell{max-width:280px;word-break:break-all}.debug-control-group audio,.debug-control-group video{width:100%;max-height:320px;border-radius:8px;background:#030712}.debug-log-list{display:grid;gap:10px;max-height:720px;overflow:auto}.debug-log-entry{display:grid;gap:8px;border:1px solid #d9dee7;border-radius:8px;padding:12px;background:#fbfcfe}.debug-log-entry>div{display:flex;justify-content:space-between;gap:12px;color:#586274;font-size:.84rem}.debug-log-entry>div strong{color:#111827}.debug-log-entry pre{max-height:240px;margin:0;overflow:auto;border-radius:8px;padding:10px;background:#111827;color:#dbeafe;font-size:.78rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}@media (max-width: 1180px){.debug-device-toolbar,.debug-camera-grid,.debug-digital-ptz-grid,.debug-media-grid,.debug-two-column,.debug-json-grid{grid-template-columns:1fr}.debug-crop-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.debug-camera-selector{grid-column:auto}.debug-hero,.debug-section-heading{flex-direction:column}}@media (max-width: 1024px){.screen{padding:24px}.webpage-control-dock{max-width:min(320px,calc(100vw - 36px))}.webpage-control-dock--horizontal{max-width:min(560px,calc(100vw - 36px))}.selfie-screen{padding:clamp(24px,4vh,48px) clamp(18px,4vw,32px) clamp(24px,4vh,48px)}.menu-grid{grid-template-columns:repeat(var(--standard-button-columns, 1),minmax(0,1fr))}.menu-button-stack{width:min(calc(100vw - 48px),1040px)}.menu-button-stack--standard.menu-button-stack--custom-button-width{width:min(calc(100vw - 48px),var(--standard-button-stack-width))}.menu-button-stack--image-grid{width:calc(100vw - 48px)}.top-bar{flex-direction:column}.selfie-preview{width:min(82vw,680px,44vh)}.selfie-preview--landscape{width:min(94vw,1100px,138vh)}.selfie-result-layout{grid-template-columns:1fr;width:100%}.selfie-result-panel{grid-template-columns:1fr;grid-template-areas:"heading" "copy" "qr" "actions";justify-items:center;text-align:center}.selfie-result-heading,.selfie-result-copy{justify-items:center}.selfie-result-actions{justify-content:center}.qr-shell svg{width:clamp(260px,54vw,380px);height:clamp(260px,54vw,380px)}.selfie-actions--orientation{grid-template-columns:1fr}.selfie-media-stage{width:100%;height:100vh}}