.tryon-open{background:none;border:1px solid #555;color:inherit;padding:14px 18px;cursor:pointer;font:inherit;font-size:12px;letter-spacing:.04em;width:100%;box-sizing:border-box;margin:16px 0}.tryon-open:disabled{opacity:.4;cursor:default}
.tryon-dialog{box-sizing:border-box;background:#0b0b0b;color:#eee;border:1px solid #292929;border-radius:0;width:min(520px,calc(100vw - 32px));max-height:90dvh;padding:0;color-scheme:dark}.tryon-dialog::backdrop{background:#000b}.tryon-form{padding:24px;font:12px/1.6 Arial,'Malgun Gothic',sans-serif}.tryon-form header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.tryon-dialog svg{width:22px;height:22px;display:block}.tryon-mark{padding:10px;color:#bbb}.tryon-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;flex:none;text-decoration:none}.tryon-icon:hover{background:#222}.tryon-icon:disabled{opacity:.35;cursor:wait}.tryon-dialog :focus-visible{outline:1px solid #eee;outline-offset:3px}.tryon-product{font-size:12px;font-weight:400;margin:0 0 16px;color:#bbb;overflow-wrap:anywhere}.tryon-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tryon-pair figure{position:relative;min-width:0;margin:0}.tryon-pair img{display:block;box-sizing:border-box;background:#141414;width:100%;height:240px;object-fit:contain}.tryon-person-panel{background:linear-gradient(#141414 0 240px,transparent 240px)}.tryon-pair figcaption{font-size:10px;color:#929292;margin-top:8px}.tryon-upload{display:flex;align-items:center;justify-content:center;position:relative;height:240px;cursor:pointer;color:#999}.tryon-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.tryon-upload:focus-within{outline:1px solid #eee;outline-offset:2px}.tryon-person:not([hidden])+.tryon-upload{position:absolute;inset:0 0 auto;height:240px;align-items:flex-end;justify-content:flex-end}.tryon-person:not([hidden])+.tryon-upload .tryon-upload-symbol{padding:8px;background:#111c;margin:8px}.tryon-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.tryon-options label{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #333;padding-bottom:8px;min-width:0}.tryon-options label>span{color:#888;font-size:11px;white-space:nowrap}.tryon-options select{max-width:100%;min-width:0;background:transparent;color:#ddd;border:0;font:inherit;padding:6px 0;cursor:pointer}.tryon-options option{background:#111}.tryon-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.tryon-privacy{min-width:0}.tryon-consent{display:flex;align-items:center;gap:8px;font-size:11px;color:#bbb}.tryon-consent input{margin:0;width:15px;height:15px;accent-color:#eee;flex:none}.tryon-details{margin-top:6px;font-size:10px;color:#888}.tryon-details summary{cursor:pointer;display:list-item;width:fit-content}.tryon-details p{max-width:330px;margin:8px 0 0;line-height:1.8}.tryon-submit{border:1px solid #444}.tryon-status{font-size:11px;color:#aaa;margin:12px 0 0}.tryon-status:empty{display:none}.tryon-result{position:relative;margin:24px 0 0;padding-top:20px;border-top:1px solid #292929}.tryon-result>img{display:block;width:100%;height:auto}.tryon-result figcaption{font-size:10px;color:#888;margin-top:14px;padding-right:48px;min-height:32px}.tryon-result a{position:absolute;right:0;bottom:0}.tryon-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.tryon-dialog [hidden]{display:none!important}
@media(max-width:600px){.tryon-form{padding:18px}.tryon-pair{gap:10px}.tryon-pair img,.tryon-upload,.tryon-person:not([hidden])+.tryon-upload{height:190px}.tryon-person-panel{background:linear-gradient(#141414 0 190px,transparent 190px)}.tryon-options{gap:10px}.tryon-consent{font-size:10px}}

.tryon-mark{padding:0;font-size:12px;letter-spacing:.12em;font-weight:400;color:#eee}.tryon-bottom{justify-content:flex-end}

.tryon-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.tryon-body label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#aaa;border-bottom:1px solid #333;padding-bottom:8px}.tryon-body input{box-sizing:border-box;width:68px;background:transparent;border:0;color:#eee;font:inherit;text-align:right;padding:8px 0}.tryon-fit-note{font-size:10px;line-height:1.7;color:#888;margin:12px 0 0}

.tryon-options{grid-template-columns:1fr}