.tryon-studio{color:#0b1b33;max-width:1240px;margin:auto;padding:52px 36px 70px}.ar-studio-heading{max-width:800px;margin-bottom:36px}.ar-studio-eyebrow{letter-spacing:2.3px;color:#a9824a;font-size:10px;font-weight:700}.ar-studio-heading h1{color:#042b61;letter-spacing:-1.5px;margin:14px 0;font-family:Georgia,serif;font-size:clamp(32px,4.5vw,56px);font-weight:400;line-height:1.08}.ar-studio-heading>p:last-child{color:#566179;max-width:650px;font-size:15px;line-height:1.8}.ar-studio-steps{border-top:1px solid #042b6120;border-bottom:1px solid #042b6120;gap:20px;margin-bottom:28px;display:flex}.ar-studio-steps button{color:#566179;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:17px 5px;font-size:12px;display:flex}.ar-studio-steps button span{border:1px solid #042b6130;border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;display:grid}.ar-studio-steps button[aria-current]{color:#042b61;box-shadow:0 2px #042b61}.ar-studio-steps button[aria-current] span{color:#fff;background:#042b61}.ar-studio-workspace{grid-template-columns:310px minmax(0,1fr);gap:46px;display:grid}.ar-studio-chooser h2{color:#042b61;margin:12px 0;font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.2}.ar-studio-chooser>p{color:#566179;font-size:13px;line-height:1.65}.ar-shape-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.ar-shape-grid button{color:#566179;cursor:pointer;background:#fff;border:1px solid #042b6120;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px 4px;font-size:11px;display:flex}.ar-shape-sample{border:1px solid #0001;width:26px;height:43px;display:block;box-shadow:inset 6px 0 5px #fff6}.ar-shape-oval,.ar-shape-almond{height:49px}.ar-shape-coffin{clip-path:polygon(18% 0,82% 0,100% 85%,85% 100%,15% 100%,0 85%)}.ar-shape-stiletto{clip-path:polygon(50% 0,95% 65%,100% 85%,85% 100%,15% 100%,0 85%,5% 65%);height:54px}.ar-studio-primary,.ar-studio-secondary{color:#fff;cursor:pointer;background:#042b61;border:1px solid #042b61;border-radius:5px;min-height:46px;padding:12px 21px;font-size:12px;font-weight:600}.ar-studio-secondary{color:#042b61;background:0 0;border-color:#042b6140}.ar-studio-chooser>.ar-studio-primary,.ar-studio-chooser>.ar-studio-secondary{width:100%;margin-top:12px}.tryon-studio button:disabled{opacity:.45;cursor:not-allowed}.tryon-studio button.selected{border-color:#042b61;box-shadow:0 0 0 1px #042b61}.ar-brand-list{gap:12px;margin-top:24px;display:grid}.ar-brand-list button{text-align:left;color:#042b61;cursor:pointer;background:#fff;border:1px solid #042b6120;border-radius:6px;align-items:center;gap:12px;padding:18px;display:flex}.ar-brand-list b{background:#f8ecec;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-family:Georgia,serif;font-size:22px;display:grid}.ar-brand-list strong{font-size:14px;display:block}.ar-brand-list small{color:#566179;margin-top:5px;font-size:10px;line-height:1.5;display:block}.ar-studio-search,.ar-studio-chooser>label{color:#566179;margin:18px 0;font-size:12px;display:block}.ar-studio-search input,.ar-studio-chooser select{color:#0b1b33;background:#fff;border:1px solid #042b6130;border-radius:5px;width:100%;min-height:42px;margin-top:8px;padding:9px 12px;display:block}.ar-studio-chooser input[type=range]{accent-color:#042b61;width:100%;margin-top:16px;display:block}.ar-colour-grid{grid-template-columns:repeat(5,1fr);gap:10px;max-height:380px;padding:3px;display:grid;overflow:auto}.ar-colour-grid button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;min-width:0;padding:4px}.ar-colour-grid button>span{aspect-ratio:1;border:1px solid #0001;border-radius:50%;display:block;box-shadow:inset 0 1px 3px #0002}.ar-colour-grid small{text-overflow:ellipsis;white-space:nowrap;color:#566179;margin-top:5px;font-size:8px;display:block;overflow:hidden}.ar-studio-note{color:#566179;font-size:11px!important;line-height:1.7!important}.ar-shade-reference{margin:20px 0}.ar-shade-reference img{object-fit:contain;background:#f8ecec;border-radius:6px;width:100%;max-height:200px}.ar-shade-reference figcaption{color:#566179;margin-top:7px;font-size:9px}.ar-shade-reference a{color:#042b61}.ar-studio-viewfinder{aspect-ratio:1;background:#f8ecec;border-radius:14px;place-items:center;max-height:620px;display:grid;position:relative;overflow:hidden}.ar-studio-viewfinder>canvas{object-fit:contain;max-width:100%;max-height:620px;display:block}.ar-studio-viewfinder>canvas[hidden]{display:none}.ar-studio-empty{text-align:center;color:#566179;max-width:430px;padding:40px}.ar-studio-empty svg{color:#a9824a;opacity:.7;height:170px;margin:0 auto 22px}.ar-studio-empty h2{color:#042b61;font-family:Georgia,serif;font-size:26px;font-weight:400}.ar-studio-empty p{font-size:12px;line-height:1.7}.ar-studio-video-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ar-studio-file{display:none}.ar-preview-label{color:#042b61;background:#fdfaf9e8;border-radius:20px;padding:7px 12px;font-size:10px;position:absolute;top:16px;left:16px}.ar-studio-working{color:#042b61;text-align:center;background:#fdfaf9dc;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:30px;font-size:13px;display:flex;position:absolute;inset:0}.ar-studio-working>span{border:2px solid #042b6120;border-top-color:#042b61;border-radius:50%;width:32px;height:32px;animation:1s linear infinite ar-studio-spin}.ar-studio-status{color:#566179;min-height:18px;margin:14px 0;font-size:11px}.ar-studio-actions{flex-wrap:wrap;gap:10px;display:flex}.ar-studio-samples{color:#566179;align-items:center;gap:10px;margin-top:20px;font-size:11px;display:flex}.ar-studio-samples>button{cursor:pointer;border:3px solid #fff;border-radius:50%;width:30px;height:30px;box-shadow:0 0 0 1px #042b6120}.ar-studio-refine{border-top:1px solid #042b6120;margin-top:26px;padding-top:22px}.ar-studio-refine>label{color:#566179;align-items:flex-start;gap:10px;margin-bottom:18px;font-size:11px;line-height:1.7;display:flex}.ar-studio-refine input{accent-color:#042b61;margin-top:3px}.ar-studio-alert{color:#042b61;background:#f8ecec;border-left:3px solid #a9824a;padding:14px 18px;font-size:12px;line-height:1.7}@keyframes ar-studio-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ar-studio-working>span{animation:none}}@media (width<=800px){.tryon-studio{padding:30px 20px}.ar-studio-workspace{grid-template-columns:1fr;gap:28px}.ar-studio-steps{gap:7px}.ar-studio-steps button{gap:6px;font-size:10px}.ar-studio-steps button span{width:21px;height:21px}.ar-studio-chooser{max-width:none}.ar-shape-grid{grid-template-columns:repeat(6,1fr)}.ar-brand-list{grid-template-columns:repeat(3,1fr)}.ar-brand-list button{text-align:center;flex-direction:column;padding:14px}.ar-brand-list small,.ar-brand-list button>span:last-child{display:none}.ar-colour-grid{grid-template-columns:repeat(8,1fr);max-height:260px}.ar-shade-reference{float:right;width:35%;margin:0 0 12px 20px}.ar-studio-chooser>label{max-width:60%}.ar-studio-empty{padding:25px}.ar-studio-empty svg{height:130px}.ar-studio-heading{margin-bottom:25px}}@media (width<=420px){.ar-shape-grid{grid-template-columns:repeat(3,1fr)}.ar-colour-grid{grid-template-columns:repeat(6,1fr)}.ar-studio-empty h2{font-size:23px}.ar-studio-empty svg{height:110px}}@media (width<=800px){.ar-shade-reference{float:none;width:100%;margin:16px 0}.ar-shade-reference img{max-height:150px}.ar-studio-chooser>label{max-width:100%}}.ar-studio-chooser{border:0;min-width:0;margin:0;padding:0}.ar-studio-discovery{border-top:1px solid #042b6120;margin-top:55px;padding-top:30px}.ar-studio-discovery h2{color:#042b61;font:400 28px Georgia,serif}.ar-studio-discovery p{color:#566179;font-size:13px;line-height:1.7}.ar-studio-discovery>div{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;display:grid}.ar-studio-discovery a{color:#042b61;background:#fff;border:1px solid #042b6120;border-radius:7px;flex-direction:column;gap:12px;padding:24px;text-decoration:none;display:flex}.ar-studio-discovery a span{font-size:12px}.ar-studio-refine input[readonly]{border:1px solid #042b6130;border-radius:4px;width:100%;margin-top:10px;padding:10px;font-size:11px;display:block}
