.page-module-scss-module__y26Iwq__container{gap:var(--core-spacing-size-06);max-width:100vw;padding:var(--core-spacing-size-08);flex-direction:column;display:flex}.page-module-scss-module__y26Iwq__header{padding:var(--core-spacing-size-06);text-align:center}.page-module-scss-module__y26Iwq__header h1{margin:0 0 var(--core-spacing-size-04)0;font-size:var(--heading-01)}.page-module-scss-module__y26Iwq__header p{margin:var(--core-spacing-size-02)0;color:var(--semantic-color-foreground-secondary)}.page-module-scss-module__y26Iwq__testGrid{gap:var(--core-spacing-size-06);grid-template-columns:repeat(2,1fr);display:grid}@media not (min-width:1024px){.page-module-scss-module__y26Iwq__testGrid{grid-template-columns:1fr}}.page-module-scss-module__y26Iwq__canvasSection{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);flex-direction:column;grid-column:1/-1;display:flex}.page-module-scss-module__y26Iwq__canvasSection h2{font-size:var(--heading-03);margin:0}.page-module-scss-module__y26Iwq__canvasWrapper{background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-subtle);border-radius:var(--core-shape-radius-small);min-height:400px;overflow:hidden}.page-module-scss-module__y26Iwq__canvasInfo{padding:var(--core-spacing-size-04);background:var(--semantic-color-background-secondary);border-radius:var(--core-shape-radius-small)}.page-module-scss-module__y26Iwq__canvasInfo p{margin:0 0 var(--core-spacing-size-04)0;font-weight:var(--semantic-typography-font-weight-semibold)}.page-module-scss-module__y26Iwq__canvasInfo ul{padding-left:var(--core-spacing-size-06);color:var(--semantic-color-foreground-secondary);margin:0}.page-module-scss-module__y26Iwq__canvasInfo li{margin:var(--core-spacing-size-02)0}.page-module-scss-module__y26Iwq__canvasInfo kbd{background:var(--semantic-color-background-tertiary);border:1px solid var(--semantic-color-border-primary);border-radius:3px;padding:2px 6px;font-family:monospace;font-size:.9em;display:inline-block}.page-module-scss-module__y26Iwq__logSection{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);flex-direction:column;display:flex}.page-module-scss-module__y26Iwq__logSection h2{font-size:var(--heading-03);margin:0}.page-module-scss-module__y26Iwq__logContainer{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);flex:1;overflow-y:auto}.page-module-scss-module__y26Iwq__logList{color:var(--semantic-color-foreground-primary);font-size:var(--semantic-typography-body-02-fontSize);margin:0;padding:0;font-family:monospace;list-style:none}.page-module-scss-module__y26Iwq__logList 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-module-scss-module__y26Iwq__emptyLog{padding:var(--core-spacing-size-08);color:var(--semantic-color-foreground-tertiary);text-align:center;margin:0;font-style:italic}.page-module-scss-module__y26Iwq__clearButton{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);cursor:pointer;transition:background-color .2s}.page-module-scss-module__y26Iwq__clearButton:hover{background:var(--semantic-color-background-hover)}.page-module-scss-module__y26Iwq__clearButton:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.page-module-scss-module__y26Iwq__stateSection{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);flex-direction:column;display:flex}.page-module-scss-module__y26Iwq__stateSection h2{font-size:var(--heading-03);margin:0}.page-module-scss-module__y26Iwq__stateGrid{gap:var(--core-spacing-size-04);display:grid}.page-module-scss-module__y26Iwq__stateItem{padding:var(--core-spacing-size-03);background:var(--semantic-color-background-secondary);border-radius:var(--core-shape-radius-small);justify-content:space-between;align-items:center;display:flex}.page-module-scss-module__y26Iwq__stateLabel{color:var(--semantic-color-foreground-secondary);font-weight:var(--semantic-typography-font-weight-semibold)}.page-module-scss-module__y26Iwq__stateItem span:last-child{color:var(--semantic-color-foreground-primary);font-family:monospace}.page-module-scss-module__y26Iwq__stateItem .page-module-scss-module__y26Iwq__active{color:var(--semantic-color-foreground-accent)}.page-module-scss-module__y26Iwq__stateItem .page-module-scss-module__y26Iwq__inactive{color:var(--semantic-color-foreground-tertiary)}.page-module-scss-module__y26Iwq__shortcutsSection{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);flex-direction:column;display:flex}.page-module-scss-module__y26Iwq__shortcutsSection h2{font-size:var(--heading-03);margin:0}.page-module-scss-module__y26Iwq__shortcutsList{gap:var(--core-spacing-size-04);margin:0;display:grid}.page-module-scss-module__y26Iwq__shortcutsList dt{margin-bottom:var(--core-spacing-size-02);font-weight:var(--semantic-typography-font-weight-semibold)}.page-module-scss-module__y26Iwq__shortcutsList dt kbd{margin-right:var(--core-spacing-size-02);background:var(--semantic-color-background-tertiary);border:1px solid var(--semantic-color-border-primary);border-radius:3px;padding:2px 6px;font-family:monospace;font-size:.9em;display:inline-block}.page-module-scss-module__y26Iwq__shortcutsList dd{margin:0 0 var(--core-spacing-size-04)var(--core-spacing-size-06);color:var(--semantic-color-foreground-secondary)}.page-module-scss-module__y26Iwq__pointerSection{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);flex-direction:column;grid-column:1/-1;display:flex}.page-module-scss-module__y26Iwq__pointerSection h2{font-size:var(--heading-03);margin:0}.page-module-scss-module__y26Iwq__pointerArea{background:var(--semantic-color-background-secondary);border:2px dashed var(--semantic-color-border-primary);border-radius:var(--core-shape-radius-small);cursor:crosshair;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}.page-module-scss-module__y26Iwq__pointerArea p{color:var(--semantic-color-foreground-secondary);font-style:italic}.page-module-scss-module__y26Iwq__pointerIndicator{background:rgba(var(--semantic-color-foreground-accent-rgb),.2);border:2px solid var(--semantic-color-foreground-accent);pointer-events:none;border-radius:50%;width:12px;height:12px;margin-top:-6px;margin-left:-6px;position:absolute}.page-module-scss-module__y26Iwq__dragLine{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}