html,body{background:0 0;height:100%;margin:0;font:13px system-ui,sans-serif;transition:background .3s}.stage{--size:min(90vw, 90vh);place-items:center;height:100%;display:grid}.stage .crest{width:var(--size);aspect-ratio:1}.stage.compare{--size:min(calc((100vw - 380px) / 2), 90vh);grid-template-columns:var(--size) var(--size);justify-content:start;gap:16px;padding-left:16px}.stage.compare.folded{--size:min(calc((100vw - 80px) / 2), 90vh)}.film{width:var(--size);aspect-ratio:1;object-fit:contain}.embed{aspect-ratio:1;width:min(100vw,100vh);margin:0 auto;position:relative;top:50%;transform:translateY(-50%)}.panel{color:#111;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fafafaeb;border-radius:10px;width:300px;max-height:calc(100vh - 48px);padding:12px 14px;position:fixed;top:12px;right:12px;overflow:auto;box-shadow:0 4px 24px #00000026}.panel.collapsed{width:auto;padding:8px 14px}.panel h2{margin:14px 0 8px;font-size:13px;font-weight:600}.panel h2.head{margin:0}.panel h2.head button{all:unset;cursor:pointer;justify-content:space-between;gap:10px;width:100%;padding:2px 0 8px;font-weight:600;display:flex}.panel.collapsed h2.head button{padding:2px 0}.panel h2.head span{transition:transform .2s}.panel.collapsed h2.head span{transform:rotate(-90deg)}.hint{color:#666;margin:0 0 10px}.status{margin-top:8px}.row{grid-template-columns:100px 1fr auto;align-items:center;gap:8px;margin:6px 0;display:grid}.row output{text-align:right;color:#555;font-variant-numeric:tabular-nums;min-width:60px}.row input[type=range]{width:100%}.row input[type=number]{width:70px}.link{box-sizing:border-box;width:100%;padding:5px;font:11px ui-monospace,monospace}.buttons{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.panel button:not(.head button){font:inherit;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px}.panel button:disabled{opacity:.5;cursor:default}