*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg: #08111f;--bg-2: #0d1b2a;--panel: rgba(10, 23, 36, .78);--panel-strong: rgba(15, 31, 49, .92);--line: rgba(151, 193, 255, .2);--text: #f4f8ff;--muted: #9eb3ca;--accent: #74d8ff;--accent-2: #8bf0c8;--shadow: 0 24px 70px rgba(0, 0, 0, .28)}html,body{height:100%}body.examples-page{background:radial-gradient(circle at top left,rgba(97,176,255,.18),transparent 34%),radial-gradient(circle at 85% 14%,rgba(106,255,214,.16),transparent 22%),linear-gradient(160deg,var(--bg),var(--bg-2) 58%,#050a13 100%);background-attachment:fixed;min-height:100vh;color:var(--text);font-family:Aptos,Segoe UI Variable Display,Segoe UI,sans-serif;position:relative}body.examples-page:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at center,#000 42%,transparent 100%);mask-image:radial-gradient(circle at center,#000 42%,transparent 100%);pointer-events:none}body.index-page{overflow-x:hidden;overflow-y:auto;padding:20px 20px 52px}body.demo-page{overflow-x:hidden;overflow-y:auto;padding:70px 10px 52px}body.demo-page.stack-demo-page,body.demo-page.multiframe-demo-page,body.demo-page.video-demo-page,body.demo-page.buffer-demo-page,body.demo-page.mpr-demo-page,body.demo-page.cpr-demo-page{overflow-y:hidden;padding-top:40px;padding-bottom:46px}body.demo-page.showcase-demo-page{overflow-y:auto;padding-top:40px;padding-bottom:46px}.stack-shell{--viewport-max: 100%}.stack-demo-page .single-demo-shell,.multiframe-demo-page .single-demo-shell,.video-demo-page .single-demo-shell,.buffer-demo-page .single-demo-shell,.mpr-demo-page .mpr-shell,.cpr-demo-page .cpr-demo-shell{height:calc(100dvh - 102px);min-height:calc(100dvh - 102px);gap:8px}.cpr-shell{--viewport-max: 100%}.cpr-demo-page .single-demo-shell{height:calc(100dvh - 102px);min-height:calc(100dvh - 102px);gap:8px}.stack-demo-page .page-header{padding:8px 10px}.multiframe-demo-page .page-header,.video-demo-page .page-header,.buffer-demo-page .page-header,.mpr-demo-page .page-header,.cpr-demo-page .page-header,.showcase-demo-page .page-header{padding:8px 10px;gap:6px}.stack-demo-page .title-row,.multiframe-demo-page .title-row,.video-demo-page .title-row,.buffer-demo-page .title-row,.mpr-demo-page .title-row,.cpr-demo-page .title-row,.showcase-demo-page .title-row{align-items:center;gap:8px}.stack-demo-page .stack-header-copy,.multiframe-demo-page .stack-header-copy,.video-demo-page .stack-header-copy,.buffer-demo-page .stack-header-copy,.mpr-demo-page .stack-header-copy,.cpr-demo-page .stack-header-copy,.showcase-demo-page .stack-header-copy{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:32px}.stack-demo-page .stack-demo-title,.multiframe-demo-page .stack-demo-title,.video-demo-page .stack-demo-title,.buffer-demo-page .stack-demo-title,.mpr-demo-page .stack-demo-title,.cpr-demo-page .stack-demo-title,.showcase-demo-page .stack-demo-title{margin:0;color:#8bf0c8;font-size:clamp(.94rem,1vw,1.14rem);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.multiframe-demo-page .slider-wrap{margin-top:0}.multiframe-demo-page .slider-label{margin-bottom:4px;font-size:.75rem}.multiframe-meta-line{font-size:.82rem;line-height:1.3}.stack-drop-note{padding:4px 8px;border-radius:999px;border:1px solid rgba(116,216,255,.16);background:#ffffff08;color:#e9fbffb8;font-size:.72rem;line-height:1.2;white-space:nowrap}.stack-demo-page .back-row,.multiframe-demo-page .back-row,.video-demo-page .back-row,.buffer-demo-page .back-row,.mpr-demo-page .back-row,.showcase-demo-page .back-row{padding:6px 10px}.mpr-meta-line{font-size:.82rem;line-height:1.3}.mpr-toolbar{margin-top:2px;flex-wrap:wrap;gap:6px}.mpr-inline-range{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 10px;border-radius:12px;border:1px solid rgba(116,216,255,.22);background:#0e1f308c;color:var(--text);font-size:.84rem;font-weight:600;white-space:nowrap}.mpr-stage{position:relative}.mpr-progress-overlay{display:none;z-index:20}.cpr-stage{position:relative}.cpr-progress-overlay{display:none;z-index:20}.stack-demo-page .demo-panel.viewer-panel,.multiframe-demo-page .demo-panel.viewer-panel,.video-demo-page .demo-panel.viewer-panel,.buffer-demo-page .demo-panel.viewer-panel{padding:10px;gap:6px;flex:1 1 auto;min-height:0}.stack-demo-page .viewport-stage,.multiframe-demo-page .viewport-stage,.video-demo-page .viewport-stage,.buffer-demo-page .viewport-stage{align-items:stretch;justify-content:stretch;flex:1 1 auto;min-height:0}.stack-demo-page .square-viewport,.multiframe-demo-page .square-viewport,.video-demo-page .square-viewport,.buffer-demo-page .square-viewport{width:100%;height:100%;max-width:none;max-height:none;flex:1 1 auto;aspect-ratio:auto}.video-demo-page .meta-line{font-size:.82rem;line-height:1.3}.memory-monitor{position:fixed;top:16px;right:16px;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(139,240,200,.22);background:#030a13d1;color:#e8fff6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px #00000042;font-size:.9rem;z-index:10}.memory-pill{display:inline-flex;align-items:baseline;gap:6px;color:var(--accent-2);font-variant-numeric:tabular-nums}.site-footer{position:fixed;left:50%;transform:translate(-50%);bottom:8px;z-index:9;display:inline-flex;align-items:center;gap:9px;max-width:calc(100vw - 24px);padding:7px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#030a1399;color:#f4f8ffc7;font-size:.8rem;line-height:1.2;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.site-footer-logo{width:20px;height:20px;object-fit:contain;opacity:.92;flex:0 0 auto}.page-shell,.demo-shell{width:min(1180px,100%);margin:0 auto;position:relative;z-index:1}.page-header,.demo-panel,.progress-panel,.mpr-section,.hero,.examples-panel{border-radius:24px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eyebrow{display:inline-block;margin-bottom:10px;padding:6px 12px;border-radius:999px;border:1px solid rgba(116,216,255,.22);background:#74d8ff14;color:var(--accent);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}h1{margin:0 0 10px;letter-spacing:-.04em}.page-header,.demo-panel,.progress-panel,.mpr-section,.examples-panel{padding:12px}.page-header{display:grid;gap:8px}.title-row{display:flex;justify-content:space-between;gap:12px;align-items:start;flex-wrap:wrap}.meta-line,.back-row,.frame-line,.support-note,.soft-bar{color:var(--muted);line-height:1.5}.back-row,.frame-line,.support-note,.soft-bar{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;padding:10px 12px}.back-link,.hero-link{color:var(--accent);text-decoration:none}.toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.toolbar>*{min-width:0;max-width:100%}.toolbar label,.toolbar select,.toolbar input,.toolbar button{max-width:100%}button,input[type=range]{font:inherit}button{appearance:none;border:1px solid rgba(116,216,255,.28);background:linear-gradient(180deg,#18334ef5,#0e1f30fa),#0e1f30f5;color:var(--text);padding:8px 10px;border-radius:12px;cursor:pointer;white-space:nowrap;font-size:.84rem;font-weight:600;letter-spacing:.01em;line-height:1.2;box-shadow:0 6px 16px #030a1347;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,filter .18s ease}button:hover{transform:translateY(-1px);border-color:#8bf0c88a;box-shadow:0 10px 22px #030a135c;filter:brightness(1.05)}button:active{transform:translateY(0);box-shadow:0 4px 10px #030a133d}button:focus-visible,.toolbar select:focus-visible{outline:2px solid rgba(139,240,200,.7);outline-offset:2px}.button-warn{border-color:#ffb74d3d;background:linear-gradient(180deg,#613a0af2,#3b2207fa)}.button-danger{border-color:#ff8a8038;background:linear-gradient(180deg,#541313f2,#340a0afa)}.toolbar-select-wrap{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border-radius:12px;border:1px solid rgba(116,216,255,.2);background:#0e1f308c;min-height:36px;min-width:0}.toolbar-select-wrap select{flex:1 1 auto;min-width:0;width:100%}.toolbar-select-label{display:inline-flex;align-items:center;padding:0 2px;color:var(--accent-2);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.toolbar-toggle{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:6px 10px;border-radius:12px;border:1px solid rgba(116,216,255,.22);background:#0e1f308c;color:var(--text);font-size:.84rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.toolbar-toggle:hover{border-color:#8bf0c86b;box-shadow:0 8px 18px #030a1342}.toolbar-toggle input[type=checkbox]{appearance:none;width:38px;height:22px;border-radius:999px;border:1px solid rgba(116,216,255,.24);background:#040c15eb;position:relative;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.toolbar-toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#e8f2ff;box-shadow:0 2px 6px #0000004d;transition:transform .18s ease}.toolbar-toggle input[type=checkbox]:checked{background:linear-gradient(180deg,#4eb191f2,#2c7862fa);border-color:#8bf0c89e}.toolbar-toggle input[type=checkbox]:checked:after{transform:translate(16px)}.toolbar-toggle input[type=checkbox]:focus-visible{outline:2px solid rgba(139,240,200,.7);outline-offset:2px}.toolbar-range-card{display:grid;gap:8px;min-width:168px;padding:8px 10px;border-radius:14px;border:1px solid rgba(116,216,255,.18);background:#0e1f3085}.toolbar-range-card.is-disabled{opacity:.58}.toolbar-range-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.toolbar-range-label{color:var(--accent-2);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.toolbar-range-value{color:var(--text);font-size:.82rem;font-variant-numeric:tabular-nums}.toolbar-range-input{width:100%;accent-color:var(--accent)}.toolbar-range-input:disabled{opacity:.55;cursor:not-allowed}.toolbar select{appearance:none;border:1px solid rgba(116,216,255,.28);background:linear-gradient(180deg,#18334ef2,#0e1f30fa),#0e1f30f5;color:var(--text);padding:8px 34px 8px 12px;border-radius:12px;font-size:.84rem;font-weight:600;letter-spacing:.01em;line-height:1.2;cursor:pointer;box-shadow:0 6px 16px #030a1347;min-height:36px;background-image:linear-gradient(180deg,#18334ef2,#0e1f30fa),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238bf0c8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:0 0,calc(100% - 10px) center;background-size:auto,14px 14px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease}.toolbar select:hover{transform:translateY(-1px);border-color:#8bf0c88a;box-shadow:0 10px 22px #030a135c;filter:brightness(1.05)}.toolbar select::-ms-expand{display:none}.progress-track{width:100%;height:8px;background:#030a13e6;border-radius:999px;overflow:hidden}.progress-fill{width:0%;height:100%;transition:width .1s ease}.progress-fill-download{background:linear-gradient(90deg,#5caeff,#74d8ff)}.progress-fill-parse{background:linear-gradient(90deg,#4dffa6,#8bf0c8)}.progress-overlay{position:absolute;top:18px;right:18px;width:min(290px,calc(100% - 36px));z-index:12;display:grid;gap:8px;padding:10px;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .24s ease,transform .24s ease}.progress-overlay.is-visible{opacity:1;transform:translateY(0)}.progress-overlay.is-complete{opacity:0;transform:translateY(-6px)}.progress-overlay-row{display:flex;justify-content:space-between;gap:10px;color:#e9fbffeb;font-size:.78rem;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums}.progress-block{display:grid;gap:6px}.dropzone-hint{position:absolute;inset:14px;display:grid;place-items:center;text-align:center;border:2px dashed rgba(116,216,255,.5);border-radius:18px;background:radial-gradient(circle at 50% 35%,rgba(139,240,200,.14),transparent 60%),linear-gradient(180deg,#040c1599,#040c1540);box-shadow:inset 0 0 0 1px #8bf0c82e;pointer-events:none;opacity:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,opacity .22s ease;z-index:13}.dropzone-hint.is-visible{opacity:1}.dropzone-hint.is-active{border-color:#8bf0c8f2;box-shadow:inset 0 0 0 1px #8bf0c873,0 0 36px #74d8ff38;background:radial-gradient(circle at 50% 35%,rgba(139,240,200,.26),transparent 64%),linear-gradient(180deg,#06111db8,#040c155c)}.dropzone-copy{display:grid;gap:10px;padding:18px}.dropzone-status{display:grid;gap:8px;min-width:min(460px,85vw);margin-top:10px}.dropzone-progress-track{width:100%;height:10px;border-radius:999px;border:1px solid rgba(139,240,200,.4);background:#040c15eb;overflow:hidden}.dropzone-progress-bar{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#74d8ff,#8bf0c8);transition:width .12s ease}.dropzone-progress-text{color:#e9fbffeb;font-size:.9rem;font-weight:600}.dropzone-title{color:#e9fbff;font-size:clamp(1.2rem,1.4vw + .9rem,2rem);font-weight:800;letter-spacing:.02em;line-height:1.15;text-shadow:0 4px 24px rgba(0,0,0,.45)}.dropzone-subtitle{color:#e9fbffe6;font-size:clamp(.88rem,.6vw + .7rem,1.1rem);font-weight:600;letter-spacing:.01em}.dropzone-subtitle strong{color:#8bf0c8}.slice-slider{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:5px;height:60%;min-height:80px;border-radius:999px;background:#040c15b8;border:1px solid rgba(139,240,200,.35);cursor:pointer;display:none;z-index:10}.slice-slider-thumb{position:absolute;left:50%;transform:translate(-50%,-50%);width:10px;height:14px;border-radius:4px;background:linear-gradient(180deg,#8bf0c8,#74d8ff);box-shadow:0 1px 5px #00000080,0 0 7px #8bf0c873;border:1px solid rgba(139,240,200,.7);transition:box-shadow .15s ease;top:0%}.slice-slider:hover .slice-slider-thumb,.slice-slider.is-dragging .slice-slider-thumb{box-shadow:0 2px 10px #0009,0 0 14px #8bf0c8bf}.slice-tooltip{position:absolute;left:calc(100% + 10px);transform:translateY(-50%);background:#040c15e0;border:1px solid rgba(139,240,200,.45);color:#8bf0c8;font-size:11px;font-family:JetBrains Mono,monospace;padding:3px 7px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:11}.slice-slider:hover .slice-tooltip,.slice-slider.is-dragging .slice-tooltip{opacity:1}.viewport-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;flex:1;overflow:hidden}.viewport{position:relative;background:#000;border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden;min-width:0;min-height:0}.viewport-green-frame{border:2px solid rgba(139,240,200,.55)}.viewport-voi-overlay{position:absolute;left:20px;bottom:20px;display:flex;flex-direction:column;gap:2px;z-index:11;pointer-events:none}.viewport-voi-overlay span,.viewport-im-overlay{color:#c8f0df;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:500;line-height:1.1;text-shadow:0 1px 4px rgba(0,0,0,.85)}.viewport-im-overlay{position:absolute;right:20px;bottom:20px;z-index:11;pointer-events:none}.square-viewport{aspect-ratio:1 / 1;width:100%;height:var(--viewport-max, 100vh);max-width:100%;max-height:100%;flex:0 0 auto}.single-demo-shell{display:flex;flex-direction:column;gap:12px;min-height:calc(100dvh - 132px);height:auto}.viewer-panel{display:flex;flex-direction:column;flex:1;min-height:0;gap:8px;overflow:hidden}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,40%);gap:24px;padding:24px;background:linear-gradient(135deg,#0f1f31eb,#08111fe0),var(--panel-strong)}.hero:after{content:"";position:absolute;width:220px;height:220px;top:-90px;right:-40px;border-radius:50%;background:radial-gradient(circle,rgba(116,216,255,.28),transparent 68%);pointer-events:none}.hero-copy,.hero-visual{position:relative;z-index:1}.hero-copy{width:100%}.index-title{font-size:clamp(1.9rem,3.2vw,3.15rem);line-height:1.02;max-width:none}.hero-copy p{max-width:none;color:var(--muted);font-size:1rem;line-height:1.55}.hero-subheadline{color:#e8f2ff;font-size:1.02rem;line-height:1.62;max-width:none}.hero-expansion{margin-top:10px;padding-left:12px;border-left:2px solid rgba(116,216,255,.35);color:#9eb3caf2;font-size:.9rem;line-height:1.56;max-width:none}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.hero-link{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#74d8ff14;border:1px solid rgba(116,216,255,.22)}.hero-emblem{width:100%;min-height:clamp(280px,34vw,430px);display:flex;align-items:center;justify-content:center;padding:0;border-radius:0;border:0;background:radial-gradient(circle at center,rgba(116,216,255,.08),transparent 62%);overflow:visible}.hero-logo{width:min(100%,360px);max-height:100%;aspect-ratio:1;object-fit:contain;display:block;border-radius:18px;filter:drop-shadow(0 24px 40px rgba(0,0,0,.26));-webkit-mask-image:radial-gradient(circle at center,#000 0%,#000 85%,transparent 100%);mask-image:radial-gradient(circle at center,#000 0%,#000 85%,transparent 100%)}.page-shell.index-shell{display:grid;gap:16px;min-height:calc(100dvh - 72px);height:auto;grid-template-rows:auto minmax(0,1fr)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-heading h2{font-size:clamp(1.4rem,2vw,1.9rem)}.examples-panel{min-height:0;display:flex;flex-direction:column}.examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0}.example-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0e1d2df0,#08111ef5);text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.example-card:hover{transform:translateY(-3px);border-color:#74d8ff4d;box-shadow:0 22px 40px #00000047}.card-topline,.card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-kicker{color:var(--accent);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.card-arrow{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ffffff0f}.example-card h3{font-size:1.18rem}.example-card p,.card-footer{color:var(--muted)}.card-tag{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d}.mpr-shell{display:flex;flex-direction:column;gap:10px;min-height:calc(100dvh - 126px);height:auto}.mpr-section,.cpr-section{min-height:0;height:100%;flex:1;display:flex;flex-direction:column;overflow:hidden}.mpr-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:8px;min-height:0;flex:1;height:100%}.cpr-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0;flex:1;height:100%}.viewport-wrapper{display:flex;flex-direction:column;min-height:0;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:6px}.viewport-wrapper h3{font-size:.9rem;color:#dce7f5}.viewport-wrapper .viewport{width:100%;height:100%;flex:1;min-height:180px}.mpr-demo-page .mpr-section{padding:10px}.mpr-demo-page .mpr-grid{gap:10px}.mpr-demo-page .viewport-wrapper{gap:5px;padding:8px;border-radius:14px;border:1px solid rgba(116,216,255,.18);background:#0e1f3073}.mpr-demo-page .viewport-wrapper h3{margin:0;color:#e9fbffe6;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.mpr-demo-page .viewport-wrapper .viewport{min-height:0}@media(max-width:1366px)and (max-height:1100px)and (min-width:901px){body.demo-page.mpr-demo-page{overflow-y:auto}.mpr-demo-page .mpr-shell{height:auto;min-height:calc(100dvh - 112px)}.mpr-demo-page .mpr-section{height:auto;flex:0 0 auto;overflow:visible}.mpr-demo-page .mpr-grid{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:minmax(320px,auto)}.mpr-demo-page .viewport-wrapper .viewport{min-height:300px}}@media(max-width:900px)and (min-width:768px){.hero-logo{width:min(100%,280px)}}@media(max-width:900px){.hero,.examples-grid,.mpr-grid{grid-template-columns:1fr}.hero-emblem{width:100%;min-height:220px}.hero-logo{width:min(100%,320px)}.toolbar{gap:5px}button{font-size:.8rem;padding:7px 9px}.mpr-grid{grid-template-rows:none}.page-shell.index-shell,.single-demo-shell,.mpr-shell{height:auto;min-height:calc(100dvh - 106px)}.mpr-demo-page .mpr-shell{height:calc(100dvh - 112px);min-height:calc(100dvh - 112px)}body.demo-page.mpr-demo-page{overflow-y:auto}.mpr-demo-page .mpr-shell{height:auto}.mpr-demo-page .mpr-section{overflow:visible;height:auto;flex:0 0 auto}.mpr-demo-page .mpr-grid{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:minmax(240px,auto)}.viewport-wrapper .viewport{min-height:240px}}@media(max-width:640px){body.index-page{padding:76px 12px 54px}body.demo-page{padding:76px 10px 54px}.memory-monitor{top:10px;right:10px;left:10px;justify-content:space-between;border-radius:16px}.hero,.examples-panel,.page-header,.demo-panel,.progress-panel,.mpr-section{border-radius:18px;padding:10px}.square-viewport{width:min(100%,72vh);height:min(100%,72dvh)}.viewport-wrapper .viewport{min-height:220px}.square-viewport{height:min(100%,72dvh)}.index-title{font-size:clamp(1.58rem,7.8vw,2.12rem);max-width:100%}.hero-subheadline,.hero-expansion{max-width:100%}button{font-size:.76rem;padding:6px 8px}.hero-logo{width:min(100%,240px)}.site-footer{left:50%;transform:translate(-50%);bottom:6px;max-width:calc(100vw - 12px);font-size:.72rem}.meta-line{font-size:.84rem;line-height:1.45}.progress-overlay{top:10px;right:10px;width:min(250px,calc(100% - 20px));padding:8px;gap:6px}.viewport-voi-overlay{left:12px;bottom:12px}.slice-slider{left:12px}.dropzone-hint{inset:10px}.stack-drop-note{font-size:.74rem}.viewport-im-overlay{right:12px;bottom:12px}.viewport-voi-overlay span,.viewport-im-overlay{font-size:18px}.stack-demo-page .square-viewport{width:100%;height:100%;max-width:none;max-height:none}.stack-demo-page .single-demo-shell,.mpr-demo-page .mpr-shell{height:calc(100dvh - 112px);min-height:calc(100dvh - 112px)}.toolbar{gap:6px}.toolbar button,.toolbar select{flex:1 1 132px}.toolbar-range-card{flex:1 1 180px}.toolbar-select-wrap{flex:1 1 210px}.toolbar-select-wrap .toolbar-select-label{font-size:.68rem}.toolbar label{flex:1 1 170px;justify-content:space-between}.toolbar input[type=range]{width:min(100%,120px)!important}}