.tryon-main{padding-bottom:40px}.tryon-head{padding:28px 0 20px}.tryon-head__title{margin:0 0 6px;font-size:30px;line-height:1.15}.tryon-head__sub{margin:0;color:var(--color-text-secondary);font-size:14px}.tryon-studio{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}@media(max-width:900px){.tryon-studio{grid-template-columns:1fr}}.tryon-canvas{position:relative;display:flex;align-items:center;justify-content:center;margin-inline:auto;aspect-ratio:3 / 4;width:100%;max-height:40vh;border:1.5px dashed var(--color-border);border-radius:18px;background:var(--color-bg-secondary, rgba(255, 255, 255, .03));overflow:hidden;transition:border-color .15s}.tryon-canvas.has-image{aspect-ratio:var(--tryon-ar, .75);width:min(100%,calc(var(--tryon-ar, .75) * 76vh));border-style:solid;border-color:var(--color-border);background:var(--color-bg)}.tryon-canvas__empty{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;height:100%;padding:24px;border:0;background:transparent;color:var(--color-text-secondary);cursor:pointer;justify-content:center}@media(hover:hover){.tryon-canvas__empty:hover{color:var(--color-text)}.tryon-canvas__empty:hover~.tryon-canvas__glow,.tryon-canvas:has(.tryon-canvas__empty:hover){border-color:var(--color-accent)}}.tryon-canvas__icon{color:var(--color-accent)}.tryon-canvas__title{font-size:15px;font-weight:600;color:var(--color-text)}.tryon-canvas__hint{font-size:12.5px;color:var(--color-text-tertiary);text-align:center}.tryon-canvas__img{display:block;width:100%;height:100%;object-fit:contain}.tryon-canvas__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0000008c;backdrop-filter:blur(2px);color:#fff;font-size:13.5px;text-align:center;padding:20px}.tryon-canvas__spinner{width:30px;height:30px;border:2.5px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:tryon-spin .9s linear infinite}@keyframes tryon-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tryon-canvas__spinner{animation-duration:2.4s}}.tryon-canvas__tools{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.tryon-chip-btn{padding:7px 14px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#0000008c;color:#fff;font-size:12.5px;cursor:pointer;backdrop-filter:blur(4px)}@media(hover:hover){.tryon-chip-btn:hover{border-color:#fff}}.tryon-panel{display:flex;flex-direction:column;gap:16px;padding:18px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-bg-secondary, rgba(255, 255, 255, .02))}.tryon-panel__section{display:flex;flex-direction:column;gap:10px}.tryon-panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.tryon-panel__title{margin:0;font-size:15px}.tryon-panel__counter{font-size:12.5px;color:var(--color-text-tertiary)}.tryon-panel__label{font-size:13px;color:var(--color-text-secondary)}.tryon-panel__opt{color:var(--color-text-tertiary)}.tryon-panel__actions{display:flex;gap:8px;flex-wrap:wrap}.tryon-garments{display:flex;flex-direction:column;gap:8px}.tryon-garments__empty{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:14px;border:1px dashed color-mix(in srgb,var(--color-accent) 55%,var(--color-border));border-radius:12px;background:color-mix(in srgb,var(--color-accent) 5%,transparent);color:var(--color-text-secondary);font-size:12.5px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.tryon-garments__empty-icon{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--color-accent);color:#fff;font-size:21px;line-height:1}.tryon-garments__empty strong,.tryon-garments__empty small{display:block}.tryon-garments__empty strong{color:var(--color-text);font-size:13px}.tryon-garments__empty small{margin-top:2px;color:var(--color-text-tertiary);font-size:11.5px}@media(hover:hover){.tryon-garments__empty:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-text)}}.tryon-garments__empty.is-compact{padding:8px 12px;justify-content:flex-start}.tryon-garments__empty.is-compact .tryon-garments__empty-icon{width:22px;height:22px;font-size:16px}.tryon-garments__empty.is-compact strong{font-size:12.5px}.tryon-garment{position:relative;display:flex;gap:10px;padding:8px 30px 8px 8px;border:1px solid var(--color-border);border-radius:12px}.tryon-garment.is-loading{opacity:.75}.tryon-garment__preview{width:56px;height:72px;padding:0;border:0;border-radius:8px;background:var(--color-bg);overflow:hidden;flex:none;cursor:zoom-in}.tryon-garment__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .15s,opacity .15s}@media(hover:hover){.tryon-garment__preview:hover .tryon-garment__img{transform:scale(1.04);opacity:.9}}.tryon-garment__body{display:flex;flex-direction:column;gap:6px;min-width:0}.tryon-garment__slot{font-size:12px;color:var(--color-text-tertiary)}.tryon-garment__warn{font-size:11.5px;color:var(--color-warning, #e0a92a)}.tryon-garment__chips{display:flex;flex-wrap:wrap;gap:5px}.tryon-detail{padding:4px 9px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-secondary);font-size:11.5px;cursor:pointer;transition:border-color .15s,color .15s}@media(hover:hover){.tryon-detail:hover{border-color:var(--color-border-hover);color:var(--color-text)}}.tryon-detail.is-active{border-color:var(--color-accent);color:var(--color-accent)}.tryon-garment__remove{position:absolute;top:6px;right:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--color-text-tertiary);cursor:pointer}@media(hover:hover){.tryon-garment__remove:hover{color:var(--color-text);background:var(--color-bg)}}.tryon-url{display:flex;gap:6px}.tryon-url__input,.tryon-input{flex:1 1 auto;min-width:0;height:38px;padding:0 12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);color:var(--color-text);font-size:13.5px}.tryon-url__input:focus,.tryon-input:focus{outline:none;border-color:var(--color-accent)}.tryon-url__input:disabled{opacity:.6}.tryon-url{position:relative}.tryon-url.is-loading .tryon-url__input{padding-right:36px}.tryon-url__spin{position:absolute;top:50%;right:12px;width:15px;height:15px;margin-top:-8px;border:2px solid color-mix(in srgb,var(--color-accent) 35%,transparent);border-top-color:var(--color-accent);border-radius:50%;opacity:0;pointer-events:none}.tryon-url.is-loading .tryon-url__spin{opacity:1;animation:tryon-url-spin .8s linear infinite}@keyframes tryon-url-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tryon-url.is-loading .tryon-url__spin{animation-duration:2.4s}}.tryon-url__status{margin:6px 0 0;font-size:12px;color:var(--color-text-secondary)}.tryon-note-box{display:flex;flex-direction:column;gap:10px}.tryon-note-toggle{align-self:flex-start;padding:0;border:0;background:none;color:var(--color-text-secondary);font-size:13px;line-height:1.4;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}@media(hover:hover){.tryon-note-toggle:hover{color:var(--color-accent)}}.tryon-run{display:flex;flex-direction:column;gap:8px}.tryon-run__btn{width:100%}.tryon-run__quota,.tryon-run__error{margin:0;font-size:12px}.tryon-run__quota{color:var(--color-text-secondary)}.tryon-run__error{color:var(--color-danger, #ff6b6b)}@media(max-width:900px){.tryon-run{position:sticky;bottom:0;z-index:2;padding:10px 0 4px;background:linear-gradient(transparent,var(--color-bg) 22%)}}.tryon-history{margin-top:34px}.tryon-history__title{margin:0 0 14px;font-size:18px}.tryon-history__empty{margin:0;color:var(--color-text-tertiary);font-size:13px}.tryon-history__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.tryon-shot{position:relative;border-radius:14px;overflow:hidden;background:var(--color-bg-secondary, rgba(255, 255, 255, .04));cursor:pointer}.tryon-shot.is-loading,.tryon-shot__stub,.tryon-shot__img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover}.tryon-shot__stub{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:12.5px;cursor:default}.tryon-shot__garments{position:absolute;left:8px;bottom:8px;display:flex;gap:4px}.tryon-shot__garments img{width:28px;height:28px;object-fit:cover;border-radius:6px;border:1.5px solid rgba(255,255,255,.8)}.tryon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}@media(max-width:600px){.tryon-grid{grid-template-columns:repeat(2,1fr)}}.tryon-item{display:flex;flex-direction:column;gap:6px;padding:0;border:1px solid var(--color-border);border-radius:12px;background:transparent;color:var(--color-text);cursor:pointer;overflow:hidden;transition:border-color .15s}.tryon-item.is-loading{aspect-ratio:3 / 4;background:var(--color-bg-secondary, rgba(255, 255, 255, .04));cursor:default}@media(hover:hover){.tryon-item:hover{border-color:var(--color-accent)}}.tryon-item__img{width:100%;aspect-ratio:3 / 4;object-fit:cover}.tryon-item__name{padding:0 8px 8px;font-size:12.5px;color:var(--color-text-secondary);text-align:left}.tryon-cats{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tryon-cat{padding:5px 11px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-secondary);font-size:12.5px;cursor:pointer;transition:border-color .15s,color .15s}@media(hover:hover){.tryon-cat:hover{border-color:var(--color-border-hover);color:var(--color-text)}}.tryon-cat.is-active{border-color:var(--color-accent);color:var(--color-accent)}.tryon-faq{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px 28px}.tryon-faq__item{padding:16px 0 0;border-top:1px solid var(--color-border)}.tryon-faq__q{margin:0 0 6px;color:var(--color-text);font-size:15px;font-weight:650}.tryon-faq__a{margin:0 0 16px;color:var(--color-text-secondary);font-size:13.5px;line-height:1.6}