@font-face{font-family:gg sans;src:url(gg-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:gg sans;src:url(gg-sans-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:gg sans;src:url(gg-sans-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:gg sans;src:url(gg-sans-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:dns-tempo;src:url(tempo-600.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:dns-sakura;src:url(sakura-400.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:dns-jellybean;src:url(jellybean-400.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:dns-modern;src:url(modern-500.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:dns-medieval;src:url(medieval-400.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:dns-8bit;src:url(8bit-400.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:dns-vampyre;src:url(vampyre-400.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:dns-monkey-bars;src:url(monkey-bars-700.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:dns-mainframe;src:url(mainframe-700.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:dns-headbang;src:url(headbang-400.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:dns-journal;src:url(journal-700.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.tryon-studio{--ts-bg: var(--x-surface-base);--ts-bg-raised: var(--x-surface-raised);--ts-panel: rgba(255, 255, 255, .04);--ts-line: var(--x-line-soft);--ts-white: var(--x-text);--ts-gray: var(--x-text-soft);--ts-gray-dim: var(--x-text-faint);--ts-danger: #f87171;--ts-radius: var(--x-radius-panel);background:var(--ts-bg);color:var(--ts-white);font-family:"gg sans",var(--x-font);padding:56px 20px 72px}.tryon-studio *,.tryon-studio *:before,.tryon-studio *:after{box-sizing:border-box}.tryon-studio button{font-family:inherit}.tryon-studio :is(button,[tabindex]):focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-studio__inner{max-width:1440px;margin:0 auto}.tryon-studio__header{text-align:center;margin-bottom:34px}.tryon-studio__heading{font-size:clamp(1.6rem,4vw,2.15rem);font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px}.tryon-studio__subheading{color:var(--ts-gray);font-size:.95rem;margin:0 0 22px}.tryon-steps{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--ts-gray-dim)}.tryon-steps__item{display:inline-flex;align-items:center;gap:7px;transition:color var(--x-dur-fast) var(--x-ease)}.tryon-steps__num{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;font-size:.68rem;line-height:1}.tryon-steps__item.is-done .tryon-steps__num,.tryon-steps__item.is-active .tryon-steps__num{border-color:var(--ts-accent);background:var(--ts-accent-soft);color:var(--ts-white)}.tryon-steps__item.is-active{color:var(--ts-white)}.tryon-steps__item.is-done{color:var(--ts-gray)}.tryon-steps__sep{width:26px;height:1px;background:var(--ts-line)}.tryon-layout{display:grid;grid-template-columns:minmax(280px,380px) minmax(372px,1fr) minmax(232px,338px);grid-template-areas:"stage catalog long";gap:28px;align-items:start}.tryon-stage{grid-area:stage}.tryon-catalog{grid-area:catalog}.tryon-longpreview{grid-area:long;position:sticky;top:calc(var(--header-height, 89px) + 21px);padding:16px;background:var(--ts-bg-raised);border:1px solid var(--ts-line);border-radius:var(--ts-radius)}.tryon-stage{position:sticky;top:calc(var(--header-height, 89px) + 21px);background:radial-gradient(120% 90% at 50% 0%,var(--ts-accent-soft),transparent 55%),var(--ts-bg-raised);border:1px solid var(--ts-line);border-radius:var(--ts-radius);overflow:hidden}.tryon-stage{--cta-top: 14px;--cta-h: 32px;--cta-gap: 10px}.tryon-stage__scene{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:340px;padding:calc(var(--cta-top) + var(--cta-h) + var(--cta-gap)) 24px 28px}.tryon-avatar{position:relative;width:var(--avatar-size, 210px);height:var(--avatar-size, 210px);isolation:isolate}.tryon-avatar__img{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;object-fit:cover;background:none;display:block}.tryon-avatar__img:not([src]),.tryon-avatar__img[src=""]{background:var(--x-surface-overlay)}.tryon-avatar__status{position:absolute;z-index:4;right:8.5%;bottom:8.5%;width:16%;height:16%;border-radius:50%;background:#43a25a;box-shadow:0 0 0 calc(var(--avatar-size, 210px) * .045) var(--avatar-ring, var(--ts-bg-raised))}.tryon-avatar__decoration{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;mix-blend-mode:var(--fx-blend, normal);transform:translate(var(--fx-x, 0%),var(--fx-y, 0%)) rotate(var(--fx-rot, 0deg)) scale(var(--fx-scale, 1.2));opacity:0;transition:opacity var(--x-dur-fast) var(--x-ease)}.tryon-avatar__decoration.is-visible{opacity:var(--fx-opacity, 1)}.tryon-avatar__decoration:not([src]){visibility:hidden}.tryon-avatar-edit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;opacity:0;transition:opacity var(--x-dur-fast) var(--x-ease)}.tryon-avatar--profile:hover .tryon-avatar-edit,.tryon-avatar-edit:focus-visible{opacity:1}.tryon-avatar-edit svg{width:26%;height:26%}.tryon-nameplate{display:flex;position:relative;align-items:center;gap:13px;width:min(100%,304px);aspect-ratio:16 / 3;padding:0 22px;border-radius:11px;overflow:hidden;background:#ffffff0d;isolation:isolate;direction:ltr}.tryon-nameplate__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.3) 31%,rgb(0,0,0) 57%);mask-image:linear-gradient(to right,#0000004d 31%,#000 57%)}.tryon-nameplate__media :is(img,video){position:absolute;top:0;right:0;height:100%;width:auto;min-width:100%;max-width:none;object-fit:cover;object-position:100% 50%;display:block;opacity:.9}.tryon-avatar--nameplate{--avatar-size: 43px;flex-shrink:0}.tryon-nameplate__name{font-weight:500;font-size:1.0625rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tryon-profile{--profile-gradient-primary-color: #585a64;--profile-gradient-secondary-color: #585a64;--profile-gradient-overlay-color: rgba(0, 0, 0, .6);--profile-gradient-button-color: #5865f2;--composer-bg: rgba(255, 255, 255, .12);--composer-ink: rgba(255, 255, 255, .76);--profile-text: #f5f5f5;--profile-text-muted: #fcfcfc;--profile-text-bio: #f5f5f5;--card-bg: color-mix(in srgb, var(--profile-gradient-primary-color) 40%, #000);--banner-h: min(105px, calc((100cqw - var(--theme-frame) * 2) * 7 / 20));--avatar-size: 80px;--avatar-x: 14px;--avatar-gap: 6px;--avatar-hole: calc(var(--avatar-size) / 2 + var(--avatar-gap));--body-pad: 16px;--theme-frame: 2px;display:block;position:relative;width:min(100%,304px);padding:var(--theme-frame);border-radius:8px;background:linear-gradient(180deg,var(--profile-gradient-primary-color) var(--banner-h),var(--profile-gradient-secondary-color) 100%);box-shadow:0 0 0 1px #ffffff14,0 12px 24px #0000003d;overflow:hidden;isolation:isolate;text-align:initial;direction:ltr}.tryon-profile:before{content:"";position:absolute;inset:var(--theme-frame);z-index:0;border-radius:6px;background:var(--profile-gradient-overlay-color);pointer-events:none}.tryon-profile__banner{position:relative;z-index:1;height:var(--banner-h);border-radius:6px 6px 0 0;background-color:var(--user-banner-color, transparent);background-image:var(--user-banner-image, linear-gradient(135deg, #5865f2, #2b2d63 70%, #1e1f22));background-position:var(--user-banner-pos, center);background-size:var(--user-banner-size, cover);background-repeat:no-repeat;--hole-x: calc(var(--avatar-x) + var(--avatar-size) / 2);-webkit-mask-image:radial-gradient(var(--avatar-hole) at var(--hole-x) calc(100% - var(--avatar-gap)),transparent 0,transparent calc(var(--avatar-hole) - .5px),#000 var(--avatar-hole));mask-image:radial-gradient(var(--avatar-hole) at var(--hole-x) calc(100% - var(--avatar-gap)),transparent 0,transparent calc(var(--avatar-hole) - .5px),#000 var(--avatar-hole))}.tryon-banner-edit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:none;border-radius:inherit;background:#0000008c;color:#fff;cursor:pointer;opacity:0;transition:opacity var(--x-dur-fast) var(--x-ease)}.tryon-profile__banner:hover .tryon-banner-edit,.tryon-banner-edit:focus-visible{opacity:1}.tryon-banner-edit svg{width:24px;height:24px}.tryon-profile__body{position:relative;z-index:3;padding:0 var(--body-pad) var(--body-pad)}.tryon-avatar--profile{--avatar-ring: var(--card-bg);width:var(--avatar-size);height:var(--avatar-size);margin-top:calc(-1 * var(--avatar-hole));margin-left:calc(var(--avatar-x) - var(--body-pad));margin-bottom:10px}.tryon-avatar--profile .tryon-avatar__status{box-shadow:0 0 0 calc(var(--avatar-size) * .055) var(--avatar-ring, var(--card-bg))}.tryon-profile__names{margin-bottom:10px}.tryon-profile__display-name[contenteditable],.tryon-profile__username[contenteditable]{cursor:text;border-radius:5px;padding:0 4px;margin-inline-start:-4px;max-width:100%;overflow:hidden;white-space:nowrap;transition:background var(--x-dur-fast) var(--x-ease)}.tryon-profile__display-name[contenteditable]:hover,.tryon-profile__username[contenteditable]:hover{background-color:#ffffff12}.tryon-profile__display-name[contenteditable]:focus,.tryon-profile__username[contenteditable]:focus{outline:1.5px dashed var(--ts-accent);outline-offset:1px;background-color:#ffffff0d}.tryon-profile__display-name,.tryon-nameplate__name{font-family:var(--dns-font, inherit);letter-spacing:var(--dns-spacing, normal)}.tryon-profile__display-name{display:block;width:fit-content;max-width:100%;font-size:1.25rem;font-weight:700;line-height:1.2;color:var(--profile-text)}.tryon-profile__idrow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;row-gap:4px;min-width:0}.tryon-profile__username{font-size:.875rem;line-height:1.2857;font-weight:400;color:var(--profile-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tryon-profile__tag{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;height:24px;padding:0 8px;border-radius:8px;background:var(--tag-bg, rgba(151, 151, 159, .12));box-shadow:inset 0 0 0 1px var(--tag-line, rgba(104, 102, 100, .04));font-size:.75rem;line-height:1.333;color:var(--tag-ink, rgba(255, 255, 255, .96))}.tryon-profile__tag[hidden]{display:none}.tryon-profile__tag-badge{width:14px;height:14px;display:block}.tryon-profile__badges{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;flex:0 1 auto;max-width:100%}.tryon-profile__badge{width:18px;height:18px;display:block;object-fit:contain}.tryon-profile__badge[hidden]{display:none}.tryon-profile__badges{padding:2px;margin:-2px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background var(--x-dur-fast) var(--x-ease)}.tryon-profile__badges:focus-visible{outline:2px solid var(--ts-accent);outline-offset:1px}.tryon-profile__badges:empty{display:none}.tryon-badges{width:min(100%,304px);display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--ts-radius);background:var(--ts-panel);border:1px solid var(--ts-line)}.tryon-badges[hidden]{display:none}.tryon-badges__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tryon-badges__title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ts-gray)}.tryon-badges__actions{display:inline-flex;align-items:center;gap:6px}.tryon-badges__clear{padding:4px 8px;border:1px solid var(--ts-line);border-radius:6px;background:transparent;color:var(--ts-gray);font-family:inherit;font-size:.72rem;cursor:pointer;transition:color var(--x-dur-fast) var(--x-ease),border-color var(--x-dur-fast) var(--x-ease)}.tryon-badges__clear:hover:not(:disabled){color:var(--ts-white);border-color:var(--ts-gray)}.tryon-badges__clear:disabled{opacity:.4;cursor:default}.tryon-badges__clear:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-badges__grid{display:flex;flex-wrap:wrap;gap:5px;max-height:172px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 14px),transparent 100%)}.tryon-badges__grid::-webkit-scrollbar{display:none}.tryon-panel-x{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid var(--ts-line);border-radius:6px;background:transparent;color:var(--ts-gray);cursor:pointer;transition:color var(--x-dur-fast) var(--x-ease),border-color var(--x-dur-fast) var(--x-ease)}.tryon-panel-x:hover{color:var(--ts-white);border-color:var(--ts-gray)}.tryon-panel-x:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-panel-x svg{width:12px;height:12px;display:block}.tryon-badges__grid{display:flex;flex-wrap:wrap;gap:5px;max-height:172px;overflow-y:auto;overscroll-behavior:contain}@supports not selector(::-webkit-scrollbar){.tryon-badges__grid{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}}.tryon-badges__grid::-webkit-scrollbar{width:4px}.tryon-badges__grid::-webkit-scrollbar-track{background:transparent}.tryon-badges__grid::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:2px}.tryon-badges__grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.tryon-badges__opt{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--ts-line);border-radius:8px;background:#00000040;cursor:pointer;opacity:.45;transition:opacity var(--x-dur-fast) var(--x-ease),border-color var(--x-dur-fast) var(--x-ease)}.tryon-badges__opt[aria-pressed=true]{opacity:1;border-color:var(--ts-accent)}.tryon-badges__opt:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-badges__opt img{width:20px;height:20px;display:block;object-fit:contain}.tryon-profile__bio{margin:10px 0 0;font-size:.875rem;line-height:1.2857;color:var(--profile-text-bio)}.tryon-profile__bio,.tryon-bio-edit__input{box-sizing:border-box;padding:0 4px;border:0;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere}.tryon-profile__bio,.tryon-bio-edit{margin-inline:-4px}.tryon-profile__bio{cursor:text;transition:background-color var(--x-dur-fast) var(--x-ease)}.tryon-profile__bio:hover{background-color:#ffffff12}.tryon-studio .tryon-profile__bio:focus-visible{outline:1.5px dashed var(--ts-accent);outline-offset:1px}.tryon-bio-edit{position:relative;margin-top:10px}.tryon-bio-edit__input{display:block;width:100%;min-height:0;margin:0;background:#ffffff0d;box-shadow:none;color:var(--profile-text-bio);font:inherit;font-size:.875rem;line-height:1.2857;overflow:hidden;resize:none;outline:1.5px dashed var(--ts-accent);outline-offset:1px}.tryon-bio-edit__input:focus{outline:1.5px dashed var(--ts-accent);outline-offset:1px}.tryon-bio-edit__input[hidden]{display:none}.tryon-bio-edit__input::placeholder,.tryon-bio-edit__rich:empty:before{color:var(--composer-ink, rgba(255, 255, 255, .76));opacity:.7}.tryon-bio-edit__rich:empty:before{content:attr(data-placeholder);pointer-events:none}.tryon-bio-edit__rich{min-height:1.2857em;cursor:text}.tryon-bio-edit__count{position:absolute;top:100%;inset-inline-end:2px;margin-top:5px;font-size:.6875rem;line-height:1;color:var(--composer-ink, rgba(255, 255, 255, .76));pointer-events:none}.tryon-bio-edit__count.is-over{color:var(--ts-accent)}:is(.tryon-profile__bio,.tryon-bio-edit__rich) :is(b,strong){font-weight:700}:is(.tryon-profile__bio,.tryon-bio-edit__rich) :is(i,em){font-style:italic}:is(.tryon-profile__bio,.tryon-bio-edit__rich) u{text-decoration:underline}:is(.tryon-profile__bio,.tryon-bio-edit__rich) :is(s,strike,del){text-decoration:line-through}:is(.tryon-profile__bio,.tryon-bio-edit__rich) u :is(s,strike,del),:is(.tryon-profile__bio,.tryon-bio-edit__rich) :is(s,strike,del) u{text-decoration:underline line-through}:is(.tryon-profile__bio,.tryon-bio-edit__rich) code{margin:-.2em 0;padding:0 .2em;border:1px solid rgba(151,151,160,.2);border-radius:4px;background:#5966f214;color:inherit;font-family:gg mono,Source Code Pro,Consolas,Andale Mono WT,Andale Mono,Lucida Console,Menlo,monospace;font-size:85%;white-space:pre-wrap}:is(.tryon-profile__bio,.tryon-bio-edit__rich) blockquote{position:relative;box-sizing:border-box;max-width:90%;min-height:1.2857em;margin:4px 0;padding:0;padding-inline:16px 8px;border:0;font:inherit;color:color-mix(in srgb,currentColor 80%,transparent)}:is(.tryon-profile__bio,.tryon-bio-edit__rich) blockquote:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;border-radius:4px;background:color-mix(in srgb,currentColor 34%,transparent)}.tryon-bio-spoiler{border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.tryon-profile__bio .tryon-bio-spoiler{background:#7d7f86;color:transparent}.tryon-profile__bio .tryon-bio-spoiler *{visibility:hidden}.tryon-bio-edit__rich .tryon-bio-spoiler{background:var(--composer-bg, rgba(255, 255, 255, .12))}.tryon-bio-tools{position:fixed;top:0;left:0;z-index:var(--x-z-dropdown);display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--x-radius-control);background:#111214;box-shadow:0 8px 16px #00000052;direction:ltr}.tryon-bio-tools[hidden]{display:none}.tryon-bio-tools__btn{display:grid;place-items:center;width:30px;height:30px;margin:0;padding:0;border:0;border-radius:4px;background:none;color:#b5bac1;font-family:inherit;font-size:.9375rem;line-height:1;cursor:pointer;transition:background var(--x-dur-fast) var(--x-ease),color var(--x-dur-fast) var(--x-ease)}.tryon-bio-tools__btn:hover,.tryon-bio-tools__btn[aria-pressed=true]{background:#ffffff1a;color:#fff}.tryon-bio-tools__btn svg{width:18px;height:18px}.tryon-bio-tools__btn b{font-weight:800}.tryon-bio-tools__sep{width:1px;height:18px;margin:0 4px;background:#ffffff24}@media screen and (max-width:1200px){textarea.tryon-bio-edit__input{font-size:1rem}}.tryon-profile__footer{position:relative;z-index:3;display:flex;align-items:center;padding:6px var(--body-pad) var(--body-pad)}.tryon-composer{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:44px;padding:0 15px;border-radius:8px;background:var(--composer-bg, rgba(255, 255, 255, .12));pointer-events:none}.tryon-composer__ph{flex:1;min-width:0;font-size:1rem;line-height:1.375;color:var(--composer-ink, rgba(255, 255, 255, .76));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tryon-composer__emoji{flex:0 0 auto;width:22px;height:22px;color:var(--composer-ink, rgba(255, 255, 255, .76))}.tryon-profile__effect{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;mix-blend-mode:var(--fx-blend, normal);opacity:var(--fx-opacity, 1);transform:translate(var(--fx-x, 0%),var(--fx-y, 0%)) rotate(var(--fx-rot, 0deg)) scale(var(--fx-scale, 1))}.tryon-profile__effect.is-layer-banner{z-index:2;height:var(--banner-h)}.tryon-profile__effect>:is(img,video){width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.tryon-effect-canvas{position:absolute;top:0;left:0;width:100%;aspect-ratio:450 / 880}.tryon-effect-canvas img{position:absolute;display:block}.tryon-frame-wrap{position:relative;width:min(100%,304px);container-type:inline-size}.tryon-frame-wrap .tryon-profile{position:relative;z-index:1;width:100%}.tryon-frame-layers{position:absolute;pointer-events:none}.tryon-frame-layers--back{z-index:0}.tryon-frame-layers--front{z-index:2}.tryon-frame-layers img{position:absolute;left:0;width:100%;display:block}.tryon-frame-layers .tryon-frame-staple--top{top:0}.tryon-frame-layers .tryon-frame-staple--bottom{bottom:0}.tryon-frame-layers .tryon-frame-staple--center,.tryon-frame-layers .tryon-frame-border{top:0;height:100%}.tryon-frame-rail{position:absolute;left:0;top:0;bottom:0;width:100%;background-size:100% 100%;background-repeat:no-repeat}.tryon-longpreview[hidden]{display:none}.tryon-longpreview__stage{position:relative;border-radius:var(--x-radius-card)}.tryon-longpreview__sample{position:relative;z-index:1;display:block;width:100%;border-radius:var(--x-radius-card)}.tryon-longpreview__sample--placeholder{aspect-ratio:9 / 16;background:linear-gradient(180deg,#5865f2,#2b2d63 30%,#232428 30.2%);border:1px solid var(--ts-line)}.tryon-longpreview .tryon-frame-layers--front{z-index:4}.tryon-longpreview__effect{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden;border-radius:var(--x-radius-card)}.tryon-longpreview__effect :is(img,video){width:100%;display:block}.tryon-theme{position:relative;width:min(100%,304px);display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--ts-radius);background:var(--ts-panel);border:1px solid var(--ts-line)}.tryon-theme__title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ts-gray)}.tryon-theme__tile{position:relative;align-self:center;width:min(100%,200px);aspect-ratio:1;border-radius:10px;background:linear-gradient(180deg,var(--profile-gradient-primary-color, #585a64),var(--profile-gradient-secondary-color, #585a64));box-shadow:inset 0 0 0 1px #ffffff14}.tryon-theme__swatch{position:absolute;left:50%;transform:translate(-50%);width:38px;height:38px;padding:0;border:3px solid #fff;border-radius:11px;background:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform var(--x-dur-fast) var(--x-ease)}.tryon-theme__swatch--primary{top:12%}.tryon-theme__swatch--accent{bottom:12%}.tryon-theme__swatch:hover{transform:translate(-50%) scale(1.08)}.tryon-theme__swatch::-webkit-color-swatch-wrapper{padding:0}.tryon-theme__swatch::-webkit-color-swatch{border:none;border-radius:8px}.tryon-theme__swatch::-moz-color-swatch{border:none;border-radius:8px}.tryon-theme__swatch:focus-visible,.tryon-theme__reset:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-theme__reset{position:absolute;top:10px;inset-inline-end:10px;padding:5px 10px;border:1px solid var(--ts-line);border-radius:6px;background:transparent;color:var(--ts-gray);font-family:inherit;font-size:.75rem;cursor:pointer;transition:color var(--x-dur-fast) var(--x-ease),border-color var(--x-dur-fast) var(--x-ease)}.tryon-theme__reset:hover{color:var(--ts-white);border-color:var(--ts-gray)}.tryon-dns{position:relative;width:min(100%,304px);display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--ts-radius);background:var(--ts-panel);border:1px solid var(--ts-line)}.tryon-dns__title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ts-gray)}.tryon-dns__label{display:block;margin-bottom:5px;font-size:1rem;color:var(--ts-gray)}.tryon-dns__fonts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.tryon-dns__font{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0;border:1px solid var(--ts-line);border-radius:7px;background:#00000040;color:var(--ts-white);font-size:2rem;line-height:1;cursor:pointer;overflow:hidden;transition:border-color var(--x-dur-fast) var(--x-ease)}.tryon-dns__font[aria-pressed=true]{border-color:var(--ts-accent)}.tryon-dns__font:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-dns__effects{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:5px}.tryon-dns__effect{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:6px;border:1px solid var(--ts-line);border-radius:7px;background-color:#00000040;color:var(--ts-white);font-family:inherit;font-size:1rem;font-weight:600;line-height:1.2;cursor:pointer;transition:border-color var(--x-dur-fast) var(--x-ease)}.tryon-dns__effect[aria-pressed=true]{border-color:var(--ts-accent)}.tryon-dns__effect:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-dns__effect[data-effect=gradient],.tryon-dns__effect[data-effect=prism]{-webkit-background-clip:text;background-clip:text;color:transparent;box-shadow:inset 0 0 0 100px #00000040}.tryon-dns__effect[data-effect=gradient]{background-image:linear-gradient(90deg,#4ade80,#22d3ee)}.tryon-dns__effect[data-effect=prism]{background-image:linear-gradient(90deg,#4ade80,#22d3ee,#a855f7,#ec4899,#f59e0b)}.tryon-dns__effect[data-effect=neon]{color:#b794f6;text-shadow:0 0 6px #b794f6}.tryon-dns__effect[data-effect=toon]{color:#f472b6;-webkit-text-stroke:.6px rgba(0,0,0,.9);paint-order:stroke fill}.tryon-dns__effect[data-effect=pop]{text-shadow:1.5px 1.5px 0 rgba(0,0,0,.6)}.tryon-dns__effect[data-effect=gummy]{color:#f472b6}.tryon-dns__colors{display:flex;gap:8px}.tryon-dns__color{width:44px;height:44px;padding:0;border:2px solid rgba(255,255,255,.85);border-radius:10px;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}.tryon-dns__color[hidden]{display:none}.tryon-dns__color::-webkit-color-swatch-wrapper{padding:0}.tryon-dns__color::-webkit-color-swatch{border:none;border-radius:5px}.tryon-dns__color::-moz-color-swatch{border:none;border-radius:5px}.tryon-dns__color:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-dns__surprise{align-self:flex-start;padding:5px 10px;border:1px solid var(--ts-line);border-radius:6px;background:transparent;color:var(--ts-gray);font-family:inherit;font-size:.75rem;cursor:pointer;transition:color var(--x-dur-fast) var(--x-ease),border-color var(--x-dur-fast) var(--x-ease)}.tryon-dns__surprise:hover{color:var(--ts-white);border-color:var(--ts-gray)}.tryon-dns__surprise:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}[data-dns-effect] :is(.tryon-profile__display-name,.tryon-nameplate__name){position:relative;z-index:0;perspective:1px;caret-color:var(--dns-main, #fff)}[data-dns-effect=solid] :is(.tryon-profile__display-name,.tryon-nameplate__name){color:var(--dns-main)}[data-dns-effect=gradient] :is(.tryon-profile__display-name,.tryon-nameplate__name){background-image:linear-gradient(to right bottom,var(--dns-c1) 10%,var(--dns-c2) 90%);background-size:100% auto;background-origin:content-box;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-dns-effect=prism] :is(.tryon-profile__display-name,.tryon-nameplate__name){background-image:linear-gradient(90deg,var(--dns-c1) 0%,var(--dns-c2) 20%,var(--dns-c3) 40%,var(--dns-c4) 60%,var(--dns-c5) 80%,var(--dns-c1) 100%);background-repeat:repeat;background-size:var(--dns-prism-cycle, 38px) auto;background-origin:content-box;background-position-x:0px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:tryon-prism-scroll 2s linear infinite forwards}@keyframes tryon-prism-scroll{0%{background-position-x:0px}to{background-position-x:calc(var(--dns-prism-cycle, 38px) * -1)}}[data-dns-effect=neon] :is(.tryon-profile__display-name,.tryon-nameplate__name){--neon-radius: calc(4px + .12em) ;color:#fff;paint-order:stroke;-webkit-text-stroke-width:calc(.04em + 1px);-webkit-text-stroke-color:var(--dns-neon-stroke);text-shadow:0 0 var(--neon-radius) var(--dns-main);margin:calc(var(--neon-radius) * -1);padding:var(--neon-radius);animation:tryon-neon-flicker 4s cubic-bezier(.24,.31,.36,.93) infinite forwards}@keyframes tryon-neon-flicker{0%,15%,18%,20%,23%,25%,50%{color:#fff}16%,22%,28%{color:var(--dns-neon-flash)}51%,to{color:#fff}}[data-dns-effect=toon] :is(.tryon-profile__display-name,.tryon-nameplate__name){--toon-w: calc(1.6px + .04em) ;color:var(--dns-toon-stroke);paint-order:stroke;-webkit-text-stroke-width:var(--toon-w);-webkit-text-stroke-color:var(--dns-toon-stroke);margin-inline:calc(var(--toon-w) * -1);margin-bottom:calc(var(--toon-w) * -1);padding-inline:var(--toon-w);padding-bottom:var(--toon-w)}[data-dns-effect=toon] :is(.tryon-profile__display-name,.tryon-nameplate__name):before{content:attr(data-name);position:absolute;top:0;right:0;bottom:0;left:0;padding-inline:var(--toon-w);pointer-events:none;background-image:linear-gradient(180deg,#fff 0,var(--dns-light2) 8%,var(--dns-light1) 15%,var(--dns-main) 25%,var(--dns-light2) 45%,var(--dns-main) 55%,#fff 75%,var(--dns-light2) 83%,var(--dns-light1) 90%,var(--dns-main) 100%);background-size:100% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0 transparent;overflow:hidden;white-space:nowrap;animation:tryon-toon-sweep 4s cubic-bezier(.44,.29,.48,1) infinite forwards}@keyframes tryon-toon-sweep{0%,5%{background-position:50% 0}55%,to{background-position:50% 100%}}[data-dns-effect=pop] :is(.tryon-profile__display-name,.tryon-nameplate__name){--pop-w: calc(1.2px + .04em) ;--pop-drop: .08em;color:#fff;display:inline-block;vertical-align:top;paint-order:stroke;-webkit-text-stroke-width:var(--pop-w);-webkit-text-stroke-color:var(--dns-dark2);margin-inline-start:calc(var(--pop-w) * -1);margin-bottom:calc(var(--pop-w) * -1 - var(--pop-drop));padding-inline-start:var(--pop-w);padding-bottom:calc(var(--pop-w) + var(--pop-drop));animation:tryon-pop-main 4s cubic-bezier(.44,.29,.48,1) infinite forwards}[data-dns-effect=pop] :is(.tryon-profile__display-name,.tryon-nameplate__name):before{content:attr(data-name);position:absolute;top:0;inset-inline-start:var(--pop-w);bottom:calc(var(--pop-drop) * -1 - var(--pop-w));width:calc(100% - var(--pop-w));margin-inline-start:calc(var(--pop-w) * -1);padding-inline-start:var(--pop-w);z-index:-1;color:var(--dns-main);pointer-events:none;background-image:linear-gradient(to bottom left,var(--dns-light1) 0,var(--dns-light1) 6%,var(--dns-main) 20%,var(--dns-main) 50%,var(--dns-light1) 56%,var(--dns-main) 70%,var(--dns-main) 100%);background-position:100% 0;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:var(--pop-w);-webkit-text-stroke-color:transparent;overflow:hidden;white-space:nowrap;transform:translate3d(0,var(--pop-drop),0);animation:tryon-pop-shadow 4s cubic-bezier(.44,.29,.48,1) infinite forwards}@keyframes tryon-pop-main{0%{transform:translateZ(0)}18%{transform:translate3d(0,-.05em,0)}35%{transform:translate3d(0,.08em,0)}50%,to{transform:translateZ(0)}}@keyframes tryon-pop-shadow{0%{background-position:100% 0;transform:translate3d(0,.08em,0)}18%{transform:translate3d(0,.13em,0)}35%{transform:translateZ(0)}50%,to{background-position:0 100%;transform:translate3d(0,.08em,0)}}[data-dns-effect=gummy] :is(.tryon-profile__display-name,.tryon-nameplate__name){--gummy-headroom: .12em;font-kerning:none;font-variant-ligatures:none;margin-block:calc(var(--gummy-headroom) * -1);padding-block:var(--gummy-headroom)}[data-dns-effect=gummy] .dns-l{display:inline-block;white-space:pre;animation:tryon-gummy-squish 4s cubic-bezier(.44,.29,.48,1) infinite forwards;animation-delay:calc(var(--dns-i, 0) * 50ms)}@keyframes tryon-gummy-squish{0%,35%,to{transform:scaleX(1) scaleY(1)}7%{transform:scaleX(1.28) scaleY(.72)}14%{transform:scaleX(.82) scaleY(1.18)}21%{transform:scaleX(1.1) scaleY(.9)}28%{transform:scaleX(.96) scaleY(1.04)}}@media(prefers-reduced-motion:reduce){[data-dns-effect] :is(.tryon-profile__display-name,.tryon-nameplate__name),[data-dns-effect] :is(.tryon-profile__display-name,.tryon-nameplate__name):before,[data-dns-effect=gummy] .dns-l{animation:none!important}}.tryon-stage__hint{min-height:1.2em;font-size:.85rem;color:var(--ts-gray);text-align:center}.tryon-upload{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid rgba(255,255,255,.25);color:var(--ts-white);padding:9px 18px;border-radius:var(--x-radius-control);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color var(--x-dur-fast) var(--x-ease),background var(--x-dur-fast) var(--x-ease)}.tryon-upload:hover{border-color:var(--ts-accent);background:var(--ts-accent-soft)}.tryon-upload svg{width:15px;height:15px}.tryon-stage__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.tryon-discord{background:#5865f2;border-color:#5865f2}.tryon-discord:hover:not(:disabled){background:#4752c4;border-color:#4752c4}.tryon-discord:disabled{opacity:.65;cursor:wait}.tryon-discord svg{width:17px;height:17px}.tryon-purchase{display:flex;flex-direction:column;gap:10px;padding:16px 20px;border-top:1px solid var(--ts-line);background:#00000040}.tryon-purchase__head{display:flex;align-items:center;gap:8px;color:var(--ts-white)}.tryon-purchase__cart{width:17px;height:17px;flex:0 0 auto;color:var(--ts-accent)}.tryon-purchase__title{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.tryon-purchase__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tryon-purchase__row{display:flex;align-items:center;gap:8px;min-width:0}.tryon-purchase__dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--dot, var(--ts-gray))}.tryon-purchase__row-name{flex:1;min-width:0;direction:ltr;font-size:.9rem;font-weight:600;color:var(--ts-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tryon-studio[dir=rtl] .tryon-purchase__row-name{text-align:right}.tryon-purchase__row-price{flex:0 0 auto;font-size:.85rem;color:var(--ts-gray)}.tryon-purchase__remove{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:5px;background:transparent;color:var(--ts-gray);font-size:.95rem;line-height:1;cursor:pointer;transition:color var(--x-dur-fast) var(--x-ease),background var(--x-dur-fast) var(--x-ease)}.tryon-purchase__remove:hover{color:var(--ts-white);background:#ffffff14}.tryon-purchase__total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--ts-line)}.tryon-purchase__total[hidden]{display:none}.tryon-purchase__total-label{font-size:.85rem;color:var(--ts-gray)}.tryon-purchase__price{font-size:1.05rem;font-weight:800;color:var(--ts-white)}.tryon-purchase__btn{flex-shrink:0;width:100%;background:linear-gradient(135deg,var(--ts-accent),color-mix(in srgb,var(--ts-accent) 78%,#000));color:var(--ts-white);border:none;padding:12px 24px;border-radius:var(--x-radius-control);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;box-shadow:0 6px 18px var(--ts-accent-soft);transition:transform var(--x-dur-fast) var(--x-ease),box-shadow var(--x-dur-fast) var(--x-ease)}.tryon-purchase__btn:hover:not(:disabled){transform:translateY(-1px)}.tryon-purchase__btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.tryon-purchase__error{display:none;padding:0 20px 14px;font-size:.8rem;color:var(--ts-danger)}.tryon-purchase__error.is-visible{display:block}.tryon-buybar{position:fixed;z-index:30;inset-inline:12px;bottom:calc(12px + var(--tryon-buybar-lift, 0px));display:none;flex-direction:column;gap:8px;padding:10px 12px;border-radius:var(--x-radius-control);border:1px solid var(--ts-line);background:#0e0e10f2;box-shadow:0 12px 30px #00000080;visibility:hidden;opacity:0;transform:translateY(130%);pointer-events:none;transition:transform var(--x-dur-base) var(--x-ease),opacity var(--x-dur-base) var(--x-ease),visibility var(--x-dur-base)}@media(max-width:860px){.tryon-buybar{display:flex}}.tryon-buybar.is-visible{visibility:visible;opacity:1;transform:none;pointer-events:auto}.tryon-buybar__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tryon-buybar__price{min-width:0;padding-inline-start:4px;font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tryon-buybar__btn{width:auto;flex:1 1 auto;min-width:0}.tryon-buybar__error{display:none;margin:0;padding-inline-start:4px;font-size:.8rem;color:var(--ts-danger)}.tryon-buybar__error.is-visible{display:block}.tryon-savebar{position:fixed;z-index:30;inset-inline:12px;bottom:var(--tryon-savebar-bottom, 12px);max-width:var(--tryon-savebar-width, 520px);margin-inline:auto;display:flex;align-items:center;gap:8px;padding-block:10px;padding-inline:16px 10px;border-radius:var(--x-radius-control);border:1px solid var(--ts-line);background:#0e0e10f2;box-shadow:0 12px 30px #00000080;visibility:hidden;opacity:0;transform:translateY(130%);pointer-events:none;transition:transform var(--x-dur-base) var(--x-ease),opacity var(--x-dur-base) var(--x-ease),visibility var(--x-dur-base)}.tryon-savebar.is-visible{visibility:visible;opacity:1;transform:none;pointer-events:auto}.tryon-editor:not([hidden])~.tryon-savebar{z-index:2147483000}.tryon-studio.has-unsaved .tryon-editor__body{padding-bottom:var(--tryon-savebar-clear, 84px)}.tryon-savebar__text{flex:1 1 auto;min-width:0;margin:0;font-size:.9rem;font-weight:500;color:var(--ts-white)}.tryon-savebar__btn{flex:0 0 auto;padding:9px 16px;border-radius:var(--x-radius-control);border:1px solid var(--ts-line);background:#00000040;color:var(--ts-white);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color var(--x-dur-fast) var(--x-ease)}.tryon-savebar__btn:hover{border-color:var(--ts-gray)}.tryon-savebar__btn:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-savebar__btn--save,.tryon-savebar__btn--save:hover{border-color:var(--ts-accent);background:var(--ts-accent)}.tryon-edit-cta{position:absolute;top:var(--cta-top);inset-inline-end:16px;z-index:6;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--ts-line);border-radius:999px;background:rgba(var(--ts-accent-rgb),.28);color:var(--ts-white);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color var(--x-dur-fast) var(--x-ease),background var(--x-dur-fast) var(--x-ease)}.tryon-edit-cta{border-color:rgba(var(--ts-accent-rgb),.55)}.tryon-edit-cta:hover{border-color:var(--ts-accent);background:rgba(var(--ts-accent-rgb),.45)}.tryon-edit-cta:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-edit-cta svg{width:14px;height:14px}.tryon-editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px 16px}.tryon-editor[hidden]{display:none}.tryon-editor__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}.tryon-editor__panel{position:relative;z-index:1;width:min(100%,500px);max-height:min(86vh,760px);display:flex;flex-direction:column;border:1px solid var(--ts-line);border-radius:var(--ts-radius);background:var(--ts-bg-raised);box-shadow:0 0 0 1px #0009,0 28px 70px #000000b3}.tryon-editor__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--ts-line)}.tryon-editor__title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ts-white)}.tryon-editor__body{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.tryon-editor__body::-webkit-scrollbar{display:none}.tryon-editor__body :is(.tryon-badges,.tryon-theme,.tryon-dns){width:100%}.tryon-media{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--ts-radius);background:var(--ts-panel);border:1px solid var(--ts-line)}.tryon-media__title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ts-gray)}.tryon-media__row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px}.tryon-media__tile{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:12px;border:1px solid var(--ts-line);border-radius:7px;background:#00000040;color:var(--ts-white);font-family:inherit;cursor:pointer;transition:border-color var(--x-dur-fast) var(--x-ease)}.tryon-media__tile:hover{border-color:color-mix(in srgb,var(--ts-accent) 50%,transparent)}.tryon-media__tile.is-pointed{border-color:var(--ts-accent);animation:tryon-media-pointed 1.6s var(--x-ease) both}@keyframes tryon-media-pointed{0%,55%{box-shadow:0 0 0 3px color-mix(in srgb,var(--ts-accent) 55%,transparent)}to{box-shadow:0 0 0 3px transparent}}.tryon-media__art{display:block;flex:none;margin-block:auto}.tryon-media__art--avatar{width:72px;height:72px;border-radius:50%;overflow:hidden}.tryon-media__art--banner{width:100%;aspect-ratio:20 / 7;border-radius:6px;background-color:var(--user-banner-color, transparent);background-image:var(--user-banner-image, linear-gradient(135deg, #5865f2, #2b2d63 70%, #1e1f22));background-position:var(--user-banner-pos, center);background-size:var(--user-banner-size, cover);background-repeat:no-repeat}.tryon-media__label{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--ts-gray);white-space:nowrap}.tryon-media__label svg{width:14px;height:14px;flex:none}.tryon-editor__body .tryon-badges[hidden]{display:flex}.tryon-editor__body .tryon-badges [data-badge-close]{display:none}@media(max-width:520px){.tryon-editor{padding:0}.tryon-editor__panel{width:100%;max-height:100%;height:100%;border:0;border-radius:0}}.tryon-crop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483001;display:flex;align-items:center;justify-content:center;padding:24px 16px}.tryon-crop[hidden]{display:none}.tryon-crop__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8}.tryon-crop__panel{position:relative;z-index:1;width:min(100%,460px);display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--ts-line);border-radius:var(--ts-radius);background:var(--ts-bg-raised);box-shadow:0 28px 70px #000000b3}.tryon-crop__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tryon-crop__title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ts-white)}.tryon-crop__stage{position:relative;overflow:hidden;height:300px;border-radius:10px;background:#00000073;touch-action:none;cursor:grab}.tryon-crop__stage.is-dragging{cursor:grabbing}.tryon-crop__img{position:absolute;top:50%;left:50%;transform-origin:0 0;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tryon-crop__window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #0009;border:2px solid rgba(255,255,255,.9);pointer-events:none}.tryon-crop__hint{margin:-6px 0 0;font-size:.78rem;color:var(--ts-gray);text-align:center}.tryon-crop__zoom{display:flex;align-items:center;gap:12px}.tryon-crop__zoomicon{width:16px;height:16px;color:var(--ts-gray);flex:0 0 auto}.tryon-crop__zoomicon--big{width:22px;height:22px}.tryon-crop__range{flex:1 1 auto;min-width:0;accent-color:var(--ts-accent)}.tryon-crop__actions{display:flex;align-items:center;gap:10px}.tryon-crop__spacer{flex:1 1 auto}.tryon-crop__actions button{padding:9px 16px;border-radius:var(--x-radius-control);border:1px solid var(--ts-line);background:#00000040;color:var(--ts-white);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color var(--x-dur-fast) var(--x-ease)}.tryon-crop__actions button:hover{border-color:var(--ts-gray)}.tryon-crop__reset{border-color:transparent!important;color:var(--ts-gray)!important}.tryon-crop__apply{border-color:var(--ts-accent)!important;background:var(--ts-accent)!important}@media(max-width:520px){.tryon-crop{padding:12px}.tryon-crop__stage{height:240px}}.tryon-presets{margin-bottom:18px;padding:16px;border:1px solid var(--ts-line);border-radius:var(--ts-radius);background:var(--ts-panel)}.tryon-presets__head{display:flex;align-items:center;gap:8px}.tryon-presets__head svg{width:16px;height:16px;flex:0 0 auto;color:var(--ts-accent)}.tryon-presets__title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ts-white)}.tryon-presets__hint{margin:4px 0 12px;font-size:.8rem;color:var(--ts-gray)}.tryon-presets__form{display:flex;gap:8px;margin-bottom:12px}.tryon-presets__name{flex:1 1 auto;min-width:0;padding:11px 14px;border:1px solid var(--ts-line);border-radius:10px;background:#00000040;color:var(--ts-white);font-family:inherit;font-size:.86rem}.tryon-presets__name::placeholder{color:var(--ts-gray-dim)}.tryon-presets__name:focus-visible{outline:2px solid var(--ts-accent);outline-offset:1px}.tryon-presets__save{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:11px 16px;border:1px solid var(--ts-accent);border-radius:10px;background:var(--ts-accent-soft);color:var(--ts-white);font-family:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background var(--x-dur-fast) var(--x-ease)}.tryon-presets__save:hover:not(:disabled){background:var(--ts-accent)}.tryon-presets__save:disabled{opacity:.45;cursor:default}.tryon-presets__save:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-presets__save svg{width:14px;height:14px}.tryon-presets__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tryon-presets__row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--ts-line);border-radius:12px;background:#00000040}.tryon-presets__swatch{position:relative;flex:0 0 auto;width:28px;height:38px;border-radius:6px;background:linear-gradient(180deg,var(--p) 30%,var(--a) 100%);box-shadow:0 0 0 1px #ffffff14}.tryon-presets__swatch:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:5px;background:var(--wash)}.tryon-presets__meta{flex:1 1 auto;min-width:0}.tryon-presets__name-text{display:block;font-size:.92rem;font-weight:600;color:var(--ts-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tryon-presets__count{display:block;margin-top:2px;font-size:.78rem;color:var(--ts-gray)}.tryon-presets__apply,.tryon-presets__del{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ts-line);border-radius:9px;background:transparent;color:var(--ts-gray);font-family:inherit;font-size:.82rem;cursor:pointer;transition:color var(--x-dur-fast) var(--x-ease),border-color var(--x-dur-fast) var(--x-ease)}.tryon-presets__apply{padding:8px 14px}.tryon-presets__del{padding:8px;border-color:transparent}.tryon-presets__apply:hover,.tryon-presets__del:hover{color:var(--ts-white);border-color:var(--ts-gray)}.tryon-presets__del:hover{color:var(--ts-danger);border-color:var(--ts-danger)}.tryon-presets__apply:focus-visible,.tryon-presets__del:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-presets__apply svg,.tryon-presets__del svg{width:14px;height:14px}.tryon-presets__ren{flex:0 0 auto;display:inline-flex;align-items:center;margin-inline:4px -5px;padding:8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ts-gray);cursor:pointer;transition:color var(--x-dur-fast) var(--x-ease),border-color var(--x-dur-fast) var(--x-ease)}.tryon-presets__ren:hover{color:var(--ts-white);border-color:var(--ts-gray)}.tryon-presets__ren:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-presets__ren svg{width:14px;height:14px}.tryon-presets__rename{display:block;box-sizing:border-box;width:calc(100% + 7px);margin-block:-1px;margin-inline:-7px 0;padding:0 6px;border:1px solid var(--ts-accent);border-radius:6px;background:#00000059;color:var(--ts-white);font-family:inherit;font-size:.92rem;font-weight:600;line-height:inherit}@media(pointer:coarse){.tryon-presets__rename{font-size:16px}}.tryon-presets__rename:focus{outline:none}.tryon-presets__row.is-taken .tryon-presets__count{color:var(--ts-danger)}.tryon-presets__row.is-active{border-color:var(--ts-accent)}.tryon-presets__slot{flex:0 0 auto;display:inline-grid}.tryon-presets__slot>*{grid-area:1 / 1;justify-content:center}.tryon-presets__slot>[hidden]{display:inline-flex;visibility:hidden}.tryon-presets__revert[hidden]{display:none}.tryon-presets__update,.tryon-presets__update:hover{border-color:var(--ts-accent);background:var(--ts-accent-soft);color:var(--ts-white);font-weight:600}.tryon-presets__update:hover{background:var(--ts-accent)}.tryon-presets__apply:disabled,.tryon-presets__apply:disabled:hover{opacity:.45;color:var(--ts-gray);border-color:var(--ts-line);cursor:default}.tryon-presets__row:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-presets__revert{flex:0 0 auto;display:inline-flex;margin-inline-end:-8px;padding:8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ts-gray);cursor:pointer;transition:color var(--x-dur-fast) var(--x-ease),border-color var(--x-dur-fast) var(--x-ease)}.tryon-presets__revert:hover{color:var(--ts-white);border-color:var(--ts-gray)}.tryon-presets__revert:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-presets__revert svg{width:14px;height:14px}.tryon-presets__row.is-asking{border-color:var(--ts-danger)}.tryon-presets__row.is-asking .tryon-presets__count{color:var(--ts-danger)}.tryon-presets__cancel{flex:0 0 auto;padding:8px 14px;border:1px solid var(--ts-line);border-radius:9px;background:transparent;color:var(--ts-gray);font-family:inherit;font-size:.82rem;cursor:pointer;transition:color var(--x-dur-fast) var(--x-ease),border-color var(--x-dur-fast) var(--x-ease)}.tryon-presets__cancel:hover{color:var(--ts-white);border-color:var(--ts-gray)}.tryon-presets__cancel:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}.tryon-presets__row.is-asking .tryon-presets__del{padding:8px 14px;border-color:var(--ts-danger);color:var(--ts-danger);font-weight:600}.tryon-presets__row.is-asking .tryon-presets__del:after{content:attr(title)}.tryon-presets__row.is-asking .tryon-presets__del:hover{background:color-mix(in srgb,var(--ts-danger) 18%,transparent)}.tryon-presets__empty{margin:0;font-size:.82rem;color:var(--ts-gray-dim)}@media(max-width:520px){.tryon-presets__form{flex-wrap:wrap}.tryon-presets__save{width:100%;justify-content:center}.tryon-presets__apply span{display:none}.tryon-presets__undo span{display:inline}.tryon-presets__apply,.tryon-presets__cancel,.tryon-presets__row.is-asking .tryon-presets__del{padding:8px 10px}}.tryon-search{display:flex;align-items:center;gap:10px;background:var(--ts-panel);border:1px solid var(--ts-line);border-radius:var(--x-radius-pill);padding:10px 18px;margin-bottom:14px;transition:border-color var(--x-dur-fast) var(--x-ease)}.tryon-search:focus-within{border-color:var(--ts-accent)}.tryon-search svg{width:16px;height:16px;color:var(--ts-gray-dim);flex-shrink:0}.tryon-search input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--ts-white);font-family:inherit;font-size:.88rem}.tryon-search input::placeholder{color:var(--ts-gray-dim)}.tryon-tile__cat{display:block;font-size:.66rem;color:var(--ts-gray-dim);margin-top:2px}.tryon-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tryon-tab{background:var(--ts-panel);border:1px solid var(--ts-line);color:var(--ts-gray);padding:9px 18px;border-radius:var(--x-radius-pill);font-size:.85rem;font-weight:700;cursor:pointer;transition:border-color var(--x-dur-fast) var(--x-ease),color var(--x-dur-fast) var(--x-ease),background var(--x-dur-fast) var(--x-ease)}.tryon-tab[aria-selected=true]{background:var(--ts-accent-soft);border-color:var(--ts-accent);color:var(--ts-white)}.tryon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}.tryon-tile{position:relative;background:var(--ts-panel);border:2px solid var(--ts-line);border-radius:var(--x-radius-card);padding:14px 8px 10px;text-align:center;cursor:pointer;color:inherit;transition:border-color var(--x-dur-fast) var(--x-ease),transform var(--x-dur-fast) var(--x-ease),background var(--x-dur-fast) var(--x-ease)}.tryon-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ts-accent) 50%,transparent)}.tryon-tile[aria-pressed=true]{border-color:var(--ts-accent);background:var(--ts-accent-soft)}.tryon-tile[aria-pressed=true]:after{content:"\2713";position:absolute;top:-8px;inset-inline-end:-8px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--ts-accent);color:var(--ts-white);font-size:.7rem;font-weight:800;box-shadow:0 2px 8px #00000080}.tryon-tile__media{width:68px;height:68px;object-fit:contain;margin:0 auto 8px;display:block}.tryon-tile:before{content:"";position:absolute;top:14px;inset-inline:0;width:68px;height:68px;margin-inline:auto;border-radius:var(--x-radius-card);background:linear-gradient(100deg,#ffffff0d 35%,#ffffff1c,#ffffff0d 65%) 0 0 / 300% 100%;opacity:0;pointer-events:none;transition:opacity var(--x-dur-base) var(--x-ease)}.tryon-tile.is-loading:before{opacity:1;animation:tryon-skeleton-in var(--x-dur-fast) .15s backwards,tryon-skeleton 1.4s linear infinite}img.tryon-tile__media{transition:opacity var(--x-dur-base) var(--x-ease)}.tryon-tile.is-loading img.tryon-tile__media{opacity:0}@keyframes tryon-skeleton-in{0%{opacity:0}}@keyframes tryon-skeleton{0%{background-position:100% 0}to{background-position:0 0}}.tryon-tile__name{display:block;direction:ltr;font-size:.76rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tryon-tile__price{display:block;font-size:.73rem;color:var(--ts-gray);margin-top:2px}.tryon-tile.is-soldout{opacity:.45}.tryon-tile.is-soldout .tryon-tile__price{text-decoration:line-through}.tryon-tile--none .tryon-tile__media{display:grid;place-items:center;border:1.5px dashed var(--ts-gray-dim);border-radius:50%;color:var(--ts-gray-dim);font-size:1.3rem}.tryon-empty{text-align:center;color:var(--ts-gray);padding:44px 0;grid-column:1 / -1}.tryon-tile__media--placeholder{display:grid;place-items:center;border:1.5px dashed var(--ts-gray-dim);border-radius:var(--x-radius-card);color:var(--ts-gray-dim);font-size:1.2rem}.tryon-loadmore{display:block;margin:20px auto 0;background:var(--ts-panel);border:1px solid var(--ts-line);color:var(--ts-white);padding:11px 28px;border-radius:var(--x-radius-pill);font-size:.85rem;font-weight:700;cursor:pointer;transition:border-color var(--x-dur-fast) var(--x-ease),background var(--x-dur-fast) var(--x-ease)}.tryon-loadmore:hover{border-color:var(--ts-accent);background:var(--ts-accent-soft)}.tryon-loadmore[hidden]{display:none}@media(max-width:980px){.tryon-studio{padding:40px 16px 56px}.tryon-layout{grid-template-columns:1fr;grid-template-areas:"stage" "catalog";gap:22px}.tryon-stage{position:relative;top:0}.tryon-longpreview{display:none}.tryon-stage__scene{min-height:0;padding-inline:18px;padding-bottom:22px}.tryon-catalog{min-width:0}.tryon-stage{--cta-top: 7px}.tryon-edit-cta{inset-inline-end:10px}.tryon-badges__opt{width:50px;height:50px}.tryon-badges__opt img{width:32px;height:32px}.tryon-badges__grid{max-height:250px}.tryon-tabs{position:sticky;top:calc(var(--header-height, 89px) - 1px);z-index:5;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-block:12px 10px;margin-block:-12px 8px;background:var(--ts-bg)}.tryon-tabs::-webkit-scrollbar{display:none}.tryon-tab{flex:0 0 auto}.tryon-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.tryon-effect-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:none;align-items:center;justify-content:center;pointer-events:none}.tryon-effect-loading.is-visible{display:flex}.tryon-effect-loading__box{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:#0c0c0ec7;color:#fff;font-size:.78rem;font-weight:600;line-height:1}.tryon-effect-loading__spinner{width:14px;height:14px;flex:none;border-radius:50%;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;animation:tryon-spin .7s linear infinite}@keyframes tryon-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tryon-studio *{transition:none!important}.tryon-tile:hover,.tryon-purchase__btn:hover:not(:disabled){transform:none}.tryon-effect-loading__spinner{animation:none}.tryon-tile.is-loading:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/discord-tryon-studio.css.map */