.hand-filter-page{position:relative;display:grid;min-height:100svh;place-items:center;overflow:hidden;padding:1rem;background:#10100e;color:#f7f7f1}.hand-filter-background-grid{position:absolute;z-index:0;width:min(42vw,24rem);height:auto;pointer-events:none;opacity:.4;filter:brightness(1.5) saturate(1.2)}.hand-filter-background-grid-top{top:0;right:0}.hand-filter-background-grid-bottom{bottom:0;left:0;transform:rotate(180deg)}.hand-filter-stage{position:relative;z-index:1;width:min(100%,68rem);overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(214,239,71,.38);border-radius:.9rem;background:#1a1a16;box-shadow:0 1.5rem 4rem rgba(0,0,0,.46),0 0 1.5rem rgba(214,239,71,.2),-.45rem .5rem 2.4rem rgba(40,225,255,.13),.55rem -.45rem 2.4rem rgba(246,98,183,.14)}.hand-filter-canvas,.hand-filter-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hand-filter-video{opacity:0}.hand-filter-canvas,.hand-filter-video{pointer-events:none}.hand-filter-empty{position:absolute;z-index:2;inset:0;display:grid;place-content:center;justify-items:center;gap:.85rem;padding:1.5rem;text-align:center;color:rgba(247,247,241,.68)}.hand-filter-empty p{margin:0;font-size:.9rem}.hand-filter-controls button,.hand-filter-empty button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:.35rem;padding:.75rem 1rem;background:#d6ef47;color:#161613;font:inherit;font-size:.78rem;font-weight:750;cursor:pointer}.hand-filter-controls button:hover,.hand-filter-empty button:hover{background:#efff85}.hand-filter-status{position:absolute;z-index:2;top:1rem;left:1rem;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .6rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(16,16,14,.72);color:rgba(247,247,241,.85);font-size:.7rem;font-weight:650}.hand-filter-status i{width:.5rem;height:.5rem;border-radius:999px;background:#ff4d4d}.hand-filter-status i.is-ready{background:#a6ff22}.hand-filter-help-trigger{position:absolute;z-index:2;top:1rem;right:4rem;display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(16,16,14,.72);color:#fff;cursor:pointer}.hand-filter-help-trigger:hover{background:rgba(255,255,255,.16)}.hand-filter-settings-trigger{position:absolute;z-index:2;top:1rem;right:1rem;display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(16,16,14,.72);color:#fff;cursor:pointer}.hand-filter-settings-trigger:hover{background:rgba(255,255,255,.16)}.hand-filter-settings{position:absolute;z-index:3;top:4.15rem;right:1rem;width:min(18rem,calc(100% - 2rem));padding:.9rem;border:1px solid rgba(255,255,255,.2);border-radius:.65rem;background:rgba(16,16,14,.93);box-shadow:0 1rem 2.5rem rgba(0,0,0,.28);backdrop-filter:blur(14px)}.hand-filter-settings-heading{display:flex;align-items:center;justify-content:space-between;color:#d6ef47;font-size:.65rem;font-weight:750;letter-spacing:.08em}.hand-filter-settings-heading button{display:grid;width:1.75rem;height:1.75rem;place-items:center;border:0;border-radius:.3rem;background:transparent;color:rgba(255,255,255,.72);cursor:pointer}.hand-filter-settings-heading button:hover{background:rgba(255,255,255,.1);color:#fff}.hand-filter-group-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;margin-top:.8rem;padding:.2rem;border:1px solid rgba(255,255,255,.12);border-radius:.45rem}.hand-filter-group-tabs button{border:0;border-radius:.3rem;padding:.45rem .3rem;background:transparent;color:rgba(247,247,241,.54);font:inherit;font-size:.67rem;font-weight:700;cursor:pointer}.hand-filter-group-tabs button.is-active{background:#d6ef47;color:#161613}.hand-filter-settings>p{margin:.7rem 0;color:rgba(247,247,241,.56);font-size:.72rem;line-height:1.45}.hand-filter-preset-list{display:grid;gap:.3rem;max-height:18rem;overflow-y:auto}.hand-filter-preset-list button{display:grid;gap:.15rem;width:100%;border:1px solid transparent;border-radius:.4rem;padding:.55rem .6rem;background:transparent;color:rgba(247,247,241,.66);text-align:left;cursor:pointer}.hand-filter-preset-list button:hover{background:rgba(255,255,255,.07);color:#fff}.hand-filter-preset-list button.is-active{border-color:rgba(214,239,71,.65);background:rgba(214,239,71,.12);color:#fff}.hand-filter-preset-list small{color:#d6ef47;font-size:.6rem;font-weight:700;text-transform:uppercase}.hand-filter-preset-list strong{font-size:.73rem;font-weight:600}.hand-filter-guide{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(9,9,7,.68);backdrop-filter:blur(8px)}.hand-filter-guide-card{position:relative;width:min(100%,25rem);padding:1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;background:rgba(19,19,15,.94);box-shadow:0 1.25rem 3rem rgba(0,0,0,.4)}.hand-filter-guide-skip{position:absolute;top:.85rem;right:.85rem;border:0;background:transparent;color:rgba(247,247,241,.48);font:inherit;font-size:.7rem;cursor:pointer}.hand-filter-guide-skip:hover{color:#fff}.hand-filter-guide-icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.55rem;background:rgba(214,239,71,.12);color:#d6ef47}.hand-filter-guide-card>span{display:block;margin-top:1.2rem;color:#d6ef47;font-size:.65rem;font-weight:750;letter-spacing:.08em}.hand-filter-guide-card h2{margin:.45rem 0 0;color:#fff;font-size:1.5rem;font-weight:650;line-height:1.1}.hand-filter-guide-card p{margin:.75rem 0 0;color:rgba(247,247,241,.62);font-size:.85rem;line-height:1.6}.hand-filter-guide-progress{display:flex;gap:.35rem;margin-top:1.25rem}.hand-filter-guide-progress i{width:1.25rem;height:.2rem;border-radius:1rem;background:rgba(255,255,255,.18)}.hand-filter-guide-progress i.is-active{background:#d6ef47}.hand-filter-guide-actions{display:grid;grid-template-columns:1fr auto;gap:.6rem;margin-top:1.25rem}.hand-filter-guide-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.5rem;border:0;border-radius:.4rem;padding:0 .85rem;background:#d6ef47;color:#161613;font:inherit;font-size:.75rem;font-weight:750;cursor:pointer}.hand-filter-guide-actions button.is-muted{border:1px solid rgba(255,255,255,.18);background:transparent;color:rgba(255,255,255,.78)}@media (max-width:639px){.hand-filter-page{padding:.85rem}.hand-filter-stage{aspect-ratio:3/4}.hand-filter-settings{top:3.85rem}.hand-filter-status{top:.75rem;left:.75rem}.hand-filter-settings-trigger{top:.75rem;right:.75rem}.hand-filter-help-trigger{top:.75rem;right:3.75rem}}