.visitor-dialog{width:min(960px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:24px;border:3px solid #fff;border-radius:28px;background:#fff9f4;color:#56445f;box-shadow:0 20px 80px #63415f30;overflow-y:auto;font-family:var(--f-body,system-ui);position:fixed}.visitor-dialog::backdrop{background:#53445988;backdrop-filter:blur(4px)}.visitor-dialog *{box-sizing:border-box}.visitor-dialog [hidden]{display:none!important}.visitor-dialog .visitor-close{position:absolute;right:12px;top:12px;width:40px;height:40px;border:1px solid #ead9e5;border-radius:50%;background:#fff;color:#785d7d}.visitor-dialog>h2{text-align:center;font-size:27px;margin:4px 45px 10px}.visitor-dialog .visitor-sub{text-align:center;color:#897389;font-size:14px;margin:0 0 20px}.visitor-dialog .studio{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:2px solid #fff;border-radius:24px;overflow:hidden}.visitor-dialog .preview-side{padding:15px;background:linear-gradient(160deg,#f5f1ff,#e8f5f0);text-align:center}.visitor-dialog .preview{height:340px;position:relative}.visitor-dialog canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.visitor-dialog .view-label{position:absolute;top:4px;left:4px;border-radius:20px;background:#fffc;padding:6px 10px;color:#796784;font-size:12px}.visitor-dialog .rotate{display:flex;justify-content:center;align-items:center;gap:12px;margin:8px 0 10px;font-size:11px}.visitor-dialog .rotate button{width:40px;height:40px;font-size:24px;border-radius:50%;border:2px solid white;background:#fffc;color:#756083}.visitor-dialog .secondary{border:1px solid #d5d2e2;border-radius:20px;background:#fff9;padding:9px 15px;color:#695774;min-height:40px}.visitor-dialog .choices{padding:20px}.visitor-dialog [role=tablist]{display:flex;background:#f3edf4;border-radius:15px;padding:4px;gap:4px;margin-bottom:22px}.visitor-dialog [role=tab]{flex:1;border:0;border-radius:12px;background:transparent;color:#826f89;padding:11px;font-weight:700}.visitor-dialog [role=tab][aria-selected=true]{background:#fff;color:#9f5278;box-shadow:0 2px 6px #63415f12}.visitor-dialog [role=tabpanel] h2{font-size:18px;margin:0 0 8px}.visitor-dialog [role=tabpanel]>p{font-size:13px;color:#837386;margin:0 0 16px}.visitor-dialog .options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.visitor-dialog .option{position:relative;border:2px solid #eee5eb;border-radius:18px;background:#fffaf6;color:#68516d;padding:6px 10px 13px;min-width:0}.visitor-dialog .option svg{width:100px;height:100px;max-width:100%;display:block;margin:auto}.visitor-dialog .option span{font-size:15px;font-weight:750}.visitor-dialog .option i{display:none;position:absolute;top:8px;right:8px;background:#c27395;color:#fff;border-radius:50%;width:21px;height:21px;line-height:21px;font-style:normal}.visitor-dialog .option[aria-pressed=true]{border-color:#d58ba9;background:#fff0f5;box-shadow:0 0 0 3px #fce5ee}.visitor-dialog .option[aria-pressed=true] i{display:block}.visitor-dialog .outfit-note{background:#f4f8ee;border-radius:14px;margin-top:18px;padding:12px;display:flex;gap:10px;align-items:center;font-size:12px;color:#69756d}.visitor-dialog .outfit-note p{margin:0;line-height:1.8}.visitor-dialog .outfit-note>span{font-size:24px;color:#93b8a4}.visitor-dialog .selection{text-align:center;font-size:12px;color:#9a718b;margin:18px 0 10px}.visitor-dialog .primary{width:100%;min-height:48px;border:0;border-radius:16px;background:#b76288;color:white;padding:13px;font-weight:750;font-size:16px}.visitor-dialog .text-button{display:block;background:none;border:0;color:#886e87;padding:10px;margin:8px auto 0;min-height:40px;font-size:13px}.visitor-dialog .storage-note{font-size:11px;color:#97899b;text-align:center}.visitor-dialog .symbols{position:absolute;pointer-events:none}.visitor-dialog #renderError{position:absolute;inset:20% 4% auto;background:#fff;padding:15px;border-radius:15px;line-height:1.8}.visitor-dialog button:focus-visible,.visitor-dialog canvas:focus-visible{outline:3px solid #8d639e;outline-offset:3px}.visitor-dialog button:disabled{opacity:.5}@media(max-width:650px){.visitor-dialog{padding:15px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.visitor-dialog>h2{font-size:22px}.visitor-dialog .visitor-sub{font-size:12px}.visitor-dialog .studio{grid-template-columns:1fr}.visitor-dialog .preview{height:190px}.visitor-dialog .preview-side{padding:9px}.visitor-dialog .choices{padding:15px}.visitor-dialog [role=tablist]{margin-bottom:14px}.visitor-dialog .option svg{width:76px;height:76px}.visitor-dialog .outfit-note{display:none}.visitor-dialog .visitor-close{right:5px;top:6px}.visitor-dialog .rotate{margin:5px 0}.visitor-dialog .selection{margin-top:12px}}