.gc-root{--gc-bg:#15171a;--gc-panel:#1d2026;--gc-panel-2:#23272e;--gc-border:#2d323a;--gc-text:#d7dbe0;--gc-dim:#8a8f99;--gc-accent:#4ec3d9;--gc-accent-soft:#4ec3d924;--gc-ok:#7dc47f;--gc-err:#e07070;--gc-err-soft:#e070701f;--gc-warn:#e0b060;--gc-stage:#0e1013;--gc-outside:#00000073;--gc-playhead:#fff;--gc-check-a:#2a2d33;--gc-check-b:#23262b;--gc-mono:"Cascadia Mono", ui-monospace, "Consolas", monospace;color-scheme:dark;background:var(--gc-bg);height:calc(100dvh - 8rem);min-height:560px;color:var(--gc-text);border:2px solid var(--gc-border);user-select:none;border-radius:10px;flex-direction:column;margin:1rem 0 2rem;font-family:Yu Gothic UI,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;font-size:13px;line-height:1.4;transition:border-color .15s;display:flex;overflow:hidden}.gc-root[data-theme=light]{--gc-bg:#f3f5f7;--gc-panel:#fff;--gc-panel-2:#eef1f4;--gc-border:#d3d9e0;--gc-text:#1f2429;--gc-dim:#5c6570;--gc-accent:#0b7489;--gc-accent-soft:#0b74891a;--gc-ok:#2e7d32;--gc-err:#c43c3c;--gc-err-soft:#c43c3c1a;--gc-warn:#946000;--gc-stage:#dde2e7;--gc-outside:#1f24291f;--gc-playhead:#1f2429;--gc-check-a:#fff;--gc-check-b:#e3e7eb;color-scheme:light}@media (prefers-color-scheme:light){.gc-root:not([data-theme=dark]){--gc-bg:#f3f5f7;--gc-panel:#fff;--gc-panel-2:#eef1f4;--gc-border:#d3d9e0;--gc-text:#1f2429;--gc-dim:#5c6570;--gc-accent:#0b7489;--gc-accent-soft:#0b74891a;--gc-ok:#2e7d32;--gc-err:#c43c3c;--gc-err-soft:#c43c3c1a;--gc-warn:#946000;--gc-stage:#dde2e7;--gc-outside:#1f24291f;--gc-playhead:#1f2429;--gc-check-a:#fff;--gc-check-b:#e3e7eb;color-scheme:light}}.gc-root.drag-over{border-color:var(--gc-accent)}.gc-root *,.gc-root :before,.gc-root :after{box-sizing:border-box;margin:0}.gc-root .mono{font-family:var(--gc-mono)}.gc-root .dim{color:var(--gc-dim)}.gc-root .hidden,.gc-root .edit-area.hidden{display:none}.gc-root .titlebar{border-bottom:1px solid var(--gc-border);align-items:baseline;gap:14px;padding:12px 18px 10px;display:flex}.gc-root .titlebar h1{letter-spacing:.06em;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.3}.gc-root .titlebar h1:before{content:"▶";color:var(--gc-accent);vertical-align:1px;margin-right:8px;font-size:10px}.gc-root .titlebar .ver{color:var(--gc-dim);letter-spacing:0;font-size:11px;font-weight:400}.gc-root .count{color:var(--gc-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.gc-root .spacer{flex:1}.gc-root button,.gc-root select,.gc-root input[type=number]{font:inherit;color:var(--gc-text);background:var(--gc-panel-2);border:1px solid var(--gc-border);cursor:pointer;border-radius:5px;padding:5px 12px}.gc-root input[type=number]{cursor:text;padding:4px 6px}.gc-root button:hover:not(:disabled),.gc-root select:hover:not(:disabled){border-color:var(--gc-accent);color:var(--gc-accent)}.gc-root button:disabled,.gc-root select:disabled,.gc-root input:disabled{opacity:.45;cursor:default}.gc-root button.primary{background:var(--gc-accent-soft);border-color:var(--gc-accent);color:var(--gc-accent);width:100%;padding:8px 12px;font-weight:600}.gc-root button.primary:disabled{background:var(--gc-panel-2);border-color:var(--gc-border);color:var(--gc-text)}.gc-root .theme-toggle{white-space:nowrap}.gc-root .mode-tabs{gap:4px;padding:10px 12px 0;display:flex}.gc-root .mode-tab{color:var(--gc-dim);border-bottom-color:#0000;border-radius:6px 6px 0 0;padding:6px 18px}.gc-root .mode-tab.active{background:var(--gc-accent-soft);border-color:var(--gc-accent);color:var(--gc-accent);font-weight:600}.gc-root .columns{flex:1;grid-template-columns:1fr 340px;gap:12px;min-height:0;padding:12px;display:grid}.gc-root .panel{background:var(--gc-panel);border:1px solid var(--gc-border);border-radius:8px;flex-direction:column;min-height:0;padding:10px;display:flex}.gc-root .panel.side{gap:10px;overflow:hidden}.gc-root .edit-area{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.gc-root .stage{background:var(--gc-stage);border-radius:6px;flex:1;min-height:0;position:relative;overflow:hidden}.gc-root .stage-media{position:absolute}.gc-root .stage-media video{background:#000;width:100%;height:100%;display:block}.gc-root .dropzone{text-align:center;border:1px dashed var(--gc-border);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;inset:0}.gc-root .dropzone-title{color:var(--gc-accent);font-size:15px}.gc-root .note{color:var(--gc-dim);max-width:34em;font-size:12px}.gc-root .warn{color:var(--gc-warn);font-size:12px}.gc-root .crop-layer{cursor:crosshair;touch-action:none;position:absolute;inset:0;overflow:hidden}.gc-root .crop-box{border:1px solid var(--gc-accent);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #0000008c}.gc-root .crop-size{color:var(--gc-accent);white-space:nowrap;background:#0009;border-radius:3px;padding:1px 5px;font-size:11px;position:absolute;top:-20px;left:0}.gc-root .crop-handle{background:var(--gc-accent);touch-action:none;border-radius:2px;width:10px;height:10px;position:absolute}.gc-root .crop-handle.nw{cursor:nwse-resize;top:-5px;left:-5px}.gc-root .crop-handle.n{cursor:ns-resize;top:-5px;left:calc(50% - 5px)}.gc-root .crop-handle.ne{cursor:nesw-resize;top:-5px;right:-5px}.gc-root .crop-handle.e{cursor:ew-resize;top:calc(50% - 5px);right:-5px}.gc-root .crop-handle.se{cursor:nwse-resize;bottom:-5px;right:-5px}.gc-root .crop-handle.s{cursor:ns-resize;bottom:-5px;left:calc(50% - 5px)}.gc-root .crop-handle.sw{cursor:nesw-resize;bottom:-5px;left:-5px}.gc-root .crop-handle.w{cursor:ew-resize;top:calc(50% - 5px);left:-5px}.gc-root .timeline{flex-direction:column;gap:6px;display:flex}.gc-root .timeline-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gc-root .timeline-readout{margin-left:auto;font-size:12px}.gc-root .timeline-track{background:var(--gc-panel-2);border:1px solid var(--gc-border);cursor:pointer;touch-action:none;border-radius:5px;height:28px;position:relative;overflow:hidden}.gc-root .timeline-outside{background:var(--gc-outside);position:absolute;top:0;bottom:0}.gc-root .timeline-range{background:var(--gc-accent-soft);border-left:1px solid var(--gc-accent);border-right:1px solid var(--gc-accent);position:absolute;top:0;bottom:0}.gc-root .timeline-playhead{background:var(--gc-playhead);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.gc-root .timeline-handle{cursor:ew-resize;touch-action:none;width:12px;margin-left:-6px;position:absolute;top:0;bottom:0}.gc-root .timeline-handle:after{content:"";background:var(--gc-accent);border-radius:2px;width:4px;position:absolute;top:4px;bottom:4px;left:4px}.gc-root .timeline-scale{color:var(--gc-dim);justify-content:space-between;font-size:11px;display:flex}.gc-root .settings{flex-direction:column;flex:1;gap:14px;padding-right:4px;display:flex;overflow-y:auto}.gc-root .section h2{color:var(--gc-accent);letter-spacing:.08em;border-bottom:1px solid var(--gc-border);margin-bottom:6px;padding-bottom:4px;font-size:12px;font-weight:600}.gc-root .field{align-items:center;gap:8px;padding:3px 0;display:flex}.gc-root .field-label{width:92px;color:var(--gc-dim);flex:none;font-size:12px}.gc-root .field-hint{color:var(--gc-dim);opacity:.8;font-size:11px;display:block}.gc-root .field-body{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.gc-root .field-body select{flex:1;min-width:0}.gc-root .num{align-items:center;gap:4px;display:inline-flex}.gc-root .suffix{color:var(--gc-dim);font-size:11px}.gc-root .check{cursor:pointer;align-items:flex-start;gap:6px;padding:4px 0;display:flex}.gc-root .check.disabled{opacity:.45;cursor:default}.gc-root .check input{accent-color:var(--gc-accent);margin-top:2px}.gc-root .slider{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.gc-root .slider input[type=range]{min-width:0;accent-color:var(--gc-accent);flex:1}.gc-root .slider-value{text-align:right;width:52px;color:var(--gc-dim);font-size:11px}.gc-root .row-actions{gap:6px;padding-top:4px;display:flex}.gc-root .actions{border-top:1px solid var(--gc-border);flex-direction:column;flex:none;gap:8px;padding-top:10px;display:flex}.gc-root .estimate{color:var(--gc-text);background:var(--gc-panel-2);border:1px solid var(--gc-border);border-radius:5px;justify-content:space-between;gap:8px;padding:6px 10px;font-size:12px;display:flex}.gc-root .progress{background:var(--gc-panel-2);border-radius:3px;height:6px;overflow:hidden}.gc-root .progress-bar{background:var(--gc-accent);height:100%;transition:width .1s linear}.gc-root .result-pane{flex:1;grid-template-columns:1fr 220px;gap:12px;min-height:0;display:grid}.gc-root .viewer{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.gc-root .viewer-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gc-root .zoom-group{display:inline-flex}.gc-root .zoom-group button{border-radius:0;margin-left:-1px;padding:4px 12px}.gc-root .zoom-group button:first-child{border-radius:5px 0 0 5px;margin-left:0}.gc-root .zoom-group button:last-child{border-radius:0 5px 5px 0}.gc-root .zoom-group button.active{background:var(--gc-accent-soft);border-color:var(--gc-accent);color:var(--gc-accent);font-weight:600;position:relative}.gc-root .viewer-readout{white-space:nowrap;margin-left:auto;font-size:12px}.gc-root .viewer-pane{border:1px solid var(--gc-border);border-radius:6px;flex:1;min-height:0;position:relative;overflow:auto}.gc-root .viewer-pane.pannable{cursor:grab;touch-action:none}.gc-root .viewer-pane.pannable:active{cursor:grabbing}.gc-root .viewer-pane.checker{background-color:var(--gc-check-a);background-image:linear-gradient(45deg, var(--gc-check-b) 25%, transparent 25%), linear-gradient(-45deg, var(--gc-check-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--gc-check-b) 75%), linear-gradient(-45deg, transparent 75%, var(--gc-check-b) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;background-attachment:local}.gc-root .viewer-pane.dark{background:#000}.gc-root .viewer-pane.light{background:#fff}.gc-root .viewer-canvas{justify-content:center;align-items:center;display:flex}.gc-root .viewer-canvas img{flex:none;max-width:none;display:block}.gc-root .viewer-canvas img.pixelated{image-rendering:pixelated}.gc-root .result-info{flex-direction:column;gap:10px;display:flex;overflow-y:auto}.gc-root .result-info dl{flex-direction:column;gap:4px;display:flex}.gc-root .result-info dl>div{border-bottom:1px dotted var(--gc-border);justify-content:space-between;gap:8px;padding-bottom:3px;display:flex}.gc-root .result-info dt{color:var(--gc-dim);font-size:12px}.gc-root .result-info dd{font-size:12px}.gc-root .result-info .note{word-break:break-all}.gc-root .statusbar{border-top:1px solid var(--gc-border);color:var(--gc-dim);white-space:nowrap;text-overflow:ellipsis;flex:none;padding:7px 14px;font-size:12px;overflow:hidden}.gc-root .statusbar .err{color:var(--gc-err)}.gc-root.gc-test{user-select:text;height:auto;min-height:0}.gc-root .titlebar button.primary{width:auto}.gc-root .test-body{padding:12px 16px 16px;overflow-y:auto}.gc-root .test-summary{margin:4px 0 10px;font-weight:600}.gc-root .test-summary.ok{color:var(--gc-ok)}.gc-root .test-summary.ng{color:var(--gc-err)}.gc-root .test-list{flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.gc-root .test-item{background:var(--gc-panel);border-radius:5px;align-items:baseline;gap:10px;padding:6px 8px;display:flex}.gc-root .test-item.ng{background:var(--gc-err-soft)}.gc-root .test-mark{text-align:center;flex:none;width:1.2em;font-weight:700}.gc-root .test-item.ok .test-mark{color:var(--gc-ok)}.gc-root .test-item.ng .test-mark{color:var(--gc-err)}.gc-root .test-item.skip .test-mark{color:var(--gc-dim)}.gc-root .test-text{flex-direction:column;gap:2px;min-width:0;display:flex}.gc-root .test-detail{color:var(--gc-dim);word-break:break-word;font-size:11px}.gc-root .test-preview{align-items:center;gap:8px;padding-top:4px;display:flex}.gc-root .test-preview img{border:1px solid var(--gc-border);image-rendering:pixelated;border-radius:4px;max-height:96px}@media (width<=900px){.gc-root{height:auto;min-height:0}.gc-root .columns{grid-template-columns:1fr}.gc-root .stage{min-height:240px}.gc-root .panel.side,.gc-root .settings{overflow:visible}.gc-root .result-pane{grid-template-columns:1fr}.gc-root .viewer-pane{flex:none;height:60vh;min-height:240px}}
