:root{font-family:system-ui,-apple-system,sans-serif;color:#163047;background:#fff;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:18px}h1{font-size:21px;line-height:1.25;margin:6px 0 8px}p{font-size:13px;line-height:1.55;margin:8px 0}.eyebrow{font-size:10px;letter-spacing:.14em;color:#47746e;font-weight:750}#stage{position:relative;height:330px;background:radial-gradient(ellipse at center,#fff,#eef5f4);border:1px solid #d8e4e2;border-radius:14px;overflow:hidden}#poster{width:100%;height:100%;object-fit:contain}#canvas-host{width:100%;height:100%}canvas{display:block;width:100%;height:100%;touch-action:none}#start{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);white-space:nowrap;box-shadow:0 3px 14px #143d3633}#view-label{position:absolute;top:12px;left:12px;background:#ffffffdd;border-radius:5px;padding:4px 7px;font-size:11px;pointer-events:none}button,select{font:inherit;font-size:12px;border:1px solid #bacdca;border-radius:7px;background:white;color:#163047;min-height:38px;padding:7px 11px;cursor:pointer}button:hover{background:#edf5f2}button:disabled{opacity:.55;cursor:wait}button:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #147e72;outline-offset:2px}.primary{background:#17665d;color:#fff;border-color:#17665d}.primary:hover{background:#104f49}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0}select{min-width:130px;max-width:100%;flex:1}label{font-size:12px;font-weight:650}.hint{font-size:11px;color:#546d7b}#status{min-height:20px;font-weight:600;color:#205d55}details{margin-top:14px;padding-top:12px;border-top:1px solid #dce6e4;font-size:12px}summary{cursor:pointer;font-weight:650}a{color:#186f67;text-underline-offset:2px}[hidden]{display:none!important}@media(min-width:650px){#stage{height:390px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}