.acap{--acap-line:var(--line-str,#78afd747);--acap-cyan:var(--cyan,#0497d9);--acap-cyan-br:var(--cyan-br,#5cd6ff);--acap-danger:#e85a5a;background:linear-gradient(180deg, color-mix(in srgb, var(--acap-cyan) 7%, transparent) 0, transparent 64px), color-mix(in srgb, var(--void,#04080f) 52%, transparent);border:1px solid var(--acap-line);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);gap:12px;padding:16px 16px 14px;display:grid;position:relative}.acap:before{content:"";background:linear-gradient(90deg, var(--acap-cyan-br), transparent);width:72px;height:1px;position:absolute;inset:-1px auto auto -1px}.acap--ok:before{background:linear-gradient(90deg, var(--live,#38e5a6), transparent)}.acap--fail:before{background:linear-gradient(90deg, var(--acap-danger), transparent)}.acap-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.acap-tag{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint,#7d97ad);align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.acap-tag-dot{background:var(--acap-cyan-br);width:6px;height:6px;box-shadow:0 0 8px var(--acap-cyan);border-radius:50%;animation:2.4s ease-in-out infinite acap-led}@keyframes acap-led{0%,to{opacity:1}50%{opacity:.35}}.acap--ok .acap-tag-dot{background:var(--live,#38e5a6);box-shadow:0 0 8px var(--live,#38e5a6);animation:none}.acap--fail .acap-tag-dot{background:var(--acap-danger);box-shadow:0 0 8px var(--acap-danger);animation:none}.acap-state{color:var(--ink-dim,#8ba6bd);font-size:12.5px;line-height:1.4}.acap--ok .acap-state{color:var(--live,#38e5a6)}.acap--fail .acap-state,.acap--error .acap-state{color:var(--acap-danger)}.acap-start,.acap-retry{cursor:pointer;border:1px solid var(--acap-line);clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--ink,#d7e6f2);background:0 0;justify-self:start;padding:12px 22px;font-size:.76rem;font-weight:600;transition:color .2s,border-color .2s,background .2s}.acap-start:hover,.acap-retry:hover{color:var(--acap-cyan-br);border-color:var(--acap-cyan);background:color-mix(in srgb, var(--acap-cyan) 10%, transparent)}.acap-start:focus-visible,.acap-retry:focus-visible{outline:2px solid var(--acap-cyan-br);outline-offset:2px}.acap-start{background:color-mix(in srgb, var(--acap-cyan) 16%, transparent);border-color:var(--acap-cyan);color:var(--acap-cyan-br)}.acap-start:hover{background:color-mix(in srgb, var(--acap-cyan) 26%, transparent)}.acap-skeleton{aspect-ratio:340/190;border:1px solid var(--line,#78afd724);background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--acap-cyan) 8%, transparent) 0 1px, transparent 1px 24px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--acap-cyan) 8%, transparent) 0 1px, transparent 1px 24px), var(--void,#04080f);width:100%;max-width:340px;position:relative;overflow:hidden}.acap-skeleton-sweep{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--acap-cyan-br) 16%, transparent), transparent);width:45%;animation:1.5s linear infinite acap-load;position:absolute;inset:0 auto 0 0}@keyframes acap-load{0%{transform:translate(-100%)}to{transform:translate(320%)}}.acap-stage{--acap-x:0;--acap-y:0;--acap-pw:20;border:1px solid var(--acap-line);-webkit-user-select:none;user-select:none;touch-action:none;width:100%;max-width:340px;line-height:0;position:relative;overflow:hidden}.acap-plate{width:100%;height:auto;display:block}.acap-piece{top:calc(var(--acap-y) * 1%);width:calc(var(--acap-pw) * 1%);height:auto;transform:translateX(calc(var(--acap-x) * 1%));filter:drop-shadow(0 0 10px #0497d980);will-change:transform;position:absolute;left:0}.acap--drag .acap-piece{filter:drop-shadow(0 0 16px #5cd6ffbf)}.acap-beam{width:calc(var(--acap-pw) * 1%);transform:translateX(calc(var(--acap-x) * 1%));background:linear-gradient(90deg, transparent calc(50% - 1px), color-mix(in srgb, var(--acap-cyan-br) 55%, transparent) 50%, transparent calc(50% + 1px));opacity:0;pointer-events:none;transition:opacity .18s;position:absolute;top:0;bottom:0;left:0}.acap--drag .acap-beam{opacity:1}.acap-scan{pointer-events:none;background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--acap-cyan-br) 20%, transparent) 50%, transparent 100%);opacity:.45;height:26%;animation:4.2s linear infinite acap-sweep;position:absolute;inset:0}@keyframes acap-sweep{0%{transform:translateY(-40%)}to{transform:translateY(400%)}}.acap--checking .acap-scan{opacity:.85;animation-duration:1s}.acap-grain{pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 4px);animation:6s linear infinite acap-drift;position:absolute;inset:-8px 0}@keyframes acap-drift{0%{transform:translateY(0)}to{transform:translateY(4px)}}.acap-frame{pointer-events:none;--acap-b:color-mix(in srgb, var(--acap-cyan-br) 75%, transparent);background:linear-gradient(var(--acap-b), var(--acap-b)) 0 0 / 12px 1px no-repeat, linear-gradient(var(--acap-b), var(--acap-b)) 0 0 / 1px 12px no-repeat, linear-gradient(var(--acap-b), var(--acap-b)) 100% 0 / 12px 1px no-repeat, linear-gradient(var(--acap-b), var(--acap-b)) 100% 0 / 1px 12px no-repeat, linear-gradient(var(--acap-b), var(--acap-b)) 0 100% / 12px 1px no-repeat, linear-gradient(var(--acap-b), var(--acap-b)) 0 100% / 1px 12px no-repeat, linear-gradient(var(--acap-b), var(--acap-b)) 100% 100% / 12px 1px no-repeat, linear-gradient(var(--acap-b), var(--acap-b)) 100% 100% / 1px 12px no-repeat;position:absolute;inset:0}.acap--fail .acap-frame{--acap-b:color-mix(in srgb, var(--acap-danger) 85%, transparent)}.acap--fail .acap-stage{animation:.32s ease-in-out acap-shake}@keyframes acap-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}.acap-track{--acap-fill:0;--acap-fill01:0;background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--acap-cyan) 10%, transparent) 0 1px, transparent 1px 12px), color-mix(in srgb, var(--void,#04080f) 72%, transparent);border:1px solid var(--acap-line);clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);width:100%;max-width:340px;height:42px;position:relative;overflow:hidden}.acap-fill{transform:scaleX(var(--acap-fill01));transform-origin:0;background:linear-gradient(90deg, color-mix(in srgb, var(--acap-cyan) 10%, transparent), color-mix(in srgb, var(--acap-cyan) 38%, transparent));pointer-events:none;position:absolute;inset:0}.acap-knob{top:0;left:calc(var(--acap-fill) * 1%);transform:translateX(calc(var(--acap-fill) * -1%));cursor:grab;border:1px solid var(--acap-cyan);background:linear-gradient(180deg, #22aee4, var(--acap-cyan));width:40px;height:40px;color:var(--on-accent,#04080f);font-family:var(--font-mono,ui-monospace, monospace);touch-action:none;place-items:center;font-size:18px;font-weight:700;line-height:1;display:grid;position:absolute;box-shadow:inset 0 1px #ffffff47,0 0 16px #0497d973}.acap-knob:active{cursor:grabbing}.acap-knob:focus-visible{outline:2px solid var(--acap-cyan-br);outline-offset:2px}.acap-knob[aria-disabled=true]{cursor:default;filter:saturate(.5)brightness(.8)}.acap-knob-k{pointer-events:none;animation:1.8s ease-in-out infinite acap-nudge}@keyframes acap-nudge{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.acap--drag .acap-knob-k,.acap--checking .acap-knob-k{animation:none}.acap-done{background:color-mix(in srgb, var(--live,#38e5a6) 12%, transparent);border:1px solid var(--live,#38e5a6);clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);justify-self:start;align-items:center;gap:10px;padding:12px 18px;animation:.34s ease-out acap-lock;display:inline-flex}@keyframes acap-lock{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.acap-check{border-left:2px solid var(--live,#38e5a6);border-bottom:2px solid var(--live,#38e5a6);width:16px;height:9px;transform:rotate(-45deg)}.acap-done-text{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--live,#38e5a6);font-size:.76rem;font-weight:600}.acap-why{color:var(--ink-faint,#7d97ad);margin:0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.acap-scan,.acap-grain,.acap-tag-dot,.acap-knob-k,.acap-skeleton-sweep,.acap-done,.acap--fail .acap-stage{animation:none}.acap-start,.acap-retry,.acap-beam{transition:none}}