.test-wrapper[data-astro-cid-nl5byelv]{position:relative;width:100%;min-height:60vh;min-height:60dvh;background:var(--bg-surface);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;border:1px solid var(--border)}.test-preview-canvas[data-astro-cid-nl5byelv]{width:100%;max-width:800px;aspect-ratio:16/9;border-radius:var(--radius-md);border:1px solid var(--border);background:#000}.test-info[data-astro-cid-nl5byelv]{text-align:center;padding:0 1rem}.test-info[data-astro-cid-nl5byelv] p[data-astro-cid-nl5byelv]{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem}.shortcut-hint[data-astro-cid-nl5byelv]{font-size:.8rem;color:var(--text-muted)}kbd[data-astro-cid-nl5byelv]{display:inline-block;padding:.125rem .375rem;font-size:.75rem;font-family:var(--font-mono);background:var(--bg-surface-hover);border:1px solid var(--border-light);border-radius:4px;color:var(--text-secondary)}#test-fullscreen-container[data-astro-cid-nl5byelv]{display:none;position:fixed;inset:0;z-index:10000;background:#000;cursor:none}#test-fullscreen-container[data-astro-cid-nl5byelv].active{display:block}#test-fullscreen-container[data-astro-cid-nl5byelv].show-cursor{cursor:default}#test-canvas[data-astro-cid-nl5byelv]{display:block;width:100%;height:100%;transition:background-color .2s ease}#test-control-bar[data-astro-cid-nl5byelv]{position:fixed;bottom:0;left:0;right:0;z-index:10001;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem .75rem;padding-bottom:calc(.625rem + env(safe-area-inset-bottom,0));background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1);transition:opacity .3s ease,transform .3s ease;opacity:1;transform:translateY(0);flex-wrap:wrap}#test-control-bar[data-astro-cid-nl5byelv].hidden{opacity:0;transform:translateY(100%);pointer-events:none}#test-control-bar[data-astro-cid-nl5byelv] button[data-astro-cid-nl5byelv]{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;transition:all var(--transition-fast);white-space:nowrap;min-height:36px;min-width:36px}#test-control-bar[data-astro-cid-nl5byelv] button[data-astro-cid-nl5byelv]:hover{background:#fff3}#test-control-bar[data-astro-cid-nl5byelv] button[data-astro-cid-nl5byelv].active{background:var(--accent);border-color:var(--accent)}#test-control-bar[data-astro-cid-nl5byelv] .color-name[data-astro-cid-nl5byelv]{font-weight:600;font-size:.85rem;min-width:60px;text-align:center;color:inherit;transition:color .2s ease}#test-control-bar[data-astro-cid-nl5byelv] .defect-count[data-astro-cid-nl5byelv]{background:var(--accent);color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:.65rem;display:inline-flex;align-items:center;justify-content:center;margin-left:2px}.progress-dots[data-astro-cid-nl5byelv]{display:flex;gap:.375rem;margin:0 .25rem}.progress-dot[data-astro-cid-nl5byelv]{width:6px;height:6px;border-radius:50%;background:#ffffff40;transition:all var(--transition)}.progress-dot[data-astro-cid-nl5byelv].viewed{background:#fff;box-shadow:0 0 6px #ffffff80}.progress-dot[data-astro-cid-nl5byelv].current{background:var(--accent);box-shadow:0 0 8px var(--accent)}.defect-marker[data-astro-cid-nl5byelv]{position:fixed;z-index:10002;width:32px;height:32px;border-radius:50%;border:2px solid var(--accent);background:#ff3b304d;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;pointer-events:auto;cursor:pointer;animation:markerPulse 2s ease-in-out infinite;transform:translate(-50%,-50%);user-select:none}@keyframes markerPulse{0%,to{box-shadow:0 0#ff3b3080}50%{box-shadow:0 0 0 8px #ff3b3000}}#test-zoom-overlay[data-astro-cid-nl5byelv]{display:none;position:fixed;z-index:10003;border:2px solid var(--accent);border-radius:50%;pointer-events:none;box-shadow:0 0 20px #000c}#test-zoom-overlay[data-astro-cid-nl5byelv].active{display:block}.all-viewed-badge[data-astro-cid-nl5byelv]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);z-index:10005;background:#000000d9;border:2px solid #4caf50;border-radius:var(--radius-lg);padding:1rem 2rem;font-size:1.25rem;font-weight:600;color:#4caf50;pointer-events:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);text-align:center}.all-viewed-badge[data-astro-cid-nl5byelv].show{transform:translate(-50%,-50%) scale(1)}#shortcut-overlay[data-astro-cid-nl5byelv]{display:none;position:fixed;inset:0;z-index:10010;background:#000000d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:center;justify-content:center}#shortcut-overlay[data-astro-cid-nl5byelv].active{display:flex}.shortcut-panel[data-astro-cid-nl5byelv]{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;max-width:420px;width:90%;max-height:90vh;overflow-y:auto}.shortcut-panel[data-astro-cid-nl5byelv] h2[data-astro-cid-nl5byelv]{margin-bottom:1rem;font-size:1.25rem}.shortcut-row[data-astro-cid-nl5byelv]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.shortcut-row[data-astro-cid-nl5byelv]:last-child{border-bottom:none}.shortcut-row[data-astro-cid-nl5byelv] .keys[data-astro-cid-nl5byelv],.speed-options[data-astro-cid-nl5byelv]{display:flex;gap:.25rem}.speed-btn[data-astro-cid-nl5byelv]{padding:.25rem .5rem;font-size:.7rem;border-radius:4px;background:#ffffff14}.speed-btn[data-astro-cid-nl5byelv].active-speed{background:var(--accent)}