.garment-link-trigger{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;max-width:100%;min-height:40px;padding:9px 12px;margin-top:9px;border:1px solid #dfd4ff;border-radius:13px;background:#f2ecff;color:#6242bd;font-family:inherit;font-weight:700;font-size:12px;line-height:1.35;white-space:normal}
.garment-link-trigger:hover{background:#e8ddff}.garment-link-trigger:disabled{opacity:.5;cursor:wait}
.garment-link-dialog{width:min(540px,calc(100% - 28px));box-sizing:border-box;padding:22px;overflow:auto;max-height:90dvh}
.garment-link-dialog .dialog-header{position:sticky;top:-22px;z-index:2;margin:-22px -22px 15px;padding:20px 22px 12px;background:#fff;gap:12px;align-items:flex-start}
.garment-link-dialog .dialog-header>div{min-width:0}.garment-link-dialog h2{font-size:26px;margin:6px 0 0;line-height:1.2}.garment-link-dialog .icon-button{flex:0 0 42px;width:42px;height:42px;border:1px solid #e7def5;background:#f6f2ff;color:#6242bd;font-size:27px}
.garment-link-kicker{font-size:9px;font-weight:800;letter-spacing:.12em;color:#7354c6}#garment-link-dialog .garment-link-help{font-size:13px;line-height:1.7;color:#777184}
.garment-link-tags{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 20px}.garment-link-tags span{background:#f1eaff;border:1px solid #e6dafa;color:#7353ad;padding:6px 9px;border-radius:8px;font-size:10px}
#garment-link-form{display:grid;gap:10px;min-width:0}#garment-link-form label{font-size:12px;font-weight:700}#garment-link-url{box-sizing:border-box;min-width:0;width:100%;max-width:100%;font-size:16px;border:1px solid #d9ccee;background:#faf8ff;border-radius:13px;padding:13px}
.garment-link-dialog .primary{background:#d0ff31;color:#202920;border:0;font-weight:700;width:100%;min-width:0;white-space:normal;font-size:13px;line-height:1.4;min-height:46px;border-radius:13px;padding:12px}#garment-link-dialog .garment-link-note{font-size:11px;line-height:1.7;color:#81768e}.garment-link-result-title{font-size:16px;font-weight:800;margin-bottom:5px}
#garment-link-status{font-size:12px;line-height:1.6;background:#f0e9ff;color:#6847b2;padding:12px;border-radius:12px;overflow-wrap:anywhere}#garment-link-status[data-error=true]{background:#fff0ed;color:#98493e}
#garment-link-images{display:flex;gap:8px;margin:14px 0;min-width:0}#garment-link-images button{min-width:0;flex:1;border:2px solid #e3d6f4;border-radius:13px;background:#f5f0fc;padding:4px;overflow:hidden}#garment-link-images button[aria-pressed=true]{border-color:#9765e7;background:#ece0ff;box-shadow:0 0 0 2px #eee6ff}#garment-link-images img{display:block;width:100%;height:190px;object-fit:contain;border-radius:8px}#garment-link-images button:only-child img{height:240px}
.garment-link-file{display:block;margin:16px auto 0;border:0;background:none;color:#6c48c0;font-size:12px;padding:10px;min-height:40px}.garment-link-dialog button:focus-visible,.garment-link-trigger:focus-visible{outline:3px solid #9c73e5;outline-offset:3px}
@media(max-width:420px){.garment-link-dialog{padding:16px}.garment-link-dialog .dialog-header{top:-16px;margin:-16px -16px 12px;padding:16px}.garment-link-dialog h2{font-size:23px}#garment-link-images img{height:150px}.garment-link-trigger{font-size:11px;padding:9px 6px}}