.feature-guide-help{display:inline-flex;align-items:center;gap:7px;min-height:40px;margin:0 0 12px;padding:7px 12px;border:1px solid #ded3ed;border-radius:999px;background:#f7f2fb;color:#75588e;font-size:14px;cursor:pointer}.feature-guide-overlay{z-index:90!important}body [data-slot=dialog-content].feature-guide{z-index:91!important;display:flex!important;flex-direction:column;width:min(1580px,calc(100vw - 32px));max-width:none!important;height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));max-height:none!important;padding:22px!important;gap:16px!important;border:1.5px solid #bd9aff;border-radius:26px;background:#fffefa;color:#211e26;overflow:hidden!important}.feature-guide .dialog-fixed-header{display:block;flex:none;padding:0 64px 0 4px!important;border:0;background:transparent}.feature-guide .guide-brand{display:block;font-size:24px;font-weight:800;letter-spacing:-1.5px;line-height:1;margin-bottom:8px;color:#151319}.feature-guide [data-slot=dialog-title]{font-size:clamp(26px,3vw,46px)!important;font-weight:750;line-height:1.08;margin:0;letter-spacing:-1px}.feature-guide>.dialog-scroll-region{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1 1 auto;overflow-y:auto!important;padding:0!important;overscroll-behavior:contain}.feature-guide [data-slot=dialog-close]{top:18px!important;right:18px!important;width:44px;height:44px;display:grid;place-items:center;border:1px solid #b998f4;border-radius:50%;background:#fff;color:#8961ce;opacity:1;box-shadow:none!important}.feature-guide [data-slot=dialog-close] svg{width:25px!important;height:25px!important}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:2px;flex:1;min-height:380px}.guide-step{position:relative;min-width:0;display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid #dfd0fb;border-radius:21px;background:#fff}.guide-step-heading{display:flex;align-items:flex-start;gap:12px;min-height:70px;flex:none}.guide-step-heading>span{flex:0 0 42px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#d6c6ff;color:#19151f;font-size:26px;font-weight:700}.guide-step h3{margin:2px 0 5px;font-size:clamp(18px,1.65vw,26px);line-height:1.1;letter-spacing:-.4px;font-weight:700;overflow-wrap:anywhere}.guide-step-heading p{margin:0;color:#9274ce;font-size:14px;line-height:1.3}.guide-photo{position:relative;flex:1;min-height:200px;overflow:hidden;border-radius:15px;background:#f6f1fb}.guide-photo>img{position:absolute;inset:0;width:100%!important;height:100%!important;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain!important;display:block;transition:opacity .15s}.guide-preview{image-rendering:auto}.guide-example{position:absolute;top:8px;right:8px;background:#e8daff;border-radius:999px;padding:6px 10px;color:#282031;font-size:12px;font-weight:600;text-align:center}.guide-step-actions{display:flex;flex:none;flex-direction:column;gap:7px;min-height:100px;justify-content:flex-end}.guide-action{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 12px;border-radius:999px;border:1px solid transparent;font-size:16px;line-height:1.25;text-align:center;cursor:pointer;width:100%;color:#241e2d;background:#d9c9ff}.guide-action svg{width:21px;height:21px;flex:none}.guide-action-outline{border:1px solid #29232e;background:#fff}.guide-action-dark{background:#201e28;color:#fff}.guide-action:disabled{opacity:.55;cursor:default}.feature-guide button:focus-visible,.feature-guide-help:focus-visible{outline:3px solid #a67de6;outline-offset:2px}.guide-step-actions small{font-size:13px;color:#9274ce;text-align:center;padding:10px}.guide-step-arrow{position:absolute;top:54%;right:-22px;width:25px;height:25px;color:#9874de;z-index:1;pointer-events:none}.guide-sources{display:flex;gap:4px;border:1px solid #e2d3fb;border-radius:999px;padding:3px}.guide-sources button{flex:1;min-height:34px;background:#f4edff;border:0;border-radius:999px;color:#493b5d;font-size:13px;cursor:pointer}.guide-text-action{min-height:40px;background:transparent;color:#8961ce;text-decoration:underline;border:0;cursor:pointer}.guide-footnote{flex:none;font-size:11px;color:#8c8198;margin:8px 4px 0;line-height:1.3}.guide-pagination{display:none}.guide-demo-form{display:flex;flex:1;flex-direction:column;justify-content:center;gap:20px;min-height:200px;padding:12px}.guide-demo-form label{display:flex;flex-direction:column;border:1px solid #ddd0f3;border-radius:18px;padding:15px;color:#8c8198;font-size:17px}.guide-demo-form strong{font-size:30px;font-weight:500;color:#26212b}.guide-demo-weather{font-size:32px;background:#f3edff;border-radius:999px;padding:10px 18px;width:fit-content}.guide-demo-pills{display:flex;gap:6px;flex-wrap:wrap}.guide-demo-pills span{border:1px solid #ded3ed;border-radius:999px;padding:8px 12px;font-size:13px}.guide-demo-pills span:last-child{background:#d9c9ff}.guide-demo-form small{color:#8c8198;font-size:12px}.photo-step.fitting-reference,.studio-input-grid{scroll-margin-top:90px}.today-result-context{padding:10px 14px;background:#f5effc;border-radius:14px;color:#75588e;font-size:14px}@media(max-width:700px){body [data-slot=dialog-content].feature-guide{top:0!important;left:0!important;transform:none!important;width:100vw!important;height:100dvh!important;padding:max(12px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom))!important;gap:10px!important;border-radius:0;border:0}.feature-guide .dialog-fixed-header{padding:0 48px 0 4px!important}.feature-guide .guide-brand{font-size:21px;margin-bottom:7px}.feature-guide [data-slot=dialog-title]{font-size:clamp(22px,6vw,28px)!important;letter-spacing:-.7px}.feature-guide [data-slot=dialog-close]{top:max(12px,env(safe-area-inset-top))!important;right:12px!important;width:40px;height:40px}.feature-guide>.dialog-scroll-region{overflow:hidden!important}.guide-steps{display:flex;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:1px;touch-action:pan-y pinch-zoom}.guide-step{display:none;flex:1;gap:10px;padding:10px;border-radius:19px;min-height:370px}.guide-step.is-current{display:flex}.guide-step-heading{gap:9px;min-height:54px}.guide-step-heading>span{width:34px;height:34px;flex-basis:34px;font-size:22px}.guide-step h3{font-size:21px;margin:0 0 4px}.guide-step-heading p{font-size:13px}.guide-photo{min-height:180px}.guide-step-actions{min-height:0;gap:6px}.guide-action{min-height:44px;font-size:16px;padding:8px 10px}.guide-step-arrow{display:none}.guide-example{font-size:11px;padding:5px 8px}.guide-pagination{display:flex;align-items:center;justify-content:space-between;flex:none;gap:14px;margin-top:7px;color:#8c8198;font-size:13px}.guide-pagination button{min-height:40px;min-width:78px;border:1px solid #e3daee;border-radius:999px;background:#faf7fd;color:#75588e;font-size:14px}.guide-pagination button:disabled{opacity:.4}.guide-footnote{margin:5px 4px 0;font-size:10px}.guide-demo-form{gap:14px;padding:8px}.guide-demo-form label{padding:12px;font-size:15px}.guide-demo-form strong{font-size:27px}.guide-demo-weather{font-size:28px;padding:8px 16px}}@media(prefers-reduced-motion:reduce){.guide-photo>img{transition:none}}@media(max-width:700px){body [data-slot=dialog-content].feature-guide{translate:none!important;scale:1!important}}body [data-slot=dialog-content].feature-guide{animation:none!important;transition:none!important}