.tryon-page{--tryon-ink:#101218;--tryon-muted:#6a7184;--tryon-line:#d9dde8;--tryon-navy:#1b2437;--tryon-gold:#c6a15b;--tryon-paper:#f3f4f8;background:radial-gradient(ellipse 80% 50% at 100% 0%,color-mix(in srgb,var(--tryon-gold)18%,transparent),transparent 55%),linear-gradient(180deg,#fafafb 0%,var(--tryon-paper)40%,#fff 100%);min-height:70vh}.tryon-hero{max-width:1120px;margin:0 auto;padding:40px 20px 20px}.tryon-hero .site-eyebrow{color:var(--tryon-gold);letter-spacing:.06em;margin:0 0 8px;font-size:.78rem}.tryon-hero h1{color:var(--tryon-navy);letter-spacing:-.02em;margin:0 0 10px;font-size:max(1.6rem,min(3.5vw,2.35rem));font-weight:800}.tryon-hero p{max-width:42rem;color:var(--tryon-muted);margin:0;font-size:.95rem;line-height:1.7}.tryon-layout{gap:20px;max-width:1120px;margin:0 auto;padding:0 20px 48px;display:grid}@media (min-width:960px){.tryon-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);align-items:start}}.tryon-stage{aspect-ratio:3/4;background:#0d1118;border-radius:18px;max-height:min(72vh,720px);position:relative;overflow:hidden;box-shadow:0 18px 50px rgba(16,18,24,.18)}@media (min-width:720px){.tryon-stage{aspect-ratio:4/3}}.tryon-stage video,.tryon-stage .tryon-still,.tryon-stage canvas{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.tryon-stage video,.tryon-stage .tryon-still,.tryon-stage canvas,.tryon-stage .tryon-gl{transform:scaleX(-1)}.tryon-stage canvas,.tryon-stage .tryon-gl{pointer-events:none;z-index:2}.tryon-stage-empty{text-align:center;color:#c9d0dc;z-index:1;place-content:center;gap:8px;padding:24px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.tryon-stage-empty strong{color:#fff;font-size:1.05rem}.tryon-stage-empty span{opacity:.75;max-width:28rem;margin:0 auto;font-size:.85rem}.tryon-badge{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(15,20,30,.72);border-radius:999px;padding:6px 12px;font-size:.75rem;position:absolute;top:14px;right:14px}.tryon-badge.is-warn{background:rgba(140,60,40,.85)}.tryon-controls{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tryon-controls .btn{min-height:42px}.tryon-side{gap:14px;display:grid}.tryon-panel{border:1px solid var(--tryon-line);background:#fff;border-radius:16px;padding:16px}.tryon-panel h2{color:var(--tryon-navy);margin:0 0 12px;font-size:1rem}.tryon-frames{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;max-height:420px;padding:2px;display:grid;overflow:auto}.tryon-frame-card{border:1px solid var(--tryon-line);background:var(--tryon-paper);text-align:right;cursor:pointer;border-radius:12px;padding:8px;transition:border-color .15s,box-shadow .15s}.tryon-frame-card:hover{border-color:color-mix(in srgb,var(--tryon-gold)55%,var(--tryon-line))}.tryon-frame-card.is-on{border-color:var(--tryon-navy);box-shadow:0 0 0 2px color-mix(in srgb,var(--tryon-gold)45%,transparent)}.tryon-frame-card img{aspect-ratio:16/7;object-fit:contain;background:linear-gradient(45deg,#eceef3 25%,transparent 25%) 0 0/12px 12px,linear-gradient(-45deg,#eceef3 25%,transparent 25%) 0 0/12px 12px,#fff;border-radius:8px;width:100%;padding:6px;display:block}.tryon-frame-card em{color:var(--tryon-muted);margin-top:6px;font-size:.72rem;font-style:normal;display:block}.tryon-frame-card strong{color:var(--tryon-ink);font-size:.8rem;line-height:1.35;display:block}.tryon-selected{color:var(--tryon-muted);gap:6px;font-size:.88rem;display:grid}.tryon-selected b{color:var(--tryon-ink);font-size:1rem}.tryon-hint{color:var(--tryon-muted);margin:0;font-size:.8rem;line-height:1.6}.tryon-hidden-input{display:none}