.hd-demo{aspect-ratio:660/520;width:100%;max-width:660px;margin-inline:auto;position:relative;container-type:inline-size}.hd-demo .hd-kit-stage{transform-origin:0 0;isolation:isolate;width:660px;height:520px;transform:scale(calc(100cqw / 660px));--hd-kit-ink-1:#f0f0f0;--hd-kit-ink-2:#e8e8e8;--hd-kit-ink-3:#dedede;font-family:var(--hd-kit-font);letter-spacing:normal;word-spacing:normal;text-align:start;text-indent:0;text-transform:none;white-space:normal;font-size:16px;font-style:normal;font-weight:400;line-height:normal;position:absolute;inset:0 auto auto 0}.hd-demo *,.hd-demo :before,.hd-demo :after{box-sizing:border-box}.hd-demo :is(img,svg){max-width:none}.hd-demo .hd-kit-window{background:var(--hd-kit-canvas);border-radius:var(--hd-kit-radius-window);flex-direction:column;display:flex;overflow:hidden}.hd-demo .hd-kit-window__bar{background:var(--hd-kit-chrome);border-bottom:1px solid var(--hd-kit-line);flex-shrink:0;align-items:center;gap:6px;height:38px;padding:0 14.5px;display:flex}.hd-demo .hd-kit-window__lights{flex-shrink:0;gap:6px;display:flex}.hd-demo .hd-kit-window__lights i{background:#bac8da80;border-radius:50%;width:9px;height:9px}.hd-demo .hd-kit-window__spacer{flex:1}.hd-demo .hd-kit-window__body{flex:1;min-height:0;position:relative}.hd-demo .hd-kit-bar{min-width:0;max-width:100%;display:block}.hd-demo .hd-kit-text{white-space:nowrap}.hd-demo .hd-kit-thread{min-height:0;font-size:var(--hd-kit-thread-size,13px);letter-spacing:-.01em;flex-direction:column;justify-content:flex-end;line-height:1.55;display:flex}.hd-demo .hd-kit-bubble-row{justify-content:flex-end;display:flex;position:relative}.hd-demo .hd-kit-bubble{max-width:75%;color:var(--hd-kit-text-strong);background:var(--hd-kit-ink-1);overflow-wrap:break-word;border-radius:1.2em;padding:.5em .9em;position:relative}.hd-demo .hd-kit-cursor{z-index:100;pointer-events:none;will-change:transform;transition:opacity .25s;position:absolute;top:0;left:0}.hd-demo .hd-kit-cursor[data-idle]{opacity:0;transition-duration:.6s}.hd-demo .hd-kit-cursor__press{transform-origin:0 0;transition:transform .26s cubic-bezier(.22,1,.36,1);display:grid}.hd-demo .hd-kit-cursor[data-pressed=true] .hd-kit-cursor__press{transition:transform 80ms ease-out;transform:scale(.9)}.hd-demo .hd-kit-cursor__glyph{opacity:0;grid-area:1/1;transition:transform .2s,opacity .2s;transform:scale(0)}.hd-demo .hd-kit-cursor[data-kind=pointer] [data-glyph=pointer],.hd-demo .hd-kit-cursor[data-kind=ibeam] [data-glyph=ibeam]{opacity:1;transform:scale(1)}.hd-demo .hd-kit-cursor__glyph svg{filter:drop-shadow(0 1px 2px #0000004d);display:block}.hd-demo .hd-kit-cursor__arrow path{fill:#191919;stroke:#fff;stroke-width:1.6px;stroke-linejoin:round;paint-order:stroke}.hd-demo .hd-kit-cursor__arrow{filter:drop-shadow(0 1px 1.5px #0000002e)}.hd-demo .hd-kit-ripple{z-index:99;border:1.5px solid var(--hd-kit-accent);background:color-mix(in srgb,var(--hd-kit-accent) 10%,transparent);pointer-events:none;border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;animation:.55s cubic-bezier(.25,.8,.25,1) forwards hd-kit-ripple;position:absolute}@keyframes hd-kit-ripple{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}.hd-demo [data-paused=true] *{animation-play-state:paused!important}.hd-demo [data-still=true] *,.hd-demo [data-still=true] :before{transition:none!important;animation:none!important}@media (max-width:767px){.hd-demo{aspect-ratio:358/612;max-width:358px}.hd-demo .hd-kit-stage{width:358px;height:612px;transform:scale(calc(100cqw / 358px))}}@media (prefers-reduced-motion:reduce){.hd-demo *,.hd-demo :before{transition:none!important;animation:none!important}}
.hd-demo .hd-kit-stage{--hd-kit-canvas:#fff;--hd-kit-chrome:#fafafa;--hd-kit-line:#e5e5e5;--hd-kit-accent:#191919;--hd-kit-font:var(--font-sans), -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--hd-kit-radius-window:10px;--hd-ink:#191919;--hd-muted:#666;--hd-line:#e5e5e5;--hd-raised:#f5f5f5;--hd-edge:#0000001f;background:0 0;border-radius:10px;overflow:hidden}.hd-demo .hd-window{border:1px solid var(--hd-line);width:100%;height:100%;position:absolute;inset:0}.hd-demo .hd-app{height:100%;color:var(--hd-ink);grid-template-columns:252px 1fr;display:grid}.hd-demo .hd-order{border-right:1px solid var(--hd-line);flex-direction:column;gap:20px;padding:20px 16px 16px;display:flex}.hd-demo .hd-section{flex-direction:column;gap:10px;display:flex}.hd-demo .hd-label{white-space:nowrap;font-size:12.5px;font-weight:600;line-height:1.3}.hd-demo .hd-value{color:var(--hd-muted);font-weight:500}.hd-demo .hd-garment{align-items:center;gap:14px;display:flex}.hd-demo .hd-garment-lines{flex-direction:column;gap:9px;display:flex}.hd-demo .hd-slot{background:var(--hd-raised);width:84px;height:112px;box-shadow:inset 0 0 0 1px var(--hd-edge);border-radius:4px;flex:none;transition:transform .12s;position:relative;overflow:hidden}.hd-demo .hd-slot[data-pressed]{transform:scale(.97)}.hd-demo .hd-flat{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.hd-demo .hd-flat[data-on=true]{opacity:1}.hd-demo .hd-row{gap:5px;display:flex}.hd-demo .hd-pose{width:42px;height:56px;box-shadow:inset 0 0 0 1px var(--hd-edge);background:#ebebeb;border-radius:2px;flex:none;position:relative;overflow:hidden}.hd-demo .hd-pose .hd-layer{transition-duration:.35s}.hd-demo .hd-avatar,.hd-demo .hd-swatch{border-radius:999px;flex:none;transition:box-shadow .16s,transform .12s;display:block;position:relative}.hd-demo .hd-avatar{width:32px;height:32px}.hd-demo .hd-swatch{width:28px;height:28px}.hd-demo .hd-avatar img,.hd-demo .hd-swatch img{object-fit:cover;width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--hd-edge);border-radius:999px}.hd-demo .hd-swatch:after{content:"";box-shadow:inset 0 0 0 1px var(--hd-edge);border-radius:999px;position:absolute;inset:0}.hd-demo .hd-avatar[data-selected=true],.hd-demo .hd-swatch[data-selected=true]{box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--hd-ink)}.hd-demo .hd-avatar[data-pressed],.hd-demo .hd-swatch[data-pressed]{transform:scale(.92)}.hd-demo .hd-shoot{color:#8a8a8a;background:#e5e5e5;border-radius:4px;justify-content:center;align-items:center;gap:8px;height:42px;margin-top:auto;font-size:13.5px;font-weight:600;transition:background .2s,color .2s,transform .12s;display:flex}.hd-demo .hd-shoot[data-ready=true]{background:var(--hd-ink);color:#fff}.hd-demo .hd-shoot[data-busy=true]{background:#3a3a3a}.hd-demo .hd-shoot[data-pressed]{transform:scale(.98)}.hd-demo .hd-shots{background:var(--hd-raised);grid-template-columns:repeat(2,160px);grid-auto-rows:213px;place-content:center;gap:12px;display:grid}.hd-demo .hd-shot{background:#ebebeb;border-radius:2px;position:relative;overflow:hidden}.hd-demo .hd-shot:after{content:"";box-shadow:inset 0 0 0 1px var(--hd-edge);pointer-events:none;border-radius:2px;position:absolute;inset:0}.hd-demo .hd-layer{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.hd-demo .hd-layer[data-on=true]{opacity:1}.hd-demo .hd-result{transition-duration:.6s}.hd-demo .hd-working{opacity:0;background:linear-gradient(100deg,#fff0 30%,#ffffff8c 50%,#fff0 70%) 0 0/250% 100%,#ffffff59;transition:opacity .25s;animation:1.3s linear infinite hd-sweep;position:absolute;inset:0}.hd-demo .hd-working[data-on=true]{opacity:1}.hd-demo .hd-spinner{border:2px solid #d4d4d4;border-top-color:var(--hd-ink);opacity:0;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;transition:opacity .16s;animation:.8s linear infinite hd-spin;position:absolute;top:50%;left:50%}.hd-demo .hd-spinner[data-on=true]{opacity:1}.hd-demo .hd-spinner-light{border-color:#fff #ffffff59 #ffffff59;width:14px;height:14px;margin:0;display:none;position:static}.hd-demo .hd-spinner-light[data-on=true]{display:block}@media (max-width:767px){.hd-demo .hd-kit-window__bar{display:none}.hd-demo .hd-app{flex-direction:column;display:flex}.hd-demo .hd-order{border-right:0;border-bottom:1px solid var(--hd-line);grid-template-rows:auto auto auto;grid-template-columns:72px 1fr;gap:12px 14px;padding:14px 12px 12px;display:grid}.hd-demo .hd-order>.hd-section:first-child{grid-row:1/3}.hd-demo .hd-order>.hd-section:first-child .hd-label,.hd-demo .hd-garment-lines,.hd-demo .hd-order>.hd-section:nth-child(4){display:none}.hd-demo .hd-slot{width:72px;height:96px}.hd-demo .hd-section{gap:7px}.hd-demo .hd-avatar{width:30px;height:30px}.hd-demo .hd-swatch{width:26px;height:26px}.hd-demo .hd-row{gap:5px}.hd-demo .hd-shoot{grid-column:1/-1;height:40px;margin-top:0}.hd-demo .hd-shots{flex:1;grid-template-columns:repeat(2,144px);grid-auto-rows:192px;gap:10px}}@keyframes hd-spin{to{transform:rotate(360deg)}}@keyframes hd-sweep{0%{background-position:125% 0,0 0}to{background-position:-125% 0,0 0}}