.test-portal-page[data-v-f723f46c]{display:flex;width:100%;height:100dvh;background:var(--color-bg-primary)}.test-portal-page__canvas-wrap[data-v-f723f46c]{flex:1;min-width:0;position:relative}.test-portal-page__canvas[data-v-f723f46c]{width:100%;height:100%;display:block}.test-portal-page__controls[data-v-f723f46c]{width:300px;flex-shrink:0;padding:var(--space-6);background:var(--color-bg-secondary);border-left:1px solid var(--color-border-subtle);overflow-y:auto;max-height:100dvh}.test-portal-page__title[data-v-f723f46c]{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-2)}.test-portal-page__hint[data-v-f723f46c]{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 var(--space-6)}.test-portal-page__group[data-v-f723f46c]{margin-bottom:var(--space-4)}.test-portal-page__label[data-v-f723f46c]{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.test-portal-page__value[data-v-f723f46c]{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-brand)}.test-portal-page__slider[data-v-f723f46c]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--color-surface-3);border-radius:var(--radius-full)}.test-portal-page__slider[data-v-f723f46c]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-brand-primary);cursor:pointer}.test-portal-page__slider[data-v-f723f46c]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-brand-primary);cursor:pointer;border:none}.test-portal-page__config-row[data-v-f723f46c]{display:flex;gap:var(--space-2);align-items:center;margin-top:var(--space-2)}.test-portal-page__select[data-v-f723f46c]{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer}.test-portal-page__btn--save[data-v-f723f46c]{flex-shrink:0}.test-portal-page__section[data-v-f723f46c]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:var(--space-4) 0 var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle)}.test-portal-page__section[data-v-f723f46c]:first-of-type{margin-top:0;padding-top:0;border-top:none}.test-portal-page__play-wrap[data-v-f723f46c]{margin-bottom:var(--space-4)}.test-portal-page__play-btn[data-v-f723f46c]{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-inverse);background:var(--color-brand-teal);border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.test-portal-page__play-btn[data-v-f723f46c]:hover:not(:disabled){opacity:.9}.test-portal-page__play-btn[data-v-f723f46c]:disabled{opacity:.6;cursor:not-allowed}.test-portal-page__btn[data-v-f723f46c]{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-inverse);background:var(--color-brand-primary);border:none;border-radius:var(--radius-md);cursor:pointer}.test-portal-page__btn--secondary[data-v-f723f46c]{background:var(--color-surface-3);color:var(--color-text-primary)}.test-portal-page__message[data-v-f723f46c]{font-size:var(--font-size-xs);color:var(--color-state-success);margin-top:var(--space-2)}:root{--color-bg-primary: #0A0A0F;--color-bg-secondary: #10101A;--color-surface-3: #24243C;--color-text-primary: #F5F0E8;--color-text-secondary: #A8A09A;--color-text-muted: #6A6268;--color-text-brand: #D4AF37;--color-text-inverse: #0A0A0F;--color-border-subtle: rgba(255, 255, 255, .06);--color-brand-primary: #8D1B3D;--color-brand-teal: #1A7F8E;--color-state-success: #22c55e;--font-family-display: Georgia, serif;--font-family-body: "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-weight-medium: 500;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--radius-md: .5rem;--radius-full: 9999px;--duration-fast: .15s;--ease-default: cubic-bezier(.4, 0, .2, 1)}