.tqf-wrap{clear:both;width:100%;padding-top:48px}
.tqf{--y:#F5C400;--c:#121212;--l:#222;font-family:'Archivo',system-ui,sans-serif;color:#fff;display:flex;flex-direction:column;gap:40px;margin:0 0 48px}
.tqf *{box-sizing:border-box}
.tqf img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none;pointer-events:none;max-width:100%;height:auto;display:block;margin:0!important;box-shadow:none!important;border:0!important}
.tqf-lab{display:block;margin-bottom:14px;font-size:12px;font-weight:700;letter-spacing:.32em;color:#8A8A8A;text-transform:uppercase}
.tqf-stage{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center;padding:64px 24px;background:var(--c);border:1px solid var(--l);overflow:hidden}
.tqf-stage .tqf-big{transition:opacity .15s}
.tqf-stage.is-loading .tqf-big{opacity:.45}
.tqf-tag{position:absolute;top:16px;left:16px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;color:#777}
.tqf-stage .tqf-back{position:absolute;bottom:18px;left:20px;max-width:60%}
.tqf-spin{position:absolute;top:16px;right:16px;width:14px;height:14px;border:2px solid #444;border-top-color:var(--y);border-radius:50%;opacity:0;animation:tqfspin .8s linear infinite}
.tqf-stage.is-loading .tqf-spin{opacity:1}
@keyframes tqfspin{to{transform:rotate(360deg)}}
.tqf-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px}
.tqf .tqf-num{min-width:64px;height:56px;margin:0;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;background:var(--c);border:1px solid var(--l);border-radius:0;cursor:pointer;box-shadow:none}
.tqf .tqf-num img{height:32px;width:auto}
.tqf .tqf-num:hover{border-color:var(--y);background:var(--c)}
.tqf .tqf-num[aria-pressed="true"]{border-color:var(--y);background:#1A1708}
.tqf .tqf-type{flex:1 1 220px;min-height:56px;margin:0;padding:0 16px;background:var(--c);color:#fff;border:1px solid #333;border-radius:0;font-size:15px;text-transform:uppercase;letter-spacing:.08em}
.tqf .tqf-type::placeholder{color:#777;text-transform:none;letter-spacing:0}
.tqf .tqf-type:focus{outline:2px solid var(--y);outline-offset:0;border-color:var(--y)}
.tqf-size{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.2em;color:#8A8A8A}
.tqf-size input{width:140px;accent-color:#F5C400}
.tqf-set{padding:24px 28px;background:#fff;overflow-x:auto}
.tqf-set img{max-width:none}
.tqf-alpha{padding:28px;background:var(--c);border:1px solid var(--l);display:flex;justify-content:center}
.tqf-note{margin:0;font-size:12px;color:#8A8A8A}
.tqf-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media(max-width:640px){.tqf-stage{min-height:300px;padding:48px 16px}.tqf-set img{height:72px;width:auto}}
