.vision-app{--vision-accent:#dbbe8f;height:var(--vision-height,100dvh);color:#f5f3ed;color-scheme:dark;font-synthesis:none;background:radial-gradient(at 34% 45%,#303b47 0,#19222d 38%,#10151d 78%);min-height:320px;font-family:DM Sans,system-ui,sans-serif;position:relative;overflow:hidden}:where(.vision-app) *{box-sizing:border-box}:where(.vision-app) button,:where(.vision-app) input,:where(.vision-app) a{font:inherit;-webkit-tap-highlight-color:transparent}:where(.vision-app) button{cursor:pointer;color:inherit}:where(.vision-app) button:disabled{cursor:default;opacity:.5}:where(.vision-app) a{color:inherit;text-decoration:none}:where(.vision-app) button:focus-visible,:where(.vision-app) a:focus-visible,:where(.vision-app) input:focus-visible,:where(.vision-app) .slider-thumb:focus-visible{outline:2px solid var(--vision-accent);outline-offset:3px}:where(.vision-app) svg{flex-shrink:0;width:22px;height:22px}:where(.vision-app) .vision-header{z-index:10;pointer-events:none;background:linear-gradient(#10151c60,#0000);justify-content:space-between;align-items:center;height:90px;padding:22px 32px;display:flex;position:absolute;inset:0 0 auto}:where(.vision-app) .vision-header>*{pointer-events:auto}:where(.vision-app) .vision-brand{letter-spacing:-.7px;align-items:center;gap:11px;font-family:Manrope,system-ui,sans-serif;font-size:20px;font-weight:650;display:flex}:where(.vision-app) .brand-mark{width:44px;height:44px;color:var(--vision-accent);backdrop-filter:blur(16px);background:#18202a90;border:1px solid #ffffff30;border-radius:15px;place-items:center;display:grid}:where(.vision-app) .brand-mark svg{width:29px;height:29px}:where(.vision-app) .vision-brand small{letter-spacing:4.5px;color:#c6c5c0;margin-top:2px;font-size:9px;font-weight:500;display:block}:where(.vision-app) .header-right{align-items:center;gap:9px;display:flex}:where(.vision-app) .private-badge{color:#ccd0d5;align-items:center;gap:8px;margin-right:12px;font-size:11px;display:flex}:where(.vision-app) .private-badge span{background:var(--vision-accent);border-radius:50%;width:5px;height:5px}:where(.vision-app) .viewer-stage{position:absolute;inset:0 310px 0 0;overflow:hidden;container-type:size}:where(.vision-app) .media-surface{position:absolute;inset:0}:where(.vision-app) .media-surface.has-photo{width:min(100cqw, calc(100cqh * var(--photo-ratio)));height:min(100cqh, calc(100cqw / var(--photo-ratio)));inset:50% auto auto 50%;transform:translate(-50%,-50%)}:where(.vision-app) .stage-glow{aspect-ratio:1;filter:blur(12px);background:radial-gradient(#e3c39215,#0000 68%);border-radius:50%;width:55%;position:absolute;top:12%;left:22%}:where(.vision-app) .stage-grid{opacity:.12;background-color:#0000;background-image:linear-gradient(#d5dce60a 1px,#0000 1px),linear-gradient(90deg,#d5dce60a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:70px 70px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:10% 8% 5%;mask-image:radial-gradient(#000,#0000 70%)}:where(.vision-app) .camera-layer,:where(.vision-app) .photo-layer,:where(.vision-app) .glasses-layer{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}:where(.vision-app) .camera-layer{opacity:0}:where(.vision-app) .camera-layer.shown{opacity:1}:where(.vision-app) .glasses-layer{z-index:2;pointer-events:none}.vision-app.is-preview .glasses-layer{height:58%;top:5%;transform:none}:where(.vision-app) .preview-eyebrow{text-align:center;color:#bdc6cf;letter-spacing:3px;font-size:10px;font-weight:500;position:absolute;top:18%;left:0;right:0}:where(.vision-app) .intro{text-align:center;z-index:3;position:absolute;bottom:11%;left:10px;right:10px}:where(.vision-app) .intro h1{letter-spacing:-1.6px;margin:0 0 10px;font-family:Manrope,system-ui,sans-serif;font-size:clamp(26px,3vw,45px);font-weight:500}:where(.vision-app) .intro>p{color:#b7c1cb;margin:0 0 25px;font-size:14px}:where(.vision-app) .camera-button{background:var(--vision-accent);color:#151922;border:0;border-radius:100px;align-items:center;gap:18px;padding:17px 25px;font-size:15px;font-weight:600;transition:transform .2s;display:inline-flex;box-shadow:0 6px 40px #d5b47912}:where(.vision-app) .camera-button:hover{transform:translateY(-2px)}:where(.vision-app) .photo-button{color:#ccd3da;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;min-height:44px;margin:9px auto 0;font-size:13px;display:flex}:where(.vision-app) .photo-button svg{width:17px;height:17px}:where(.vision-app) .intro-privacy{color:#a6b1bf;margin-top:8px;font-size:10px;display:block}:where(.vision-app) .preview-label{text-align:left;z-index:4;background:0 0;border:0;flex-direction:column;gap:5px;padding:8px;font-size:14px;display:flex;position:absolute;bottom:23px;left:32px}:where(.vision-app) .preview-label>span{align-items:center;gap:12px;display:flex}:where(.vision-app) .preview-label svg{width:16px;height:16px}:where(.vision-app) .preview-label small{color:#b0bdc9;font-size:10px}:where(.vision-app) .frames-panel{z-index:5;backdrop-filter:blur(20px);background:linear-gradient(155deg,#28313bce,#17212bea);border:1px solid #ffffff16;border-radius:24px;flex-direction:column;width:266px;padding:14px;display:flex;position:absolute;top:106px;bottom:24px;right:24px;box-shadow:0 25px 65px #0002}:where(.vision-app) .panel-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 2px 12px;font-size:17px;font-weight:500;display:flex}:where(.vision-app) .panel-heading small{color:#b2bfcb;margin-top:4px;font-size:10px;font-weight:400;display:block}:where(.vision-app) .frames-list{scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;flex-direction:column;gap:7px;min-height:0;display:flex;overflow:auto}:where(.vision-app) .frame-card{text-align:left;background:#ffffff04;border:1px solid #0000;border-radius:15px;flex-shrink:0;align-items:center;gap:12px;width:100%;min-height:76px;padding:8px 10px;transition:background .2s,border-color .2s;display:flex}:where(.vision-app) .frame-card:hover{background:#ffffff0c}:where(.vision-app) .frame-card.selected{background:#fffaf013;border-color:#dac4a86b}:where(.vision-app) .frame-card>svg{filter:drop-shadow(0 3px 3px #0003);background:linear-gradient(145deg,#ced5dc,#a7b3bd);border-radius:8px;width:75px;height:48px;padding:4px}:where(.vision-app) .frame-name{font-size:14px}:where(.vision-app) .frame-name small{color:#b8c2ce;margin-top:5px;font-size:10px;display:block}:where(.vision-app) .selected-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-left:auto}:where(.vision-app) .selected .selected-dot{background:var(--vision-accent);box-shadow:0 0 12px #d5b47966}:where(.vision-app) .icon-button{backdrop-filter:blur(15px);background:#192536ca;border:1px solid #ffffff25;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}:where(.vision-app) .icon-button:hover{background:#374152}:where(.vision-app) .icon-button[aria-pressed=true]{color:var(--vision-accent);border-color:var(--vision-accent);background:#ffffff14}:where(.vision-app) .product-bar{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}:where(.vision-app) .product-info{background:0 0;border:0;align-items:center;gap:9px;min-height:44px;padding:6px;font-size:13px;display:flex}:where(.vision-app) .product-info svg{color:#b6c5d1;width:17px;height:17px}:where(.vision-app) .color-dot{border:1px solid #fff6;border-radius:50%;flex-shrink:0;width:10px;height:10px}:where(.vision-app) .collection-actions{border-top:1px solid #ffffff12;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;margin-top:8px;padding-top:8px;display:flex}:where(.vision-app) .collection-actions button,:where(.vision-app) .collection-actions a{color:#d3dbe4;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:4px;font-size:11px;display:flex}:where(.vision-app) .collection-actions svg{width:17px;height:17px}:where(.vision-app) .status-pill{z-index:4;backdrop-filter:blur(10px);background:#10151cc9;border-radius:24px;align-items:center;gap:8px;max-width:calc(100% - 48px);padding:9px 13px;font-size:11px;display:flex;position:absolute;top:160px;left:24px}:where(.vision-app) .status-pill i{background:#bbc0c5;border-radius:50%;flex-shrink:0;width:6px;height:6px}:where(.vision-app) .status-pill.live i{background:#86daa9}:where(.vision-app) .mode-switch{z-index:4;backdrop-filter:blur(12px);background:#131d2acc;border:1px solid #ffffff20;border-radius:30px;gap:3px;padding:4px;display:flex;position:absolute;top:102px;left:24px}:where(.vision-app) .mode-switch button{background:0 0;border:0;border-radius:24px;align-items:center;gap:8px;min-height:40px;padding:8px 16px;font-size:12px;display:flex}:where(.vision-app) .mode-switch button[aria-pressed=true]{color:#17202d;opacity:1;background:#f5ede0}:where(.vision-app) .mode-switch svg{width:18px;height:18px}:where(.vision-app) .viewer-tools{z-index:4;align-items:center;gap:20px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}:where(.vision-app) .viewer-tools .capture{color:#17202d;background:#f6f1e9;border:4px solid #919ba766;width:64px;height:64px;box-shadow:0 2px 12px #0004}:where(.vision-app) .tool{backdrop-filter:blur(12px);background:#142030db;border:1px solid #ffffff30;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:60px;min-height:62px;padding:8px;font-size:10px;display:flex}:where(.vision-app) .tool[aria-pressed=true]{border-color:var(--vision-accent);color:var(--vision-accent)}:where(.vision-app) .face-guide{z-index:3;pointer-events:none;border:1px dashed #fff6;border-radius:48%;width:31%;height:48%;position:absolute;top:26%;left:34.5%}:where(.vision-app) .error-toast{z-index:12;background:#38252bf5;border:1px solid #ffffff30;border-radius:16px;align-items:center;gap:10px;width:max-content;max-width:90%;padding:10px 10px 10px 17px;font-size:13px;display:flex;position:absolute;bottom:115px;left:50%;transform:translate(-50%)}:where(.vision-app) .error-toast button{background:0 0;border:0;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}:where(.vision-app) .panel-content{scrollbar-width:thin;min-height:0;padding:0 4px;overflow:auto}:where(.vision-app) .muted{color:#c3ccd5;font-size:12px;line-height:1.6}:where(.vision-app) .fine-print{color:#b6c1cc;margin:17px 0 2px;font-size:11px;line-height:1.6}:where(.vision-app) .range-field{margin:18px 0}:where(.vision-app) .range-field label{justify-content:space-between;gap:8px;margin-bottom:3px;font-size:12px;display:flex}:where(.vision-app) .range-field label span{color:var(--vision-accent);font-variant-numeric:tabular-nums}:where(.vision-app) .slider{user-select:none;touch-action:none;align-items:center;width:100%;height:44px;display:flex;position:relative}:where(.vision-app) .slider-track{background:#ffffff25;border-radius:4px;flex-grow:1;height:4px;position:relative}:where(.vision-app) .slider-range{background:var(--vision-accent);border-radius:4px;height:100%;position:absolute}:where(.vision-app) .slider-thumb{background:var(--vision-accent);border-radius:50%;width:24px;height:24px;display:block;box-shadow:0 2px 8px #0005}:where(.vision-app) .tint-options{grid-template-columns:repeat(4,1fr);gap:4px;margin:20px 0;display:grid}:where(.vision-app) .tint-options button{background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-height:64px;padding:8px 3px;font-size:11px;display:flex}:where(.vision-app) .tint-options i{border:1px solid #ffffff50;border-radius:50%;width:27px;height:27px}:where(.vision-app) .tint-options .chosen{border-color:var(--vision-accent);background:#ffffff09}:where(.vision-app) .primary-button,:where(.vision-app) .secondary-button{text-align:center;background:#ffffff08;border:1px solid #ffffff30;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 15px;font-size:12px;display:inline-flex}:where(.vision-app) .primary-button{background:var(--vision-accent);color:#15202b;border-color:#0000;font-weight:600}:where(.vision-app) .secondary-button:hover{background:#ffffff14}:where(.vision-app) .sheet-overlay{backdrop-filter:blur(5px);z-index:30;background:#070b12b0;position:absolute;inset:0}:where(.vision-app) .vision-sheet{z-index:31;scrollbar-width:thin;background:#1a2633;border:1px solid #ffffff25;border-radius:24px;width:min(500px,100% - 32px);max-height:calc(100% - 32px);padding:24px;font-size:13px;line-height:1.6;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 25px 100px #0008}:where(.vision-app) .wide-sheet{width:min(850px,100% - 32px)}:where(.vision-app) .sheet-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}:where(.vision-app) .sheet-heading h2{letter-spacing:-.5px;margin:0;font-size:22px;font-weight:550;line-height:1.25}:where(.vision-app) .sheet-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}:where(.vision-app) .help-content ol{counter-reset:step;padding:0;list-style:none}:where(.vision-app) .help-content li{counter-increment:step;padding:0 0 20px 40px;position:relative}:where(.vision-app) .help-content li:before{content:counter(step);width:26px;height:26px;color:var(--vision-accent);border:1px solid #dbc49e60;border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:0;left:0}:where(.vision-app) .help-content li span{color:#c2ccd8;margin-top:3px;font-size:12px;display:block}:where(.vision-app) .privacy-note{background:#ffffff05;border:1px solid #ffffff10;border-radius:16px;gap:12px;padding:16px;font-size:12px;display:flex}:where(.vision-app) .privacy-note p{color:#c2ccd8;margin:6px 0 0}:where(.vision-app) .privacy-note svg{color:var(--vision-accent)}:where(.vision-app) .detail-model{background:linear-gradient(145deg,#d7dee2,#99acb9);border-radius:16px;place-items:center;height:150px;display:grid}:where(.vision-app) .detail-model svg{width:230px;height:120px}:where(.vision-app) .spec-grid{border-block:1px solid #ffffff15;grid-template-columns:1fr 1fr;gap:18px;padding:16px 0;display:grid}:where(.vision-app) .spec-grid dt{color:#b4c1ce;font-size:11px}:where(.vision-app) .spec-grid dd{margin:3px 0 0;font-size:15px}:where(.vision-app) .qr-box{color:#1a2633;background:#fff;border-radius:16px;place-items:center;width:224px;min-height:224px;margin:20px auto;display:grid;overflow:hidden}:where(.vision-app) .share-label{color:#c4ced8;flex-direction:column;gap:7px;font-size:11px;display:flex}:where(.vision-app) .share-label input{color:#e8edf2;background:#101b26;border:1px solid #ffffff30;border-radius:10px;width:100%;min-height:44px;padding:12px;font-size:11px}:where(.vision-app) .capture-preview{object-fit:contain;background:#101820;border-radius:16px;width:100%;max-height:52dvh;display:block}:where(.vision-app) .capture-caption{justify-content:space-between;gap:10px;margin-top:10px;display:flex}:where(.vision-app) .capture-caption span{color:#bcc7d3;font-size:10px}:where(.vision-app) .compare-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}:where(.vision-app) .compare-item{text-align:center;flex-direction:column;gap:10px;min-width:0;display:flex}:where(.vision-app) .compare-item img{object-fit:contain;background:#101b26;border-radius:14px;width:100%;height:clamp(160px,40dvh,420px)}:where(.vision-app) .compare-empty{color:#b8c7d5;border:1px dashed #ffffff35;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:210px;padding:18px;font-size:11px;display:flex}:where(.vision-app) .compare-empty p{color:#f5f3ed;font-size:14px}:where(.vision-app) .empty-state{color:#c2ced9;padding:12px;font-size:12px;line-height:1.5}:where(.vision-app) .inline-notice{color:var(--vision-accent);font-size:12px}:where(.vision-app) .notice-toast{z-index:40;background:#152638;border:1px solid #ffffff30;border-radius:12px;max-width:calc(100% - 40px);padding:14px;font-size:12px;position:absolute;bottom:20px;left:20px}:where(.vision-app) .sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}:where(.vision-app) .debug-panel{z-index:25;overflow-wrap:anywhere;background:#000e;max-width:300px;padding:6px;font-size:10px;position:absolute;bottom:100px;left:8px}:where(.vision-app) .debug-panel output{display:block}:where(.vision-app) .debug-panel button{color:#fff;background:#334;border:1px solid #778;margin:5px;padding:8px}@media (width<=800px) and (height>=501px){:where(.vision-app) .vision-header{height:76px;padding:16px}:where(.vision-app) .vision-brand{gap:8px;font-size:16px}:where(.vision-app) .brand-mark{border-radius:12px;width:36px;height:36px}:where(.vision-app) .header-right{gap:5px}:where(.vision-app) .private-badge{display:none}:where(.vision-app) .viewer-stage{inset:0 0 calc(164px + env(safe-area-inset-bottom))}:where(.vision-app) .frames-panel{width:100%;height:calc(164px + env(safe-area-inset-bottom));max-height:none;padding:5px 0 max(5px, env(safe-area-inset-bottom));border-bottom:0;border-radius:22px 22px 0 0;inset:auto 0 0}:where(.vision-app) .panel-heading{height:44px;padding:0 16px;font-size:14px}:where(.vision-app) .panel-heading>span{align-items:baseline;gap:10px;display:flex}:where(.vision-app) .panel-heading small{font-size:10px}:where(.vision-app) .panel-heading .icon-button{background:0 0;border:0;width:44px;height:44px}:where(.vision-app) .frames-list{scrollbar-width:none;flex-direction:row;flex-shrink:0;gap:7px;height:68px;padding:3px 16px;overflow-x:auto}:where(.vision-app) .frame-card{text-align:center;border-radius:12px;flex-direction:column;flex:0 0 92px;gap:0;width:92px;min-height:60px;padding:3px 6px}:where(.vision-app) .frame-card>svg{border-radius:6px;width:62px;height:33px;padding:3px}:where(.vision-app) .frame-name{font-size:11px}:where(.vision-app) .frame-name small,:where(.vision-app) .selected-dot{display:none}:where(.vision-app) .product-bar{justify-content:flex-start;gap:0;width:49%;height:42px;margin-top:0;padding:0 0 0 12px}:where(.vision-app) .product-info{gap:6px;font-size:12px}:where(.vision-app) .product-bar .icon-button{background:0 0;border:0}:where(.vision-app) .collection-actions{bottom:max(4px, env(safe-area-inset-bottom));border:0;justify-content:flex-end;gap:4px;width:47%;margin:0;padding:0;position:absolute;right:12px}:where(.vision-app) .collection-actions a{font-size:10px}:where(.vision-app) .collection-actions a svg{display:none}:where(.vision-app) .collection-actions button{font-size:10px}.vision-app.is-preview .glasses-layer{height:54%;top:7%}:where(.vision-app) .preview-eyebrow{letter-spacing:2px;font-size:8px;top:18%}:where(.vision-app) .intro{bottom:6%}:where(.vision-app) .intro h1{letter-spacing:-1px;margin-bottom:8px;font-size:27px}:where(.vision-app) .intro>p{margin-bottom:18px;font-size:12px}:where(.vision-app) .intro-privacy{margin-top:4px;font-size:9px}:where(.vision-app) .camera-button{padding:15px 22px;font-size:14px}:where(.vision-app) .preview-label{display:none}:where(.vision-app) .mode-switch{top:84px;left:16px}:where(.vision-app) .status-pill{max-width:calc(100% - 32px);padding:7px 11px;font-size:10px;top:143px;left:16px}:where(.vision-app) .viewer-tools{gap:20px;bottom:18px}:where(.vision-app) .face-guide{width:64%;height:44%;top:30%;left:18%}.vision-app.panel-open .frames-panel{height:270px}.vision-app.panel-open .viewer-stage{bottom:270px}.vision-app.panel-open .collection-actions{display:none}:where(.vision-app) .panel-content{padding:0 20px 10px}:where(.vision-app) .panel-content>.muted{display:none}:where(.vision-app) .range-field{margin:5px 0}:where(.vision-app) .panel-content .fine-print{margin-top:6px;font-size:10px}:where(.vision-app) .panel-content .secondary-button{min-height:44px;padding:7px 12px}:where(.vision-app) .tint-options{margin:10px 0}:where(.vision-app) .vision-sheet{border-radius:20px;padding:20px}:where(.vision-app) .sheet-heading h2{font-size:20px}:where(.vision-app) .compare-grid{gap:8px}:where(.vision-app) .compare-item img{height:240px}:where(.vision-app) .capture-caption{flex-direction:column;gap:2px}:where(.vision-app) .debug-panel{max-width:94%;bottom:166px}}@media (height<=600px) and (width>=801px),(height<=500px){.vision-app{min-height:280px}:where(.vision-app) .vision-header{height:60px;padding:8px 16px}:where(.vision-app) .vision-brand{gap:8px;font-size:15px}:where(.vision-app) .private-badge{display:none}:where(.vision-app) .brand-mark{width:36px;height:36px}:where(.vision-app) .viewer-stage{inset:0 228px 0 0}:where(.vision-app) .frames-panel{border-radius:18px;width:208px;padding:8px;top:68px;bottom:10px;right:10px}:where(.vision-app) .panel-heading{min-height:38px;padding-bottom:4px;font-size:13px}:where(.vision-app) .panel-heading small{display:none}:where(.vision-app) .frame-card{gap:7px;min-height:58px;padding:5px}:where(.vision-app) .frame-card>svg{width:58px;height:38px}:where(.vision-app) .frame-name{font-size:12px}:where(.vision-app) .frame-name small{font-size:9px}:where(.vision-app) .product-bar{padding-top:4px}:where(.vision-app) .collection-actions{margin:0;padding:0}:where(.vision-app) .collection-actions a{display:none}:where(.vision-app) .mode-switch{top:70px;left:16px}:where(.vision-app) .status-pill{font-size:10px;top:126px;left:16px}:where(.vision-app) .viewer-tools{gap:8px;bottom:14px;left:auto;right:16px;transform:none}:where(.vision-app) .viewer-tools .capture{width:52px;height:52px}:where(.vision-app) .tool{min-width:48px;min-height:50px;padding:5px}:where(.vision-app) .intro{bottom:10px;left:10px;right:10px}:where(.vision-app) .intro h1{margin:0 0 8px;font-size:23px}:where(.vision-app) .intro>p,:where(.vision-app) .intro-privacy,:where(.vision-app) .preview-label{display:none}:where(.vision-app) .camera-button{padding:11px 20px;font-size:13px}:where(.vision-app) .photo-button{min-height:38px;margin:0 auto;font-size:11px}:where(.vision-app) .preview-eyebrow{font-size:8px;top:21%}.vision-app.is-preview .glasses-layer{height:55%;top:8%}:where(.vision-app) .range-field{margin:6px 0}:where(.vision-app) .panel-content>.muted{display:none}:where(.vision-app) .vision-sheet{padding:16px}:where(.vision-app) .sheet-heading{margin-bottom:10px}}@media (width<=360px){:where(.vision-app) .vision-brand>span:last-child{font-size:13px}:where(.vision-app) .header-right{gap:2px}:where(.vision-app) .vision-header{padding-inline:10px}:where(.vision-app) .collection-actions a{display:none}}@media (prefers-reduced-motion:reduce){:where(.vision-app) *{transition:none!important;animation:none!important}}@media (width<=800px) and (height>=501px){.vision-app.panel-open .debug-panel{bottom:280px}}@media (width<=800px) and (height>=501px) and (height<=650px){.vision-app.is-preview .glasses-layer{height:43%;top:9%}}:where(.vision-app) .bridge-handle{z-index:4;border:1px solid var(--vision-accent);color:#fff;text-shadow:0 1px 3px #000;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#18232d40;border-radius:50%;width:48px;min-width:48px;height:48px;font-size:22px;position:absolute;transform:translate(-50%,-50%)}:where(.vision-app) .bridge-handle:active{background:#18232d90}:where(.vision-app) .bridge-handle:focus-visible{outline-offset:3px;outline:3px solid #fff}:where(.vision-app) .fit-instructions{margin:4px 0 10px;font-size:13px;line-height:1.4}:where(.vision-app) .fit-buttons{gap:8px;display:flex}:where(.vision-app) .fit-buttons>button{flex:1}:where(.vision-app) .fit-depth{margin-top:10px}:where(.vision-app) .fit-depth>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px}:where(.vision-app) .vision-brand.vision-back-link{backdrop-filter:blur(14px);letter-spacing:0;white-space:nowrap;background:#172331e8;border:1px solid #fff5;border-radius:999px;gap:8px;padding:10px 14px;font-size:13px;box-shadow:0 4px 18px #0003}:where(.vision-app) .vision-brand.vision-back-link:hover{border-color:var(--vision-accent);background:#344355}:where(.vision-app) .vision-back-arrow{color:var(--vision-accent);font-size:19px;line-height:1}@media (width<=360px){:where(.vision-app) .vision-brand.vision-back-link{padding:9px 10px;font-size:12px}}html,body{background:#10151d;margin:0}body{font-family:DM Sans,sans-serif}.frame-photo{object-fit:cover;background:#ddd;border-radius:9px;width:76px;height:65px}.reference-photo{object-fit:contain;background:#e9e9e7;border-radius:14px;width:100%;height:260px}.vision-app .frame-name{white-space:normal}.vision-app .frame-name small{line-height:1.4}.vision-app .vision-brand small{letter-spacing:1.6px;font-size:8px}.vision-app .intro p{max-width:300px}.vision-app .detail-model{height:auto}.vision-app .preview-label small{font-size:11px}.vision-app .intro>p{margin-left:auto;margin-right:auto}@media (width<=800px) and (height>=501px){.vision-app:not(.panel-open) .frames-panel{height:calc(208px + env(safe-area-inset-bottom))}.vision-app:not(.panel-open) .viewer-stage{bottom:calc(208px + env(safe-area-inset-bottom))}.vision-app .frame-photo{border-radius:6px;width:62px;height:33px}.vision-app .frame-name{font-size:10px;line-height:1.1}.vision-app .product-bar{justify-content:space-between;width:100%;padding:0 16px}.vision-app .collection-actions{flex-direction:row;justify-content:space-between;width:100%;height:44px;min-height:44px;padding:0 16px;position:static}.vision-app .collection-actions a{display:flex}}