:root{--gbs-color-default-0:#fff;--gbs-color-default-100:#f5f5f5;--gbs-color-default-200:#d8d8d8;--gbs-color-default-300:#bbb;--gbs-color-default-400:#9e9e9e;--gbs-color-default-500:#818181;--gbs-color-default-600:#646464;--gbs-color-default-700:#474747;--gbs-color-default-800:#2a2a2a;--gbs-color-default-900:#0d0d0d;--gbs-color-default-1000:#000;--gbs-color-primary-0:#fff;--gbs-color-primary-100:#ffe8cc;--gbs-color-primary-200:#ffd199;--gbs-color-primary-300:#ffba66;--gbs-color-primary-400:#ffa333;--gbs-color-primary-500:#ff8c00;--gbs-color-primary-600:#cc7000;--gbs-color-primary-700:#995400;--gbs-color-primary-800:#663800;--gbs-color-primary-900:#331c00;--gbs-color-primary-1000:#000;--gbs-color-highlight:var(--gbs-color-primary-500);--gbs-color-highlight-overlay:color-mix(in srgb, var(--gbs-color-highlight) 35%, transparent);--gbs-color-hover:var(--gbs-color-primary-700);--gbs-color-hover-secondary:var(--gbs-color-default-0);--gbs-color-code-background:var(--gbs-color-default-700);--gbs-color-code-token-default:var(--gbs-color-default-0);--gbs-color-code-token-keyword:#ff8fb3;--gbs-color-code-token-number:#7fd9ff;--gbs-color-code-token-punctuation:var(--gbs-color-default-400);--gbs-palette-0:#fff;--gbs-palette-1:#aaa;--gbs-palette-2:#555;--gbs-palette-3:#000;--gbs-font-size-100:10px;--gbs-font-size-200:12px;--gbs-font-size-300:14px;--gbs-font-size-400:16px;--gbs-font-size-500:18px;--gbs-font-size-600:20px;--gbs-font-size-700:22px;--gbs-font-size-800:24px;--gbs-font-size-900:26px;--gbs-font-weight-default:400;--gbs-font-weight-bold:700;--gbs-spacer-50:3px;--gbs-spacer-100:5px;--gbs-spacer-200:10px;--gbs-spacer-300:15px;--gbs-spacer-400:20px;--gbs-spacer-500:25px;--gbs-spacer-600:30px;--gbs-spacer-700:35px;--gbs-spacer-800:40px;--gbs-spacer-900:45px;--gbs-border-radius:4px;--background-color:var(--gbs-color-default-800);--font-family:sans-serif;--font-color:var(--gbs-color-default-300);--grid-border-color:var(--gbs-color-default-600);--grid-border-width:1px;--grid-cell-size:24px;--gbs-icon-size:var(--gbs-font-size-300);--tab-underline-width:2px;--tab-color:var(--font-color);--tab-color-selected:var(--gbs-color-highlight);--tab-color-hover:var(--gbs-color-hover);--tab-border-color:var(--gbs-color-default-300);--tabs-border:var(--tab-underline-width) solid var(--tab-border-color);--divider-border:1px solid var(--gbs-color-default-500);--divider-padding:var(--gbs-spacer-300);--resize-handle-width:4px;--resize-handle-color-hover:var(--gbs-color-highlight);--toggle-width:36px;--toggle-height:20px;--toggle-thumb-size:16px;--toggle-track-padding:2px;--toggle-track-color-off:var(--gbs-color-default-600);--toggle-track-color-on:var(--gbs-color-highlight);--toggle-thumb-color:var(--gbs-color-default-0);--toggle-transition-duration:.15s;--toggle-focus-outline:2px solid var(--gbs-color-highlight);--app-height:100%;--container-padding:var(--gbs-spacer-500);--container-gap:var(--gbs-spacer-300);--gallery-gap:var(--gbs-spacer-200);--panel-default-width:300px;--tile-pixel-size:8px;--tile-preview-scale:4;--frame-preview-tile-scale:12;--scrollbar-width:thin;--scrollbar-thumb-color:var(--gbs-color-default-600);--scrollbar-track-color:transparent}html,body{height:var(--app-height);scrollbar-width:var(--scrollbar-width);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);margin:0;padding:0}body{background-color:var(--background-color)}#app{box-sizing:border-box;height:var(--app-height);font-family:var(--font-family);font-size:var(--gbs-font-size-200);font-weight:var(--gbs-font-weight-default);color:var(--font-color);grid-template:"left right right-panel"max-content"bottom bottom right-panel"1fr/max-content 1fr max-content;gap:0;padding:0;display:grid}#app>.left{gap:var(--container-gap);padding:var(--container-padding);flex-direction:column;grid-area:left;display:flex}#app>.right{gap:var(--container-gap);padding:var(--container-padding);grid-area:right}#app>.bottom{margin:var(--container-padding);grid-area:bottom}#app>.right-panel{width:var(--panel-default-width);grid-area:right-panel;min-height:0;overflow-y:auto}.divider-top{padding-top:var(--divider-padding);border-top:var(--divider-border)}