:root{font-family:Arial,Helvetica,sans-serif;color:#252941;background:#f4f3eb;--blue:#3045d8;--ink:#252941;--paper:#f4f3eb;--line:#d7d8d0;--accent:#3045d8}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ed6d36;outline-offset:5px}button:active:not(:disabled),.primary-button:active{transform:translateY(2px)}button[hidden],[hidden]{display:none!important}a{color:inherit}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 4.3%;gap:25px}.wordmark{display:flex;gap:9px;align-items:center;text-decoration:none;font-weight:900;font-size:48px;letter-spacing:-5px;line-height:.8}.wordmark span{font-size:13px;letter-spacing:-.5px;writing-mode:vertical-rl;transform:rotate(180deg)}.wordmark i{font-size:13px;align-self:start;font-style:normal;letter-spacing:0;margin-left:2px}.header-edition,.text-button,.eyebrow,.edition,.intro-foot,.format-badge,.studio-heading,.hardware-caption,.hardware-model,.settings-status,.studio-footer,.look-era,.look-footnote,.camera-note{font-size:10px;font-weight:700;letter-spacing:1.1px}.header-edition span{margin-left:25px;color:#8a8d9c}.text-button{border:0;background:none;padding:10px 0;letter-spacing:.2px;text-decoration:underline;text-underline-offset:5px;font-size:12px}.text-button span{padding-left:18px}main{min-height:calc(100svh - 109px)}#landing{position:relative;max-width:1600px;margin:auto;overflow:hidden}.edition{display:flex;justify-content:center;align-items:center;gap:8px;margin:36px 0 20px;font-size:10px}.dot{width:6px;height:6px;border-radius:50%;background:#e88345}h1,h2,p{margin:0}#landing h1{text-align:center;font-size:clamp(46px,5.6vw,87px);font-weight:900;letter-spacing:-5px;line-height:.94;position:relative;z-index:2}#landing h1 span{color:var(--blue)}#landing h1 em{font-family:Georgia,serif;color:var(--blue);font-weight:400;letter-spacing:-6px}.intro-stage{height:360px;max-width:1050px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-camera{width:430px;height:260px;position:relative;z-index:2;border:0;background:none;transform:rotate(-9deg);transition:transform .4s;filter:drop-shadow(6px 28px 15px #28366f2a);margin-top:20px}.hero-camera:hover{transform:rotate(-4deg) translateY(-8px)}.hero-camera:active{transform:rotate(-3deg) translateY(-2px)}.front-fallback{display:block;position:absolute;inset:8% 0 0;border-radius:42px;background:linear-gradient(130deg,#fff 0%,#d9dce1 22%,#f7f7f7 48%,#c5c8ce 100%);border:4px solid #b6b9bf;box-shadow:inset 0 4px 4px #fff,inset 0 -12px 5px #9fa3af,0 5px 0 #8b8f9c}.front-fallback:before{content:'';position:absolute;top:-15px;right:50px;width:65px;height:18px;border-radius:12px 12px 4px 4px;background:linear-gradient(#eef0f5,#9da0aa);border:2px solid #aaa}.front-brand{position:absolute;top:27px;left:28px;font-size:23px;font-weight:900;letter-spacing:-1.5px}.front-brand small{font-size:8px;letter-spacing:0}.front-flash{position:absolute;top:29px;right:45px;width:63px;height:24px;background:repeating-linear-gradient(90deg,#e8e4d1,#bbbba9 3px,#f5f3e4 4px);border:5px solid #a7a9ac;border-radius:7px;box-shadow:0 1px 1px white}.front-lens{position:absolute;width:167px;height:167px;border-radius:50%;left:123px;top:39px;background:repeating-radial-gradient(circle,#afb3b7 0 2px,#e1e3e4 3px 5px,#bbc0c7 6px 7px);box-shadow:3px 6px 5px #7d83969c;border:5px solid #a3a8af;display:grid;place-items:center}.front-lens:before{content:'';width:117px;height:117px;border-radius:50%;background:radial-gradient(ellipse at 40% 30%,#627b9d,#253b59 35%,#0b1323 65%,#526379 70%);border:11px solid #2d3443;box-shadow:0 0 0 5px #cdd0d5}.front-lens i{position:absolute;top:45px;left:47px;width:30px;height:21px;background:linear-gradient(135deg,#ffffffa3,transparent);border-radius:50%;transform:rotate(-30deg)}.front-type{position:absolute;right:20px;top:85px;writing-mode:vertical-rl;font-size:14px;letter-spacing:3px;font-weight:bold}.front-detail{position:absolute;left:26px;bottom:30px;font-size:8px;letter-spacing:1px}.front-grip{position:absolute;left:15px;top:75px;height:95px;width:10px;border-radius:20px;box-shadow:inset 2px 0 4px #fff,2px 0 3px #8f94a3}.front-asset{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.camera-invitation{position:absolute;left:132px;bottom:-36px;background:var(--blue);color:#fff;font-size:11px;font-weight:800;letter-spacing:1.8px;padding:13px 19px;box-shadow:3px 3px 0 #192a9b;transform:rotate(9deg);white-space:nowrap;border-radius:2px}.camera-invitation span{margin-left:18px}.orbit{position:absolute;z-index:-1;width:630px;height:155px;left:20%;top:125px;border:1px solid #a3aae0;border-radius:50%;transform:rotate(-19deg)}.orbit-two{width:590px;height:180px;transform:rotate(15deg);top:122px;left:23%;border-color:#e3c591}.spark{position:absolute;color:var(--blue);font-weight:200}.spark-one{font-size:75px;left:16%;top:60px;transform:rotate(12deg)}.spark-two{font-size:90px;right:14%;bottom:48px}.sticker{position:absolute;right:9%;top:22px;display:flex;flex-direction:column;background:#e6ee76;width:122px;height:122px;border-radius:50%;align-items:center;justify-content:center;transform:rotate(12deg);box-shadow:0 0 0 5px var(--paper),0 0 0 6px #d4db9a;color:#344029}.sticker b{font-size:31px;letter-spacing:-2px}.sticker span{font-size:9px;text-align:center;line-height:1.4;font-weight:700;letter-spacing:.5px}.hand-note{position:absolute;left:5%;bottom:45px;font-family:Georgia,serif;font-style:italic;font-size:17px;line-height:1.2;transform:rotate(-9deg)}.hand-note i{font-size:55px;position:absolute;right:-40px;top:20px}.intro-bottom{max-width:550px;margin:34px auto 30px;display:flex;gap:34px;align-items:center;justify-content:center}.intro-bottom p{font-size:14px;line-height:1.6;color:#717484}.format-badge{font-size:25px;letter-spacing:-1px;line-height:1.1;border-left:1px solid #bfc0bc;padding-left:25px;color:var(--blue)}.format-badge small{font-size:8px;letter-spacing:1px}.intro-foot{display:flex;justify-content:space-between;margin:0 4.3%;padding:23px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:.6px;color:#7a7f8d}.intro-foot span:first-child{color:#383e52}#studio{max-width:1600px;margin:auto;padding:0 4.3%}.studio-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 0 32px;font-size:10px}.studio-heading .text-button{text-decoration:none;font-size:11px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:60px}.workspace-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:9px;color:#737889;display:block;margin-bottom:13px}.workspace-title h1{font-size:34px;letter-spacing:-1.5px;line-height:1.1}.tiny-star{font-size:52px;color:var(--blue);line-height:1}.rear-camera{position:relative;aspect-ratio:1.57;width:100%;max-width:760px;margin:20px auto 0;isolation:isolate}.rear-plastic{position:absolute;inset:1.5% 0 2%;border:3px solid #b5b9c2;border-radius:9%/14%;background:linear-gradient(145deg,#fafbfc,#c9ccd1 18%,#e5e7ea 36%,#d1d4da 80%,#afb5c0);box-shadow:inset 0 5px 6px #fff,inset 3px 0 5px #fff,inset 0 -10px 4px #9ca3b0,0 15px 24px -12px #141d3c66,0 2px 0 3px #e1e3e7}.rear-plastic:before{content:'';position:absolute;inset:7% 3.2% 4%;border-radius:6%/12%;border:2px solid #a7adb8;box-shadow:inset 0 2px 2px #fff,0 1px 1px #fff}.rear-plastic:after{content:'';position:absolute;right:2.5%;top:18%;height:60%;width:4%;border-radius:50%;box-shadow:inset 6px 0 4px #a9afb9,inset -3px 0 5px #fff}.rear-brand{position:absolute;top:9%;left:7.8%;font-size:clamp(15px,2.5vw,31px);font-weight:900;letter-spacing:-1.5px;color:#5b6372;text-shadow:0 1px white}.rear-brand small{font-size:9px;letter-spacing:.3px}.vertical-brand{position:absolute;right:7%;top:24%;writing-mode:vertical-rl;font-size:13px;font-weight:700;letter-spacing:2px;color:#9298a4;text-shadow:0 1px white}.screen-label{position:absolute;bottom:9%;left:26%;font-size:8px;letter-spacing:2px;color:#7d8490}.screw{position:absolute;font-size:13px;color:#a4a9b2;border:1px solid #b1b7c0;border-radius:50%;width:15px;height:15px;text-align:center;line-height:12px;box-shadow:0 1px 0 #fff}.screw.one{bottom:6.5%;left:3.5%}.screw.two{right:4%;top:9%}.rear-asset{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0}.screen-bezel{position:absolute;left:9%;top:27%;width:53%;padding:2.8%;border-radius:6%;background:linear-gradient(135deg,#737c8c,#343e50 45%,#636d7b);box-shadow:inset 2px 3px 3px #283142,0 2px 0 #fafcff,0 0 0 2px #8e97a7}.camera-screen{aspect-ratio:3/2;background:#131d26;position:relative;overflow:hidden;box-shadow:0 0 0 2px #192230}.camera-screen video,.camera-screen canvas,.camera-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.screen-idle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;height:100%;background:radial-gradient(ellipse at 50% 10%,#345563,#162633 80%);color:#cbe6d4;text-align:center}.screen-logo{font-size:clamp(19px,3vw,34px);font-weight:900;letter-spacing:-2px;line-height:.9}.screen-logo span{font-size:8px;display:block;letter-spacing:2px;margin:6px 0}.screen-idle>span:last-child{font:8px/1.5 monospace;letter-spacing:1px}.viewfinder-corner{position:absolute;width:14px;height:14px;opacity:.4;pointer-events:none}.tl{left:9%;top:12%;border-top:1px solid white;border-left:1px solid white}.br{right:9%;bottom:12%;border-bottom:1px solid white;border-right:1px solid white}.screen-hud{position:absolute;inset:8px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;color:white;font:9px/1.2 monospace;text-shadow:0 1px 3px black;pointer-events:none}.screen-hud span:nth-child(2n){text-align:right}.screen-hud span:nth-child(n+3){align-self:end}.hardware-top{position:absolute;left:34%;right:12%;top:12%;display:flex;gap:10px;align-items:center}.hardware{border:1px solid #a1a9b5;box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #979eab,0 2px 1px #7b8495;background:linear-gradient(#f6f7f9,#c2c7cf);text-shadow:0 1px #fff;font-weight:700;color:#596172;min-height:30px}.hardware:active:not(:disabled),.hardware.is-pressed,.hardware[aria-pressed=true]{box-shadow:inset 0 2px 4px #6d7688,0 1px 0 #fff;background:linear-gradient(#aeb5c1,#d6dae2);transform:translateY(2px)}.pill{font-size:8px;border-radius:20px;padding:7px 13px;white-space:nowrap}.power-led{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8c949c;margin-right:4px}.is-on .power-led{background:#74ba5d;box-shadow:0 0 5px #81d267}.hardware-model{margin-left:auto;font-size:9px;color:#737d8e}.hardware-right{position:absolute;left:68%;top:27%;width:19%;display:flex;align-items:center;flex-direction:column}.shutter{border-radius:50%;width:40px;height:40px;padding:7px}.shutter>span{display:block;background:#5f6c88;width:100%;height:100%;border-radius:50%;border:2px solid #c7d0e0;box-shadow:inset 0 1px 3px #3a4152}.hardware-caption{font-size:7px;letter-spacing:.6px;color:#6f7786;margin-top:8px;text-align:center}.dpad{width:105px;height:105px;border-radius:50%;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);margin-top:12px;overflow:hidden;box-shadow:0 2px 1px #7b8495,0 0 0 3px #b9bec7,0 0 0 5px #edf0f4;background:linear-gradient(135deg,#fafbfc,#b6bdc8)}.dpad button{font-size:10px;min-width:0;padding:0;min-height:0;border:0;box-shadow:none;background:transparent}.dpad button:focus-visible{outline-offset:-4px}.d-up{grid-area:1/2}.d-left{grid-area:2/1}.d-center{grid-area:2/2;border-radius:50%;box-shadow:inset 0 1px white,0 1px 2px #7b8395!important}.d-right{grid-area:2/3}.d-down{grid-area:3/2;font-size:21px!important}.hardware-right>.pill{margin-top:15px}.camera-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.primary-button,.secondary-button{font-size:12px;font-weight:700;border-radius:5px;padding:15px 20px;text-decoration:none;display:inline-flex;gap:25px;justify-content:center;align-items:center;min-height:45px;transition:transform .15s}.primary-button{color:white;background:var(--blue);box-shadow:0 3px 0 #1b2b99;border:1px solid #2034bd}.secondary-button{background:transparent;border:1px solid #b8bac8;box-shadow:0 2px 0 #d4d5dc}.status{font-size:12px;text-align:center;margin:18px auto 0;line-height:1.5;max-width:580px;min-height:36px;color:#566075}.status.error{color:#a44121}.settings-status{font-size:8px;text-align:center;margin-top:5px;color:#78808e;letter-spacing:.6px}.settings-status span{margin:0 10px;color:#bac0c6}.camera-note{font-size:9px;letter-spacing:0;text-align:center;font-weight:400;margin:15px 0 0;line-height:1.5;color:#828897}.look-sidebar{border-left:1px solid var(--line);padding-left:30px;padding-top:5px}.look-sidebar h2{font-size:25px;letter-spacing:-1px;margin-bottom:27px}.look-list{display:flex;flex-direction:column;gap:9px}.look-option{border:1px solid #d6d8d3;background:#f8f8f2;padding:13px 12px;display:grid;grid-template-columns:32px 1fr 10px;gap:10px;align-items:center;text-align:left;border-radius:5px;min-height:66px}.look-option:hover{border-color:#959dbd}.look-option[aria-pressed=true]{background:#fff;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.look-option:active{background:#e9ebec}.look-swatch{width:31px;height:36px;border-radius:50% 50% 5px 5px;background:linear-gradient(160deg,#c9e0f8 10%,#fbdbbd 50%,#3e5b7b 52%,#94b3ba);position:relative;overflow:hidden}.look-swatch:after{content:'';position:absolute;left:4px;top:7px;background:#f0c585;width:12px;height:12px;border-radius:50%}.look-option b{display:block;font-size:12px;letter-spacing:-.1px;margin-bottom:6px}.look-era{font-size:8px;letter-spacing:0;color:#828792;line-height:1.3;display:block}.look-check{color:var(--accent);font-size:11px;visibility:hidden}.look-option[aria-pressed=true] .look-check{visibility:visible}.look-option[data-look=cyber] .look-swatch{filter:saturate(1.3) hue-rotate(10deg)}.look-option[data-look=cool] .look-swatch{filter:hue-rotate(30deg) saturate(.8)}.look-option[data-look=power] .look-swatch{filter:sepia(.25) saturate(1.6)}.look-option[data-look=phone] .look-swatch{filter:sepia(.35) saturate(.65)}.look-explanation{font-size:12px;line-height:1.6;color:#646f80;margin-top:23px;min-height:39px}.look-footnote{font-size:9px;line-height:1.7;font-weight:400;letter-spacing:0;color:#8e94a0;border-top:1px solid var(--line);padding-top:17px;margin-top:18px}.studio-footer{display:flex;justify-content:space-between;padding:25px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:.2px;color:#858b98;margin-top:35px;gap:10px}.studio-footer b{color:#424b61;letter-spacing:.6px;margin-right:12px}#countdown{position:absolute;inset:0;display:grid;place-items:center;background:#11182740;font-size:70px;font-weight:800;color:white;text-shadow:0 3px 10px #0005}#screen-flash{position:fixed;inset:0;background:white;z-index:1000;opacity:0;pointer-events:none;transition:opacity .22s}#screen-flash.on{opacity:.88;transition:none}dialog{border:1px solid #d5d8de;border-radius:14px;background:var(--paper);color:var(--ink);max-width:590px;width:calc(100% - 32px);max-height:85svh;padding:44px;box-shadow:0 20px 100px #131d3355}dialog::backdrop{background:#222a4c88;backdrop-filter:blur(3px)}.dialog-close{float:right}dialog h2{font-size:44px;line-height:1;letter-spacing:-2px;margin:25px 0}dialog p{font-size:13px;line-height:1.65;margin:17px 0;color:#586075}.shortcuts{font-size:10px!important}.noscript{padding:20px}.entering{animation:enter-camera .42s ease-out}@keyframes enter-camera{from{transform:scale(.94);opacity:.2}to{transform:scale(1);opacity:1}}
@media(min-width:1400px){.studio-layout{gap:90px;grid-template-columns:minmax(0,1fr) 290px}.look-sidebar{padding-left:40px}.rear-camera{max-width:800px}.intro-stage{height:395px}.hero-camera{width:470px;height:280px}}
@media(max-width:1050px){.studio-layout{gap:25px;grid-template-columns:minmax(0,1fr) 220px}.look-sidebar{padding-left:20px}.hardware-right{top:25%}.dpad{width:82px;height:82px;margin-top:10px}.hardware-right>.pill{margin-top:10px}.hardware-caption{font-size:6px}.shutter{width:32px;height:32px}.hardware-top{top:10%;left:35%}.workspace-title h1{font-size:28px}.pill{padding:5px 9px;font-size:7px;min-height:26px}.hardware-model{display:none}.rear-brand{top:9%}.intro-stage{max-width:860px}.hand-note{left:6%;font-size:14px}.sticker{right:7%}.spark-one{left:11%}}
@media(max-width:760px){.site-header{height:84px;margin:0 6%;gap:8px}.wordmark{font-size:41px}.wordmark span{font-size:11px}.header-edition{font-size:8px;letter-spacing:.5px}.header-edition span{display:none}.site-header .text-button{font-size:10px}.site-header .text-button span{display:none}.edition{font-size:8px;letter-spacing:.7px;margin-top:30px}#landing h1{font-size:60px;letter-spacing:-3.6px}#landing h1 em{letter-spacing:-4px}.intro-stage{height:320px}.hero-camera{width:340px;height:225px}.front-lens{width:140px;height:140px;left:94px;top:42px}.front-lens:before{width:96px;height:96px;border-width:9px}.front-brand{left:20px;top:24px;font-size:20px}.front-flash{right:30px;width:50px;height:21px}.front-detail{font-size:6px;left:20px}.front-type{right:17px;top:80px;font-size:11px}.front-grip{left:13px;top:65px}.camera-invitation{bottom:-30px;left:90px;padding:12px 15px;font-size:9px}.orbit{left:2%;width:95%;height:110px;top:120px}.orbit-two{left:3%;top:123px;transform:rotate(20deg)}.sticker{right:5%;top:5px;width:85px;height:85px}.sticker b{font-size:23px}.sticker span{font-size:6px}.spark-one{left:6%;top:20px;font-size:44px}.spark-two{right:7%;bottom:28px;font-size:50px}.hand-note{display:none}.intro-bottom{margin:25px 8% 30px;gap:25px}.intro-bottom p{font-size:12px}.format-badge{font-size:23px;padding-left:19px}.intro-foot{margin:0 6%;font-size:7px;gap:15px;line-height:1.5}.intro-foot span{max-width:48%}#studio{padding:0 5%}.studio-heading{padding:15px 0 22px;font-size:8px}.studio-heading .text-button{font-size:10px}.studio-layout{grid-template-columns:1fr;gap:32px}.workspace-title{margin-bottom:15px}.workspace-title h1{font-size:31px}.tiny-star{font-size:42px}.rear-camera{max-width:600px;margin-top:10px}.rear-brand{font-size:24px}.hardware-top{top:12%}.hardware-right{top:26%}.dpad{width:95px;height:95px}.hardware-right>.pill{margin-top:15px}.shutter{width:36px;height:36px}.hardware-caption{font-size:6px}.pill{font-size:8px;min-height:28px}.camera-actions{margin-top:20px}.primary-button,.secondary-button{font-size:11px;padding:13px 17px;gap:16px}.camera-note{font-size:9px}.status{font-size:12px;margin-top:15px;min-height:36px}.look-sidebar{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.look-sidebar h2{font-size:25px;margin-bottom:17px}.look-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.look-option{min-height:68px;padding:10px;grid-template-columns:28px 1fr 10px;gap:7px}.look-option:first-child{grid-column:1/-1;min-height:55px}.look-swatch{width:28px;height:31px}.look-option b{font-size:11px}.look-era{font-size:8px}.look-explanation{margin-top:18px;min-height:0}.look-footnote{margin-top:15px;padding-top:13px;font-size:9px}.studio-footer{margin-top:24px;font-size:8px;line-height:1.6}.studio-footer span{max-width:48%}.studio-footer b{display:block}.screen-hud{font-size:8px}}
@media(max-width:450px){#landing h1{font-size:49px}.hero-camera{width:295px;height:200px}.front-lens{width:125px;height:125px;left:78px;top:35px}.front-lens:before{width:83px;height:83px}.front-lens i{left:35px;top:35px}.front-brand{font-size:18px;top:19px;left:17px}.front-flash{right:24px;top:21px}.front-detail{font-size:5px;bottom:24px}.front-type{font-size:9px}.front-fallback{border-radius:32px}.intro-stage{height:290px}.camera-invitation{left:69px;bottom:-33px}.sticker{width:72px;height:72px;right:6%;top:3px}.sticker b{font-size:20px}.sticker span{font-size:5px}.intro-bottom{margin-top:25px}.rear-brand{font-size:17px}.rear-brand small{font-size:6px}.vertical-brand{font-size:9px}.screen-label{font-size:6px}.hardware-top{left:33%;gap:4px;top:11%}.pill{font-size:6px;padding:4px 8px;min-height:23px}.hardware-right{top:24%;width:22%;left:66%}.hardware-caption{font-size:5px;letter-spacing:0;margin-top:5px}.dpad{width:67px;height:67px;margin-top:9px}.dpad button{font-size:8px}.d-down{font-size:17px!important}.shutter{width:29px;height:29px;padding:5px;min-height:29px}.hardware-right>.pill{margin-top:9px}.screen-hud{inset:5px;font-size:6px}.screen-logo{font-size:22px}.screen-idle{gap:4px}.screen-logo span{font-size:6px;margin:3px}.screen-idle>span:last-child{font-size:6px}.viewfinder-corner{width:9px;height:9px}.workspace-title h1{font-size:27px}.settings-status{font-size:7px}.settings-status span{margin:0 4px}.look-option b{font-size:10px}.look-era{font-size:7px}dialog{padding:28px}dialog h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-camera:hover{transform:rotate(-9deg)}#screen-flash{display:none!important}}

/* Final V3 skin: all coordinates come from its 1280 × 720 measured manifest. */
.rear-camera{aspect-ratio:16/9;margin-top:25px;max-width:800px}
.rear-asset{display:block;width:100%;height:100%;border-radius:7%/10%;z-index:0;filter:drop-shadow(0 12px 12px #26365c25)}
.screen-bezel{left:20%;top:26.944444%;width:44.0625%;height:52.222222%;padding:0;border-radius:0;background:#000;box-shadow:none;z-index:2}
.camera-screen{width:100%;height:100%;aspect-ratio:3/2;box-shadow:none}
.skin-control,.pressed-patch{position:absolute;z-index:4;border:0;padding:0;background:transparent;border-radius:50%}
.skin-control:active{transform:none!important}
.skin-control:focus-visible{outline:3px solid #2949ee;outline-offset:3px;box-shadow:0 0 0 5px #fff9}
.skin-control.sector{border-radius:0}
.skin-control.sector:focus-visible{background:#3045d87a}
.skin-control:hover:not(:disabled){background:#fff2}
.pressed-patch{z-index:3;pointer-events:none;border-radius:0;object-fit:fill}
.digital-color-decal{position:absolute;left:85.234375%;top:10.138889%;width:8.671875%;height:12.5%;z-index:2;pointer-events:none}
.hero-camera{height:auto;aspect-ratio:16/9;perspective:900px;transform:perspective(900px) rotateY(-14deg) rotateZ(-10deg) rotateX(8deg);width:480px}
.hero-camera:hover{transform:perspective(900px) rotateY(-6deg) rotateZ(-5deg) rotateX(3deg)}
.front-asset{border-radius:7%/10%}
.hero-screen-mark{position:absolute;left:20%;top:26.944444%;width:44.0625%;height:52.222222%;background:radial-gradient(ellipse at top,#283d55,#111824);color:#dcece4;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:45px;font-weight:900;letter-spacing:-4px}
.hero-screen-mark span{font-size:10px;letter-spacing:4px;margin:4px 0 0 7px}
.camera-invitation{left:50%;bottom:-35px;transform:translateX(-50%) rotate(10deg)}
.camera-secondary{display:flex;justify-content:center;gap:25px;margin-top:12px}
.camera-secondary .text-button{font-size:10px;font-weight:400}
.status{margin-top:9px}
.setting-row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}
.setting-row small{display:block;font-size:11px;color:#7b8190;line-height:1.5;margin-top:6px;font-weight:400;max-width:230px}
.setting-row .secondary-button{min-width:84px;white-space:nowrap;padding:12px}
.setting-row [aria-pressed=true]{background:#dce0fb;border-color:var(--blue);box-shadow:inset 0 2px 4px #6272c44d;transform:translateY(1px)}
@media(max-width:760px){.hero-camera{width:370px}.hero-screen-mark{font-size:35px}.hero-screen-mark span{font-size:8px}.rear-camera{margin-top:20px}.skin-control.expanded-target{min-width:44px;min-height:44px}.screen-idle{gap:6px}.screen-logo{font-size:25px}.screen-logo span{font-size:7px}.screen-idle>span:last-child{font-size:7px}}
@media(max-width:450px){.hero-camera{width:305px}.hero-screen-mark{font-size:30px}.hero-screen-mark span{font-size:6px;letter-spacing:2px}.camera-invitation{bottom:-37px}.screen-logo{font-size:21px}.screen-logo span{font-size:6px}.screen-idle>span:last-child{font-size:6px}.screen-idle{gap:2px}.setting-row{gap:10px}.setting-row .secondary-button{font-size:10px;min-width:65px}.setting-row small{max-width:150px}.rear-camera{margin-left:-2%;width:104%;max-width:none}.camera-actions{margin-top:22px}.camera-secondary{margin-top:10px}}