.gr-app{--gr-plot-h: clamp(300px, 52svh, 540px);display:grid;gap:var(--space-4);min-width:0;max-width:100%}.gr-stage{order:-1;min-width:0}.gr-side{min-width:0}@media(min-width:1024px){.gr-app{grid-template-columns:minmax(330px,400px) minmax(0,1fr);height:clamp(560px,calc(100svh - 150px),820px);align-items:stretch}.gr-stage{order:0;display:flex;flex-direction:column;min-height:0}.gr-side{display:flex;flex-direction:column;min-height:0}.gr-list{flex:1 1 auto;overflow:auto;overscroll-behavior:contain;min-height:0}.gr-plot{flex:1 1 auto;height:auto!important;min-height:0}}.gr-side,.gr-plot{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.gr-side{overflow:hidden}.gr-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 10px 14px;border-bottom:1px solid var(--border)}.gr-h{margin:0;font-size:1rem}.gr-side-tools{display:flex;gap:6px}.gr-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);background:var(--surface);color:var(--text);font-weight:620;font-size:.92rem;white-space:nowrap}.gr-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.gr-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.gr-btn.is-strong{background:var(--accent);color:var(--accent-contrast);border-color:transparent}.gr-row{position:relative;display:grid;grid-template-columns:22px 44px minmax(0,1fr) auto;align-items:start;gap:2px 6px;padding:8px 6px 8px 4px;border-bottom:1px solid var(--border);transition:background-color .14s ease}.gr-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gr-color);opacity:0;transition:opacity .16s ease}.gr-row.is-active:before,.gr-row.is-focused:before{opacity:1}.gr-row.is-focused{background:color-mix(in srgb,var(--surface-2) 55%,var(--surface))}.gr-row-n{padding-top:13px;text-align:right;font-size:.78rem;font-weight:650;color:var(--text-muted);font-variant-numeric:tabular-nums}.gr-swatch{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:transparent;padding:0}.gr-swatch span{width:20px;height:20px;border-radius:50%;background:var(--gr-color);border:2px solid var(--gr-color);transition:background-color .14s ease}.gr-swatch[aria-pressed=false] span,.gr-swatch:disabled span{background:transparent}.gr-swatch:disabled span{border-color:color-mix(in srgb,var(--text-muted) 45%,transparent)}.gr-body{min-width:0}.gr-pretty{min-height:44px;display:flex;align-items:center;overflow-x:auto;font-size:1.2rem;line-height:1.4;cursor:text;padding:2px 0}.gr-input{display:block;width:100%;min-height:44px;padding:0 2px;border:0;border-bottom:2px solid var(--accent);border-radius:0;background:transparent;color:var(--text);font:inherit;font-size:1.05rem;caret-color:var(--accent)}.gr-input:focus{outline:none}.gr-input::placeholder{color:color-mix(in srgb,var(--text-muted) 70%,transparent)}.gr-row:not(.is-focused):not(.is-empty) .gr-input{position:absolute;width:1px;height:1px;min-height:0;opacity:0;pointer-events:none}.gr-row.is-focused .gr-pretty,.gr-row.is-empty .gr-pretty{display:none}.gr-row.is-empty:not(.is-focused) .gr-input{border-bottom-color:transparent}.gr-hint{margin:2px 0 0;font-size:.86rem;line-height:1.4;color:var(--text-muted)}.gr-hint:empty{display:none}.gr-hint.is-error{color:var(--danger)}.gr-hint.is-value{color:var(--text);font-weight:650;font-variant-numeric:tabular-nums}.gr-row-tools{display:flex;flex-direction:column;gap:2px}.gr-tool{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--text-muted)}.gr-tool svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.gr-tool[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.gr-slider{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"play range range" ". min max";align-items:center;gap:0 8px;margin-top:4px}.gr-play{grid-area:play}.gr-range{grid-area:range}.gr-bound[data-gr-bound=min]{grid-area:min;justify-self:start}.gr-bound[data-gr-bound=max]{grid-area:max;justify-self:end}.gr-range{width:100%;height:44px;margin:0;accent-color:var(--gr-color);touch-action:pan-y}.gr-bound{width:72px;min-height:44px;padding:0 4px;border:1px solid var(--border);border-radius:calc(var(--key-radius) + 2px);background:var(--surface-2);color:var(--text);font:inherit;font-size:.86rem;text-align:center;-moz-appearance:textfield}.gr-bound::-webkit-inner-spin-button,.gr-bound::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gr-play{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:color-mix(in srgb,var(--gr-color) 16%,var(--surface));color:var(--text)}.gr-play-icon{width:0;height:0;margin-left:3px;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent currentColor}.gr-play[aria-pressed=true] .gr-play-icon{width:12px;height:14px;margin-left:0;border:0;border-left:4px solid currentColor;border-right:4px solid currentColor}.gr-table{margin-top:8px;overflow-x:auto}.gr-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.92rem;min-width:180px}.gr-table th,.gr-table td{padding:5px 14px;border:1px solid var(--border);text-align:right}.gr-table th{background:var(--surface-2);font-weight:700;text-align:center}.gr-add{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 16px);min-height:48px;margin:8px;border:1px dashed var(--border);border-radius:calc(var(--radius) - 4px);background:transparent;color:var(--accent);font-weight:680}.gr-add span{font-size:1.2em;line-height:1}.gr-pad-wrap{display:none}.gr-app.has-keys .gr-pad-wrap{display:block;border-top:1px solid var(--border)}.gr-pad-wrap .sci-pad{border:0;box-shadow:none;border-radius:0;padding:10px}.gr-pad-wrap .sci-pad-head{display:none}.gr-pad-wrap .sci-key{min-height:44px}.gr-pad-wrap .sci-keys{gap:6px}.gr-pad-wrap .sci-tabs{margin-bottom:8px}.gr-pad-bar{display:none}@media(max-width:899px){.gr-keys-btn{display:none}.gr-app.is-editing{padding-bottom:var(--gr-sheet-h, 390px)}.gr-app.is-editing .gr-stage{position:sticky;top:var(--sci-header-clear, 76px);z-index:4}.gr-app.is-editing .gr-plot{height:clamp(170px,26svh,280px)}.gr-app.is-editing .gr-plot-help{display:none}.gr-app.is-editing .gr-pad-wrap{display:block;position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -12px 32px #00000024;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom);max-width:640px;margin:0 auto}.gr-app.is-editing .gr-pad-bar{position:absolute;top:10px;right:10px;z-index:1;display:flex;gap:6px}.gr-pad-bar .gr-btn{min-width:44px;justify-content:center}.gr-pad-wrap .sci-pad{padding:10px}.gr-pad-wrap .sci-tabs{margin-right:128px}.gr-pad-wrap .sci-tab{font-size:.9rem;padding:0 4px}.gr-row{scroll-margin-bottom:calc(var(--gr-sheet-h, 390px) + 12px);scroll-margin-top:calc(var(--sci-header-clear, 76px) + 32svh)}}@media(max-width:899px){body:has(.gr-app.is-editing) .a11y-fab{visibility:hidden}}.gr-plot{position:relative;height:var(--gr-plot-h);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;transition:height .2s ease}.gr-plot:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.gr-plot canvas{display:block;width:100%;height:100%;cursor:grab}.gr-plot canvas:active{cursor:grabbing}.gr-zoom{position:absolute;top:10px;right:10px;display:grid;gap:6px}.gr-zoom button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);box-shadow:var(--shadow)}.gr-zoom svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gr-card{position:absolute;top:0;left:0;max-width:min(290px,calc(100% - 70px));padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:var(--shadow),0 8px 24px #0000001f;pointer-events:none;will-change:transform}.gr-card[hidden]{display:none}.gr-card p{margin:0}.gr-card-title{font-size:.78rem;font-weight:700;letter-spacing:.02em;color:var(--text-muted)}.gr-card-xy{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums}.gr-card-why{margin-top:4px!important;font-size:.86rem;line-height:1.4;color:var(--text-muted)}.gr-plot-help{margin:8px 2px 0;font-size:.86rem;line-height:1.45;color:var(--text-muted)}@media(min-width:1024px){.gr-plot-help{flex:none}}@media(prefers-reduced-motion:reduce){.gr-app *,.gr-app *:before{transition:none!important;animation:none!important}}html[data-motion=reduce] .gr-app *,html[data-motion=reduce] .gr-app *:before{transition:none!important;animation:none!important}.gr-app{scroll-margin-top:var(--sci-header-clear, 88px)}.gr-plot-tools{position:absolute;top:10px;left:10px;display:flex;gap:6px}.gr-tool-btn{display:inline-flex;align-items:center;gap:6px;height:44px;min-width:44px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);box-shadow:var(--shadow);font-weight:650;font-size:.88rem;font-variant-numeric:tabular-nums}.gr-tool-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gr-tool-btn span{display:inline-block}.gr-angle [data-gr-angle-label]{min-width:2.2em;text-align:left}.gr-angle-dot{width:8px;height:8px;border-radius:99px;background:var(--text-muted);transition:background .16s ease,transform .16s ease}.gr-angle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.gr-angle[aria-pressed=true] .gr-angle-dot{background:var(--accent);transform:scale(1.15)}.gr-plot-tools .gr-tool-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(max-width:420px){.gr-tool-btn{padding:0 10px}}.gr-pad-tools{display:flex;align-items:center;gap:6px;margin:0 0 8px}.gr-pad-tools-gap{flex:1 1 auto}.gr-unit{padding:3px;gap:3px}.gr-unit .sci-angle-btn{min-height:38px;min-width:50px;font-size:.88rem}.gr-tool-key{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--border);border-radius:var(--key-radius);background:var(--key-bg);color:var(--key-text);font-weight:650;font-size:.88rem;touch-action:manipulation;user-select:none}.gr-tool-key svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gr-tool-key[aria-disabled=true]{color:var(--text-muted);opacity:.55}.gr-clear-key{color:var(--text-muted)}@media(max-width:899px){.gr-tool-key{min-height:40px}}.gr-pad-wrap .sci-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}