.gd-container{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex}.gd-workspace{flex:1;grid-template-columns:minmax(0,1fr) 290px;align-items:stretch;height:100%;min-height:0;margin-top:.25rem;display:grid;overflow:hidden}@media (width<=860px){.gd-workspace{grid-template-columns:1fr;height:auto;min-height:0;max-height:none;overflow:visible}}.gd-board-wrapper{-webkit-user-select:none;user-select:none;border-right:1px solid var(--border-subtle);box-sizing:border-box;flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}@media (width<=860px){.gd-board-wrapper{border-right:none;border-bottom:1px solid var(--border-subtle);min-height:420px}}.gd-zoom-hud{background-color:var(--bg-surface);border:1px solid var(--border-subtle);z-index:10;-webkit-user-select:none;user-select:none;align-items:center;gap:.2rem;padding:2px 4px;display:flex;position:absolute;bottom:.75rem;left:.75rem}.gd-zoom-btn{width:22px;height:22px;color:var(--fg-secondary);cursor:pointer;font-family:var(--font-mono);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:.75rem;display:flex}.gd-zoom-btn:hover{background-color:var(--bg-surface-hover);color:var(--fg-primary)}.gd-zoom-label{font-family:var(--font-mono);color:var(--fg-dim);cursor:pointer;padding:0 .3rem;font-size:.7rem}.gd-zoom-label:hover{color:var(--fg-primary)}.gd-canvas-viewport{scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;flex:1;width:100%;height:100%;overflow:scroll}.gd-canvas-viewport::-webkit-scrollbar{display:none}.gd-canvas-inner-wrap{box-sizing:content-box;justify-content:center;align-items:center;width:fit-content;min-width:100%;height:fit-content;min-height:100%;padding:max(60vh,320px) max(60vw,420px);display:flex}.gd-svg-canvas{-webkit-user-select:none;user-select:none;touch-action:none;background-color:#0000;flex-shrink:0;display:block}.gd-svg-cell{cursor:crosshair;-webkit-user-select:none;user-select:none;transition:fill 50ms,stroke 50ms}.gd-svg-cell:hover{stroke:var(--border-focus)!important}.gd-cell{aspect-ratio:1;cursor:crosshair;border:1px solid var(--border-subtle);background-color:var(--bg-canvas);-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:transform 50ms,background-color 80ms,border-color 80ms}.gd-aside{box-sizing:border-box;flex-direction:column;height:100%;padding:1.25rem 1rem 1.5rem 1.25rem;display:flex;overflow-y:auto}.gd-section{flex-direction:column;margin-bottom:1.5rem;display:flex}.gd-section:last-child{margin-bottom:0}.gd-section-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.35rem;display:flex}.gd-section-title{font-family:var(--font-mono);color:var(--fg-dim);letter-spacing:.05em;font-size:.8rem}.gd-section-title:before{content:"// ";color:var(--border-subtle)}.gd-checkbox-label{cursor:pointer;font-family:var(--font-mono);color:var(--fg-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.gd-checkbox-label input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.gd-custom-checkbox{border:1px solid var(--border-subtle);background-color:var(--bg-surface);width:14px;height:14px;transition:border-color var(--transition-fast), background-color var(--transition-fast);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gd-checkbox-label:hover .gd-custom-checkbox{border-color:var(--border-focus)}.gd-checkbox-label input[type=checkbox]:checked+.gd-custom-checkbox{background-color:var(--fg-primary);border-color:var(--fg-primary)}.gd-custom-checkbox-icon{width:10px;height:10px;color:var(--bg-canvas);display:none}.gd-checkbox-label input[type=checkbox]:checked+.gd-custom-checkbox .gd-custom-checkbox-icon{display:block}.gd-plain-label{font-family:var(--font-mono);color:var(--fg-dim);letter-spacing:.08em;font-size:.8rem;display:block}.gd-presets-row{scrollbar-width:thin;scrollbar-color:var(--border-muted) transparent;flex-wrap:nowrap;gap:.35rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.gd-presets-row::-webkit-scrollbar{height:3px}.gd-presets-row::-webkit-scrollbar-track{background:0 0}.gd-presets-row::-webkit-scrollbar-thumb{background:var(--border-muted);border-radius:0!important}.gd-presets-row::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.gd-slider{appearance:none;background:var(--border-subtle);outline:none;width:100%;height:6px;margin:.5rem 0}.gd-slider::-webkit-slider-thumb{appearance:none;background:var(--fg-primary);cursor:pointer;border:none;width:16px;height:16px}.gd-slider::-moz-range-thumb{background:var(--fg-primary);cursor:pointer;border:none;width:16px;height:16px}.gd-frames-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:.45rem;max-height:140px;padding:.25rem .5rem .25rem .1rem;display:grid;overflow-y:auto}.gd-frame-thumbnail{aspect-ratio:1;background-color:var(--bg-canvas);border:2px solid var(--border-subtle);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:2px;transition:border-color .1s;display:flex;position:relative}.gd-frame-thumbnail:hover{border-color:var(--border-focus)}.gd-frame-thumbnail.active{border-color:var(--fg-primary)!important}.gd-frame-preview-svg{width:100%;height:100%;display:block}.gd-frame-num{font-family:var(--font-mono);color:#e8e2d2;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#000000a6;padding:1px 3px;font-size:.62rem;line-height:1;position:absolute;bottom:2px;left:2px;border:none!important}.gd-aside,.gd-frames-grid{scrollbar-width:thin;scrollbar-color:var(--border-muted) transparent}.gd-aside::-webkit-scrollbar{width:4px;height:4px}.gd-frames-grid::-webkit-scrollbar{width:4px;height:4px}.gd-aside::-webkit-scrollbar-track{background:0 0}.gd-frames-grid::-webkit-scrollbar-track{background:0 0}.gd-aside::-webkit-scrollbar-thumb{background:var(--border-muted);border-radius:0!important}.gd-frames-grid::-webkit-scrollbar-thumb{background:var(--border-muted);border-radius:0!important}.gd-aside::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.gd-frames-grid::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.gd-speed-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gd-speed-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gd-speed-input{-moz-appearance:textfield}.btn-success{background-color:var(--color-success)!important;color:var(--accent-contrast)!important;border-color:var(--color-success)!important}