.page_container__3iHBx{display:flex;flex-direction:column;gap:var(--core-spacing-size-06);max-width:100vw;padding:var(--core-spacing-size-08)}.page_header__G_hE7{padding:var(--core-spacing-size-06);text-align:center}.page_header__G_hE7 h1{margin:0 0 var(--core-spacing-size-04) 0;font-size:var(--heading-01)}.page_header__G_hE7 p{margin:var(--core-spacing-size-02) 0;color:var(--semantic-color-foreground-secondary)}.page_testGrid__Uycex{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--core-spacing-size-06);gap:var(--core-spacing-size-06)}@media(max-width:1023px){.page_testGrid__Uycex{grid-template-columns:1fr}}.page_canvasSection__9CROC{display:flex;flex-direction:column;grid-column:1/-1;gap:var(--core-spacing-size-04);padding:var(--core-spacing-size-06);background:var(--semantic-color-background-primary);border:2px solid var(--semantic-color-border-primary);border-radius:var(--core-shape-radius-medium)}.page_canvasSection__9CROC h2{margin:0;font-size:var(--heading-03)}.page_canvasWrapper__S7pkB{overflow:hidden;min-height:400px;border:1px solid var(--semantic-color-border-subtle)}.page_canvasInfo__0um6d,.page_canvasWrapper__S7pkB{background:var(--semantic-color-background-secondary);border-radius:var(--core-shape-radius-small)}.page_canvasInfo__0um6d{padding:var(--core-spacing-size-04)}.page_canvasInfo__0um6d p{margin:0 0 var(--core-spacing-size-04) 0;font-weight:var(--semantic-typography-font-weight-semibold)}.page_canvasInfo__0um6d ul{margin:0;padding-left:var(--core-spacing-size-06);color:var(--semantic-color-foreground-secondary)}.page_canvasInfo__0um6d li{margin:var(--core-spacing-size-02) 0}.page_canvasInfo__0um6d kbd{display:inline-block;padding:2px 6px;background:var(--semantic-color-background-tertiary);border:1px solid var(--semantic-color-border-primary);border-radius:3px;font-size:.9em;font-family:monospace}.page_logSection__OiR6z{display:flex;flex-direction:column;gap:var(--core-spacing-size-04);padding:var(--core-spacing-size-06);background:var(--semantic-color-background-primary);border:2px solid var(--semantic-color-border-primary);border-radius:var(--core-shape-radius-medium)}.page_logSection__OiR6z h2{margin:0;font-size:var(--heading-03)}.page_logContainer__0ohtc{flex:1 1;overflow-y:auto;min-height:200px;max-height:400px;padding:var(--core-spacing-size-04);background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-subtle);border-radius:var(--core-shape-radius-small)}.page_logList__Rrsul{margin:0;padding:0;color:var(--semantic-color-foreground-primary);font-size:var(--semantic-typography-body-02-fontSize);font-family:monospace;list-style:none}.page_logList__Rrsul li{margin:var(--core-spacing-size-02) 0;padding:var(--core-spacing-size-02);background:var(--semantic-color-background-tertiary);border-radius:var(--core-shape-radius-small)}.page_emptyLog__vUdcz{margin:0;padding:var(--core-spacing-size-08);color:var(--semantic-color-foreground-tertiary);font-style:italic;text-align:center}.page_clearButton__h5NnU{padding:var(--core-spacing-size-02) var(--core-spacing-size-04);background:var(--semantic-color-background-primary);border:1px solid var(--semantic-color-border-primary);border-radius:var(--core-shape-radius-small);color:var(--semantic-color-foreground-primary);font-size:var(--semantic-typography-body-02-fontSize);transition:background-color .2s ease;cursor:pointer}.page_clearButton__h5NnU:hover{background:var(--semantic-color-background-hover)}.page_clearButton__h5NnU:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.page_stateSection__hC6WW{display:flex;flex-direction:column;gap:var(--core-spacing-size-04);padding:var(--core-spacing-size-06);background:var(--semantic-color-background-primary);border:2px solid var(--semantic-color-border-primary);border-radius:var(--core-shape-radius-medium)}.page_stateSection__hC6WW h2{margin:0;font-size:var(--heading-03)}.page_stateGrid__WOh2P{display:grid;grid-gap:var(--core-spacing-size-04);gap:var(--core-spacing-size-04)}.page_stateItem__wAVze{display:flex;justify-content:space-between;align-items:center;padding:var(--core-spacing-size-03);background:var(--semantic-color-background-secondary);border-radius:var(--core-shape-radius-small)}.page_stateLabel__ctjVB{color:var(--semantic-color-foreground-secondary);font-weight:var(--semantic-typography-font-weight-semibold)}.page_stateItem__wAVze span:last-child{color:var(--semantic-color-foreground-primary);font-family:monospace}.page_stateItem__wAVze .page_active__wrWCJ{color:var(--semantic-color-foreground-accent)}.page_stateItem__wAVze .page_inactive__ltCTk{color:var(--semantic-color-foreground-tertiary)}.page_shortcutsSection__x1Iqd{display:flex;flex-direction:column;gap:var(--core-spacing-size-04);padding:var(--core-spacing-size-06);background:var(--semantic-color-background-primary);border:2px solid var(--semantic-color-border-primary);border-radius:var(--core-shape-radius-medium)}.page_shortcutsSection__x1Iqd h2{margin:0;font-size:var(--heading-03)}.page_shortcutsList__SsfTk{display:grid;grid-gap:var(--core-spacing-size-04);gap:var(--core-spacing-size-04);margin:0}.page_shortcutsList__SsfTk dt{margin-bottom:var(--core-spacing-size-02);font-weight:var(--semantic-typography-font-weight-semibold)}.page_shortcutsList__SsfTk dt kbd{display:inline-block;margin-right:var(--core-spacing-size-02);padding:2px 6px;background:var(--semantic-color-background-tertiary);border:1px solid var(--semantic-color-border-primary);border-radius:3px;font-size:.9em;font-family:monospace}.page_shortcutsList__SsfTk dd{margin:0 0 var(--core-spacing-size-04) var(--core-spacing-size-06);color:var(--semantic-color-foreground-secondary)}.page_pointerSection____Nct{display:flex;flex-direction:column;grid-column:1/-1;gap:var(--core-spacing-size-04);padding:var(--core-spacing-size-06);background:var(--semantic-color-background-primary);border:2px solid var(--semantic-color-border-primary);border-radius:var(--core-shape-radius-medium)}.page_pointerSection____Nct h2{margin:0;font-size:var(--heading-03)}.page_pointerArea__ZB_2U{position:relative;display:flex;justify-content:center;align-items:center;min-height:300px;background:var(--semantic-color-background-secondary);border:2px dashed var(--semantic-color-border-primary);border-radius:var(--core-shape-radius-small);cursor:crosshair}.page_pointerArea__ZB_2U p{color:var(--semantic-color-foreground-secondary);font-style:italic}.page_pointerIndicator__QxSiS{position:absolute;width:12px;height:12px;margin-top:-6px;margin-left:-6px;background:rgba(var(--semantic-color-foreground-accent-rgb),.2);border:2px solid var(--semantic-color-foreground-accent);border-radius:50%;pointer-events:none}.page_dragLine__ynHAq{position:absolute;top:0;left:0;overflow:visible;width:100%;height:100%;pointer-events:none}