.ins-scene{margin:32px 0 60px;padding:28px;border:1px solid #34444e;border-radius:20px;background:radial-gradient(ellipse at 35% 30%,#19303c88,transparent 66%),#0b131b;overflow:hidden}.ins-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:end;margin-bottom:20px}.ins-heading h2{font-size:clamp(26px,3vw,42px);line-height:1.15;margin:14px 0}.ins-heading p,.ins-description,.ins-role{color:#9eb4c3;font-size:13px;line-height:1.8}.ins-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px}.ins-layout>*{min-width:0}.ins-stage{height:550px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,#1d3e5144,transparent 72%);border:1px solid #3c566033;border-radius:12px}.ins-stage canvas,.ins-flat{position:absolute;inset:0;width:100%;height:100%}.ins-stage canvas{display:none;touch-action:pan-y;cursor:grab;outline-offset:-3px}.ins-stage canvas:active{cursor:grabbing}.ins-flat svg{width:100%;height:100%;display:block}.ins-stage-mark,.ins-stage-foot{position:absolute;left:18px;right:18px;pointer-events:none;font-size:9px;letter-spacing:.17em;color:#b1c7d0}.ins-stage-mark{top:20px}.ins-stage-foot{bottom:20px;text-align:center;font-size:8px;color:#7b98aa}.ins-tools{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin:12px 0}.ins-scene button,.preset-instrument button{min-height:44px;border:1px solid #3c5564;background:#14222e;color:#c4d8e2;border-radius:7px;font:inherit;font-size:11px;padding:9px 12px;cursor:pointer;line-height:1.35}.ins-scene button:hover,.preset-instrument button:hover{background:#223643;border-color:#bba878}.ins-scene button[aria-pressed=true],.preset-instrument button[aria-pressed=true]{border-color:#ddc493;color:#e6cea2;background:#354044}.ins-scene button:disabled,.preset-instrument button:disabled{opacity:.42;cursor:default}.ins-slider{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:11px;color:#b5cbd6;padding:10px 0}.ins-slider input{grid-column:1/-1;width:100%;min-width:0;accent-color:#ddc493;min-height:24px}.ins-slider output{color:#ddc493}.ins-console{padding:26px 0;border-top:1px solid #3a515e}.ins-console h3{font-size:25px;min-height:62px;line-height:1.2;margin:22px 0 14px}.ins-description{min-height:104px}.ins-role{min-height:96px;margin:20px 0}.ins-result{color:#e1cb9f;font-size:13px;line-height:1.6;min-height:58px;border-block:1px solid #34434e;padding-block:16px}.edition-command-pad{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px}.edition-command-pad button:last-child{grid-column:1/-1}.edition-command-pad button{font-size:16px}.edition-ready:not(.edition-light) canvas{display:block}.edition-ready:not(.edition-light) .ins-flat{display:none}.edition-instrument [data-edition-orient]{width:100%}.edition-instrument [data-edition-guide]{font-size:12px}.ins-flat [role=button]{cursor:pointer}.edition-instrument-ready [data-edition-panel]{scroll-margin-top:150px}
@media(max-width:1000px){.ins-layout{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.ins-stage{height:500px}.ins-scene{padding:20px}.ins-tools button{padding-inline:5px}}
@media(max-width:760px){.ins-heading,.ins-layout{grid-template-columns:1fr}.ins-heading{gap:0}.ins-heading p{margin-top:0}.ins-stage{height:470px}.ins-console{padding-top:20px}.ins-console h3{min-height:0}.ins-description{min-height:75px}.ins-role{min-height:60px}.ins-scene{padding:15px;border-radius:12px}.ins-tools{grid-template-columns:1fr 1fr}.ins-tools button:first-child{grid-column:1/-1}.ins-result{min-height:60px}.ins-stage-foot{font-size:7px;left:8px;right:8px}}
@media(prefers-reduced-motion:reduce){.ins-scene *,.preset-instrument *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.lira-page{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start}.lira-arrival{margin:0;padding:18px;width:100%;min-width:0}.lira-arrival-stage{height:570px}.lira-arrival .lira-call{display:block;width:100%;margin:14px 0 8px;min-height:56px;font-size:17px;letter-spacing:.025em;color:#f1e2c4;border-color:#9e8b68;background:linear-gradient(115deg,#323e47,#213342)}.lira-arrival .ins-tools{grid-template-columns:1fr 1fr}.lira-arrival .ins-tools button:first-child{grid-column:1/-1}.lira-arrival [data-lira-motion]{width:100%}.lira-scene-note{font-size:11px;line-height:1.7;color:#99afbc;min-height:38px;margin-bottom:0}.lira-flat{position:absolute;inset:24px 10px 42px;display:grid;place-items:center;overflow:hidden}.lira-flat img{height:100%;max-width:100%;width:auto;object-fit:contain;position:relative;opacity:0;transform:translateY(12px) scale(.97);transition:opacity .8s .2s,transform 1.2s cubic-bezier(.2,.8,.2,1);border:1px solid #8abbd577;border-radius:12px}.lira-flat>span{position:absolute;top:46%;font-size:10px;letter-spacing:.2em;color:#b9cdd9;transition:opacity .3s}.lira-invited .lira-flat img{opacity:1;transform:none}.lira-invited .lira-flat>span{opacity:0}.lira-flat-halo{position:absolute;bottom:-13px;width:200px;height:70px;border:1px solid #b6c1b6;border-radius:50%;box-shadow:0 0 0 13px #78acd119,0 0 0 24px #ddc4930d,0 0 65px #87c1df44;transition:box-shadow .7s}.lira-invited .lira-flat-halo{box-shadow:0 0 0 16px #78acd12b,0 0 0 30px #ddc4931a,0 0 80px #87c1df99}.lira-ready:not(.lira-light) canvas{display:block}.lira-ready:not(.lira-light) .lira-flat{display:none}
@media(max-width:1000px){.lira-page{gap:28px}.lira-arrival-stage{height:520px}}
@media(max-width:760px){.lira-page{grid-template-columns:1fr}.lira-arrival{max-width:560px;justify-self:center}.lira-arrival-stage{height:530px}}
@media(max-width:380px){.lira-arrival-stage{height:460px}.lira-arrival{padding:12px}.lira-arrival .ins-tools button{font-size:10px}}
.preset-instrument{min-width:0;border:1px solid #3b5361;border-radius:12px;padding:14px;background:radial-gradient(ellipse at 40% 20%,#18344577,transparent 65%),#0a141c}.preset-instrument-title p{color:#bdd3dc;min-height:38px;font-size:12px;line-height:1.5;margin:8px 0 0;overflow-wrap:anywhere}.preset-stage{height:380px;border:0}.preset-stage .pr-graph{position:absolute;inset:24px 0 28px;display:grid;align-items:center;min-width:0;margin:0}.preset-ready:not(.preset-light) canvas{display:block}.preset-ready:not(.preset-light) .pr-graph{display:none}.preset-layer-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.preset-layer-tabs button{padding-inline:3px;font-size:10px!important}.preset-explanation{min-height:74px;font-size:11px;line-height:1.7;color:#a2b9c6;margin:14px 0}.preset-instrument .ins-tools{grid-template-columns:1.1fr 1fr 1fr}.preset-instrument .ins-tools button{font-size:10px;padding-inline:4px}.preset-probe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:10px 0 14px}.preset-probe>div{border-top:1px solid #406070;padding-top:10px;min-width:0}.preset-probe span{display:block;color:#8cabbc;font-size:9px}.preset-probe b{display:block;color:#d7e1e1;font-size:12px;white-space:nowrap;margin-top:8px}.preset-probe>div:first-child b{color:#73d0d8}.preset-probe>div:nth-child(2) b{color:#b58ee6}.preset-probe>div:last-child b{color:#ddc493}.preset-preamp{display:flex;align-items:center;gap:10px;min-height:44px;font-size:11px;color:#c8d9e0}.preset-preamp input{width:18px;height:18px;accent-color:#ddc493}.preset-visual-note{font-size:10px;color:#819cab;line-height:1.65;min-height:50px;margin-bottom:0}
.preset-instrument .pr-chars{margin:10px 0 16px}.preset-instrument .pr-char{font-size:10px;padding:7px 5px;min-height:62px}.preset-instrument .pr-char b{font-size:11px}.preset-instrument .pr-char small{font-size:9px}
.preset-view-note{font-size:10px;color:#b2c8d2;line-height:1.6;min-height:48px;margin:6px 0}.edition-instrument .ins-result{min-height:76px}
.preset-instrument-title p{height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.edition-instrument .ins-result{min-height:104px}
.preset-stage .ins-stage-foot{bottom:4px;font-size:7px;opacity:.65}
@media(max-width:760px){.edition-instrument .ins-console h3{min-height:72px}.edition-instrument .ins-description{min-height:112px}.edition-instrument .ins-role{min-height:112px}}
@media(max-width:1100px){.pr-grid{grid-template-columns:280px minmax(0,1fr)}.pr-detail{padding:15px}.preset-instrument{padding:10px}.preset-stage{height:370px}.preset-explanation{min-height:94px}.preset-probe{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pr-grid{grid-template-columns:1fr}.preset-stage{height:365px}.preset-instrument .ins-tools{grid-template-columns:1fr 1fr}.preset-instrument .ins-tools button:first-child{grid-column:1/-1}.preset-layer-tabs button{font-size:9px!important}.preset-explanation{min-height:94px}.preset-instrument .ins-slider{font-size:10px}.preset-visual-note{min-height:72px}}

/* Yuri, 29 October: the original warm graph is the primary view. */
.preset-light .preset-stage{height:auto;min-height:0;background:none}
.preset-light .preset-stage .pr-graph{position:relative;inset:auto;display:block;margin:0}
.preset-light .preset-stage .ins-stage-foot,.preset-light .preset-layer-tabs,.preset-light .preset-explanation,.preset-light [data-preset-inspect],.preset-light [data-preset-front],.preset-light .ins-slider:has([data-preset-spread]){display:none}
.preset-light .ins-tools{display:block}.preset-light [data-preset-render]{width:100%}
.preset-ready:not(.preset-light) .pr-legend{display:none}