.dark.section-grid-studio{--gs-bg:#141414;--gs-surface:#1c1c1c;--gs-raised:#242424;--gs-hover:#303030;--gs-text:#ededed;--gs-muted:#a0a0a0;--gs-faint:#777;--gs-line:#303030;--gs-accent:#e0e0e0;--gs-on-accent:#171717;--gs-error:#f7afa3;--gs-ease:cubic-bezier(0.2,0.7,0.2,1);--background:var(--gs-bg);--foreground:var(--gs-text);--popover:var(--gs-surface);--popover-foreground:var(--gs-text);--muted-foreground:var(--gs-muted);color-scheme:dark;background:var(--gs-bg);color:var(--gs-text);font-family:var(--font-grid-sans),Arial,sans-serif;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}.section-grid-studio *,.section-grid-studio :after,.section-grid-studio :before{box-sizing:border-box}.section-grid-studio button,.section-grid-studio input,.section-grid-studio textarea{font:inherit}.section-grid-studio button{cursor:pointer}.section-grid-studio button:disabled{cursor:not-allowed;opacity:.4}.section-grid-studio :is(button,a,input,textarea):focus-visible{outline:2px solid var(--gs-accent);outline-offset:4px}.section-grid-studio a{color:inherit;text-decoration:none}.section-grid-studio button{-webkit-tap-highlight-color:transparent}.gs-studio{height:100dvh;width:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.gs-header{height:56px;flex-shrink:0;padding:0 16px;justify-content:space-between;gap:16px}.gs-actions,.gs-button,.gs-dialog-actions,.gs-dialog-title-row,.gs-header,.gs-identity,.gs-library-header,.gs-library-tabs,.gs-preview-bar,.gs-preview-bar>div,.gs-preview-tools,.gs-text-button{display:flex;align-items:center}.gs-identity{gap:12px;min-width:0}.gs-back{display:grid;place-items:center;width:30px;height:36px;color:var(--gs-muted);margin-right:0;transition:color .16s}.gs-back:hover{color:var(--gs-text)}.gs-brand-icon{display:flex;color:var(--gs-accent)}.gs-identity h1{font-size:17px;font-weight:650;letter-spacing:-.5px;white-space:nowrap}.gs-edition{color:var(--gs-muted);font-size:12px;border-left:1px solid var(--gs-line);padding-left:20px;margin-left:12px}.gs-actions{gap:8px;flex-shrink:0}.gs-button{justify-content:center;gap:8px;min-height:38px;padding:9px 14px;border:1px solid var(--gs-line);border-radius:8px;background:var(--gs-raised);color:var(--gs-text);font-size:12px;font-weight:600;line-height:1.25;white-space:nowrap;transition:background .16s var(--gs-ease),border-color .16s var(--gs-ease),transform .14s var(--gs-ease)}.gs-button:hover:not(:disabled){background:var(--gs-hover);border-color:var(--gs-faint)}.gs-button:active:not(:disabled){transform:translateY(1px)}.gs-button.gs-primary{color:var(--gs-on-accent);background:var(--gs-accent);border-color:var(--gs-accent)}.gs-button.gs-primary:hover{background:#fff;border-color:#fff}.gs-workbench{display:grid;grid-template-columns:minmax(0,1fr) 310px;border-top:1px solid var(--gs-line);overflow:clip;background:var(--gs-surface);flex:1;min-height:0}.gs-workarea{min-width:0;min-height:0;display:flex;flex-direction:column}.gs-preview-bar{flex-shrink:0;height:40px;justify-content:space-between;gap:16px;padding:0 16px;border-bottom:1px solid var(--gs-line)}.gs-preview-bar>div{gap:10px;min-width:0}.gs-preview-bar strong{font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-live-dot{width:6px;height:6px;border-radius:50%;background:var(--gs-muted);flex-shrink:0}.gs-live-dot[data-running=true]{background:var(--gs-accent)}.gs-edited{color:var(--gs-muted);font-size:10px;border:1px solid var(--gs-line);padding:1px 5px;border-radius:4px}.gs-preview-tools{flex-shrink:0}.gs-preview-tools button{border:0;background:none;color:var(--gs-muted);min-height:32px;min-width:28px;display:flex;justify-content:center;align-items:center;gap:6px;font-size:11px;transition:color .15s}.gs-preview-tools button:hover:not(:disabled){color:var(--gs-text)}.gs-divider{height:16px;width:1px;background:var(--gs-line);margin-inline:3px}.gs-viewport{background:conic-gradient(#202020 25%,#242424 0 50%,#202020 0 75%,#242424 0) 0 0 /16px 16px;min-height:0;flex:1 1 0;position:relative;overflow:hidden;isolation:isolate}.gs-viewport[data-expanded=true]{position:fixed;inset:0;width:100%;height:100dvh;z-index:10020}.gs-viewport:fullscreen{width:100vw;height:100vh}.gs-viewport-controls{position:absolute;top:14px;right:14px;display:flex;gap:6px;z-index:2}.gs-viewport-controls button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:8px;color:var(--gs-text);background:#171717cc}.gs-viewport-controls button:hover{background:var(--gs-hover)}.gs-studio[data-preview-fullscreen=true] :is(.gs-header,.gs-preview-bar,.gs-canvas-footer,.gs-mobile-tabs,.gs-library,.gs-parameter-rail,.gs-notice){visibility:hidden}body:has(.gs-viewport[data-expanded=true])
[aria-label="Look switcher and frame rate"]{visibility:hidden}.gs-canvas{display:block;width:100%;height:100%;touch-action:none}.gs-canvas-caption{position:absolute;bottom:18px;left:20px;display:flex;gap:16px;padding:6px 9px;border-radius:4px;background:#171717d9;color:#c6c6c6;font:10px/1.4 var(--font-grid-mono),monospace;pointer-events:none}.gs-canvas-caption span+span:before{content:"/";color:#707070;margin-right:16px}.gs-canvas-footer{flex-shrink:0;height:32px;align-items:center;padding:0 16px;display:flex;justify-content:space-between;gap:12px;color:var(--gs-muted);border-block:1px solid var(--gs-line);font:10px/1.6 var(--font-grid-mono),monospace}.gs-canvas-footer>span{display:flex;gap:9px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-canvas-footer>span:last-child{flex-shrink:0}.gs-canvas-footer i{height:10px;width:1px;background:var(--gs-line)}.gs-field-label{text-transform:capitalize}.gs-field-label,.gs-group-label{color:var(--gs-text)}.gs-library{flex:0 0 auto;min-height:0;min-width:0;padding:10px 16px 8px}.gs-library-header{justify-content:space-between;gap:12px;margin-bottom:8px}.gs-library-tabs{gap:20px}.gs-export-tabs button,.gs-library-tabs button{border:0;background:none;color:var(--gs-muted);font-size:12px;padding:3px 0;display:flex;gap:7px;align-items:center}.gs-library-tabs button[aria-pressed=true]{color:var(--gs-text)}.gs-library-tabs button span{font:10px var(--font-grid-mono),monospace;padding:2px 5px;border-radius:4px;background:var(--gs-raised);color:var(--gs-muted)}.gs-text-button{gap:6px;background:none;color:var(--gs-muted);border:0;font-size:11px;padding:4px 0}.gs-text-button:hover{color:var(--gs-text)}.gs-preset-grid{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 8px;margin:-4px;scrollbar-width:thin;scrollbar-color:#555 transparent;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.gs-preset-item{position:relative;min-width:0;flex:0 0 112px;scroll-snap-align:start}.gs-preset{width:100%;border:1px solid var(--gs-line);border-radius:7px;overflow:hidden;background:transparent;padding:0;color:var(--gs-text);text-align:left;transition:border-color .16s,background .16s}.gs-preset:hover{border-color:var(--gs-faint);background:var(--gs-raised)}.gs-preset[aria-pressed=true]{border-color:var(--gs-accent)}.gs-preset>svg{width:100%;height:48px;display:block}.gs-preset>span{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:7px 8px}.gs-preset strong{display:block;font-size:10px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-preset small{display:none}.gs-delete{position:absolute;top:5px;right:5px;display:grid;place-items:center;color:#ddd;background:#171717e8;border:1px solid #ffffff25;width:27px;height:27px;border-radius:5px}.gs-delete:hover{color:var(--gs-error)}.gs-library-foot{margin-top:5px;display:flex;justify-content:space-between;gap:8px;color:var(--gs-muted);font-size:10px}.gs-library-foot p{margin:0}.gs-library-foot>span{color:var(--gs-faint);white-space:nowrap}.gs-parameter-rail{min-height:0;border-left:1px solid var(--gs-line);background:#202020;max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b4b4b transparent;overscroll-behavior-y:contain;padding-bottom:64px}.gs-rail-heading{padding:16px 20px 12px;border-bottom:1px solid var(--gs-line)}.gs-rail-heading h2{font-size:14px;font-weight:500;letter-spacing:-.65px;margin:0 0 3px}.gs-rail-heading p{color:var(--gs-muted);font-size:11px;margin:0;line-height:1.65}.gs-dials{padding:8px}.section-grid-studio .gs-dials .dialkit-root{--dial-glass-bg:#202020;--dial-text-section:#c0c0c0;--dial-text-label:#b3b3b3;--dial-text-tertiary:#959595;--dial-backdrop-blur:0px;font-family:var(--font-grid-sans),Arial,sans-serif}.section-grid-studio .gs-dials .dialkit-panel-inner{backdrop-filter:none}.gs-field-note{padding:18px 22px 0;border-top:1px solid var(--gs-line)}.gs-field-note>span{font-size:11px;font-weight:600}.gs-field-note p{font-size:11px;line-height:1.7;color:var(--gs-muted);margin:8px 0 12px}.gs-symmetry-note strong{font-family:var(--font-grid-mono),monospace;font-weight:500;color:var(--gs-text)}.gs-symmetry-note strong span{color:var(--gs-muted)}.section-grid-studio .gs-dial-credit{display:flex;justify-content:space-between;margin:22px;font-size:10px;color:var(--gs-muted)}.section-grid-studio .gs-dial-credit:hover{color:var(--gs-text)}.gs-hidden,.gs-notice:empty{display:none}.gs-notice{position:absolute;bottom:160px;left:16px;z-index:5;max-width:min(560px,calc(100% - 32px));display:flex;align-items:center;gap:14px;color:var(--gs-text);border:1px solid var(--gs-line);border-radius:8px;padding:12px 16px;font-size:12px;background:var(--gs-raised)}.gs-notice button{background:none;color:var(--gs-accent);border:0;white-space:nowrap}.gs-notice button:last-child{margin-left:auto;padding-inline:8px}.gs-empty{min-height:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;text-align:center;color:var(--gs-muted)}.gs-empty>p,.gs-empty>svg{display:none}.gs-empty strong{color:var(--gs-text);font-weight:500;font-size:14px;margin-top:5px}.gs-empty p{font-size:12px;margin:0 0 5px}.gs-canvas-error,.gs-context-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:var(--gs-bg);text-align:center;padding:24px;color:var(--gs-text)}.gs-canvas-error strong{font-size:20px;font-weight:500}.gs-canvas-error p,.gs-canvas-error small{color:var(--gs-muted);max-width:50ch}.section-grid-studio.gs-dialog{max-width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:14px;background:var(--gs-surface);padding:28px;border:1px solid var(--gs-line);gap:12px;z-index:10010}.gs-dialog [data-slot=dialog-title]{font:500 23px/1.3 var(--font-grid-sans),sans-serif;letter-spacing:-.6px}.gs-dialog [data-slot=dialog-description]{color:var(--gs-muted);font-size:12px;line-height:1.7}.gs-save-form{display:grid;gap:9px;margin-top:12px}.gs-save-form label{font-size:12px;color:var(--gs-muted)}.gs-save-form input{width:100%;background:var(--gs-bg);border:1px solid var(--gs-line);padding:12px;border-radius:7px;color:var(--gs-text)}.gs-form-error{color:var(--gs-error);font-size:12px}.gs-dialog-actions{gap:8px;justify-content:flex-end;margin-top:15px;flex-wrap:wrap}.gs-dialog-title-row{justify-content:space-between;gap:20px}.section-grid-studio.gs-export-dialog{max-width:min(680px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow-y:auto}.gs-export-tabs{display:flex;gap:6px;padding:4px;background:var(--gs-bg);border:1px solid var(--gs-line);border-radius:8px;margin-top:12px}.gs-export-tabs button{justify-content:center;flex:1;border-radius:5px;padding:8px}.gs-export-tabs button[aria-pressed=true]{background:var(--gs-raised);color:var(--gs-text)}.gs-export-help{font-size:11px;color:var(--gs-muted);line-height:1.6;min-height:36px}.section-grid-studio .gs-code{border:1px solid var(--gs-line);background:var(--gs-bg);color:var(--gs-muted);border-radius:8px;width:100%;height:250px;resize:vertical;padding:14px;font:10px/1.6 var(--font-grid-mono),monospace;white-space:pre}.gs-mobile-tabs{display:none}@media (min-width:1800px){.gs-workbench{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:1250px){.gs-edition{display:none}.gs-workbench{grid-template-columns:minmax(0,1fr) 290px}}@media (max-width:850px){.gs-header{height:52px;padding-inline:12px;gap:8px}.gs-workbench{--gs-panel-height:142px;grid-template-columns:minmax(0,1fr);grid-template-rows:40px minmax(0,1fr) 30px 40px var(--gs-panel-height)}.gs-workbench[data-mobile-panel=parameters]{--gs-panel-height:min(42dvh,360px)}.gs-workarea{display:contents}.gs-preview-bar{grid-row:1}.gs-viewport:not([data-expanded=true]){grid-row:2}.gs-canvas-footer{grid-row:3;height:30px}.gs-library{grid-row:5;grid-column:1;padding:8px 12px}.gs-back{margin:0;width:32px}.gs-identity h1{font-size:15px}.gs-parameter-rail{grid-row:5;grid-column:1;border-left:0;height:100%}.gs-mobile-tabs{grid-row:4;display:flex;border-bottom:1px solid var(--gs-line);padding:3px 8px}.gs-mobile-tabs button{flex:1;padding:6px;background:none;border:0;color:var(--gs-muted);font-size:12px;border-radius:6px}.gs-mobile-tabs button[aria-pressed=true]{color:var(--gs-text);background:var(--gs-raised)}.gs-library[data-mobile-active=false],.gs-parameter-rail[data-mobile-active=false],.gs-rail-heading{display:none}.gs-dials{max-width:550px;margin:auto}.gs-library-foot{font-size:9px;white-space:nowrap;overflow:hidden}.gs-library-foot p{text-overflow:ellipsis;overflow:hidden}.gs-notice{bottom:calc(var(--gs-panel-height, 142px) + 60px)}}@media (max-width:520px){.gs-header{padding-inline:8px}.gs-actions .gs-button>span,.gs-brand-icon{display:none}.gs-actions{gap:4px}.gs-identity{gap:6px}.gs-actions .gs-button{padding:0;min-height:40px;width:40px}.gs-preview-bar{padding-inline:12px;gap:8px}.gs-preview-bar .gs-preview-tools{gap:5px}.gs-preview-tools button{min-width:32px}.gs-preview-tools button span{display:none}.gs-preview-bar strong{max-width:120px;font-size:12px}.gs-preview-bar>div{gap:6px}.gs-edited{font-size:9px}.gs-canvas-footer{font-size:9px;padding-inline:12px}.gs-canvas-footer>span:first-child{display:none}.gs-preset-item{flex-basis:104px}.gs-preset>span{padding:8px 7px}.gs-viewport-controls{top:12px;right:12px}.gs-notice{flex-wrap:wrap}.gs-dialog{padding:22px}.gs-code{height:190px}.gs-export-help{min-height:54px}}@media (max-height:520px) and (max-width:850px){.gs-workbench{--gs-panel-height:114px;grid-template-rows:36px minmax(0,1fr) 0 36px var(--gs-panel-height)}.gs-workbench[data-mobile-panel=parameters]{--gs-panel-height:35dvh}.gs-canvas-footer{display:none}.gs-preview-bar{height:36px}.gs-preset>svg{height:28px}.gs-library-foot{display:none}}@media (prefers-reduced-motion:reduce){.section-grid-studio *,.section-grid-studio :after,.section-grid-studio :before{animation-duration:.01ms;transition-duration:.01ms;scroll-behavior:auto}}