.tfx-root{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.tfx-main{flex:1;min-height:0}.tfx{height:100%;padding:var(--wb-pad-t) var(--wb-gutter-r) var(--wb-pad-b) var(--wb-gutter-l);grid-template-columns:var(--wb-panel-w) minmax(0, 1fr);gap:var(--wb-gap);display:grid}.tfx-side{flex-direction:column;min-height:0;animation:.6s cubic-bezier(.2,.8,.2,1) both tfx-rise;display:flex}.tfx-intro{padding:0 2px var(--wb-row-gap)}.tfx-scroll{overscroll-behavior:contain;scrollbar-width:thin;border-radius:var(--wb-r);background:var(--surface);min-height:0;box-shadow:inset 0 0 0 1px var(--line), var(--shadow);flex:1;align-content:start;gap:16px;padding:14px;display:grid;overflow-y:auto}.tfx-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-50);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.tfx-field{display:block}.tfx-text{background:var(--field);width:100%;min-height:64px;max-height:120px;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);font:inherit;resize:none;field-sizing:content;border:0;border-radius:14px;outline:none;padding:12px 14px;font-size:18px;font-weight:650;line-height:1.3;transition:box-shadow .2s}.tfx-text:focus{box-shadow:inset 0 0 0 2px var(--tangerine)}.tfx-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tfx-card{color:var(--ink-70);text-align:center;border-radius:14px;gap:4px;padding:4px 4px 6px;text-decoration:none;transition:background .2s,color .2s,transform .25s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative}.tfx-card img{aspect-ratio:8/5;object-fit:cover;background:var(--wash);border-radius:10px;width:100%;height:auto;transition:box-shadow .2s}.tfx-card-name{overflow-wrap:anywhere;font-size:12px;font-weight:700;line-height:1.15}.tfx-card:hover{background:var(--hover);color:var(--ink);transform:translateY(-2px)}.tfx-card[data-on]{color:var(--ink);background:var(--hover)}.tfx-card[data-on] img{box-shadow:0 0 0 2px var(--tangerine)}.tfx-card-dot{background:var(--tangerine);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:9px;right:9px}.tfx-row-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.tfx-row-head .tfx-label{margin:0}.tfx-params{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.tfx-param{min-width:0;color:var(--ink-86);gap:8px;font-size:13px;font-weight:600;display:grid}.tfx-param>span{justify-content:space-between;gap:8px;display:flex}.tfx-param b{color:var(--ink-50);font-variant-numeric:tabular-nums;font-weight:700}.tfx-param-wide{grid-column:1/-1}.tfx-param-toggle{cursor:pointer;justify-content:space-between;align-items:center;height:32px;display:flex}.tfx-seg{background:var(--wash);border-radius:14px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.tfx-seg button{min-width:0;height:34px;color:var(--ink-70);white-space:nowrap;background:0 0;border:0;border-radius:11px;flex:auto;padding:0 10px;font-size:13px;font-weight:650;transition:background .2s,color .2s,box-shadow .2s}.tfx-seg button:hover{color:var(--ink);background:var(--hover)}.tfx-seg button[data-on]{color:var(--ink);background:var(--surface);box-shadow:0 0 0 1.5px var(--ink), 0 6px 14px -10px #140c1a99}.tfx-seg-sm button{height:30px;padding:0 9px;font-size:12.5px}.tfx-swatches{flex-wrap:wrap;gap:8px;display:flex}.tfx-sw{background:var(--sw,var(--field));width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer;border:0;border-radius:10px;flex:none;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative}.tfx-sw:hover{transform:scale(1.08)}.tfx-sw[aria-checked=true],.tfx-sw[data-on]{box-shadow:inset 0 0 0 1px var(--line-strong), 0 0 0 2px var(--surface), 0 0 0 4px var(--tangerine)}.tfx-sw-custom{background:conic-gradient(#ff5c5c,#ffd23f,#5cff9d,#3ec8ff,#a66bff,#ff5cd1,#ff5c5c);overflow:hidden}.tfx-sw-custom[data-on]{background:var(--sw)}.tfx-sw-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.tfx-chip{background:var(--wash);height:30px;color:var(--ink);border:0;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:700;transition:background .2s,transform .12s;display:inline-flex}.tfx-chip:hover{background:var(--hover-2)}.tfx-chip:active{transform:scale(.96)}.tfx-chip svg{width:16px;height:16px}.tfx-photo{grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:10px;display:grid}.tfx-block>.tfx-swatches{margin-top:10px}.tfx-stage-col{flex-direction:column;gap:10px;min-width:0;min-height:0;animation:.6s cubic-bezier(.2,.8,.2,1) 80ms both tfx-rise;display:flex}.tfx-stage{border-radius:var(--wb-r);background-color:var(--surface);background-image:linear-gradient(45deg, var(--wash) 25%, transparent 25%), linear-gradient(-45deg, var(--wash) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--wash) 75%), linear-gradient(-45deg, transparent 75%, var(--wash) 75%);min-height:0;box-shadow:inset 0 0 0 1px var(--line);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;flex:1;place-items:center;padding:clamp(16px,4vw,48px);display:grid;position:relative;overflow:hidden}.tfx-canvas{touch-action:none;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%;animation:.35s both tfx-fade;display:block}.tfx-stage:not([data-bg=none]) .tfx-canvas{box-shadow:0 24px 50px -28px #140c1a8c}.tfx-canvas[data-drag]{cursor:grab}.tfx-canvas[data-drag]:active{cursor:grabbing}.tfx-hint{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-70);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:12px;left:50%;translate:-50%}.tfx-play{background:var(--surface);width:38px;height:38px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line), var(--shadow);border:0;border-radius:12px;place-items:center;transition:transform .2s;display:grid;position:absolute;top:12px;right:12px}.tfx-play:hover{transform:scale(1.06)}.tfx-free{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-70);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:650;position:absolute;top:14px;left:14px}.tfx-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tfx-anim{background:var(--wash);border-radius:14px;gap:4px;padding:3px;display:flex}.tfx-anim .tfx-btn{background:var(--surface);height:38px;box-shadow:none}.tfx-btn{background:var(--surface);height:44px;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);white-space:nowrap;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;transition:background .2s,transform .12s,box-shadow .2s;display:inline-flex}.tfx-btn:hover:not(:disabled){background:var(--hover)}.tfx-btn:active:not(:disabled){transform:scale(.97)}.tfx-btn:disabled{opacity:.5;cursor:default}.tfx-primary{background:var(--tangerine-btn);color:#fff8ea;box-shadow:none}.tfx-primary:hover:not(:disabled){background:#d44e25}.tfx-send{margin-left:auto}.tfx-status{color:var(--ink-70);align-items:center;gap:12px;font-size:13px;display:flex}.tfx-link{color:var(--ink);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.tfx-g-effects{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 22px;padding:0;list-style:none;display:grid}.tfx-g-effects a{color:var(--ink);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:72px 1fr;align-items:center;column-gap:10px;padding:6px;text-decoration:none;transition:background .2s;display:grid}.tfx-g-effects a:hover{background:var(--hover)}.tfx-g-effects img{object-fit:cover;border-radius:8px;grid-row:span 2;width:72px;height:45px}.tfx-g-effects b{font-size:14px}.tfx-g-effects span{color:var(--ink-70);font-size:12.5px}.tfx-g-uses{color:var(--ink-86);margin:16px 0;font-size:14.5px;line-height:1.55}.ws-app .tfx-root,.ws-app .tfx-wrap{height:100%}.tfx-wrap{height:100%;min-height:0}.ws-app .tfx{padding-top:14px}@media (max-width:900px){.tfx{overscroll-behavior:contain;flex-direction:column;gap:10px;padding-bottom:0;display:flex;overflow-y:auto}.tfx-side{display:contents}.tfx-intro{order:0;padding-bottom:0}.tfx-stage-col{flex:none;order:1}.tfx-stage{flex:none;height:min(42dvh,340px);padding:16px}.tfx-scroll{flex:none;order:2;overflow:visible}.tfx-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.tfx-actions .tfx-btn{height:42px;padding:0 12px}.tfx-send{margin-left:0}.tfx-free{display:none}.tfx-stage-col{display:contents}.tfx-actions{z-index:5;margin-inline:calc(-1 * var(--wb-gutter-l)) calc(-1 * var(--wb-gutter-r));padding:10px var(--wb-gutter-r) calc(10px + env(safe-area-inset-bottom,0px)) var(--wb-gutter-l);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -1px 0 var(--line);order:3;position:sticky;bottom:0}}@media (max-width:420px){.tfx-params{grid-template-columns:1fr}.tfx-primary{flex:100%}}@keyframes tfx-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes tfx-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.tfx-side,.tfx-stage-col,.tfx-canvas{animation:none}.tfx-card,.tfx-sw,.tfx-btn,.tfx-play{transition:none}.tfx-card:hover{transform:none}}