body{height:auto;min-height:100dvh;overflow:auto;font-family:JetBrains Mono,monospace}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{cursor:pointer;background:transparent;border:0}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #d8371d;outline-offset:5px}button:disabled{opacity:.4;cursor:wait}[hidden]{display:none!important}.preview-shell{max-width:1600px;margin:auto;padding:0 36px}.preview-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dededb}.study-label,.local-label{font-size:10px;letter-spacing:.07em}.study-label span{display:block;margin-top:6px;color:#7e7e77}.local-label{display:flex;align-items:center;gap:8px;color:#6e6e68}.local-label i{width:6px;height:6px;background:#d8371d;border-radius:50%}.preview-toolbar{min-height:80px;display:flex;align-items:center;gap:12px;font-size:11px}.expression-controls{display:flex;padding:4px;border:1px solid #dfdfd9;border-radius:4px}.expression-controls button{padding:10px 16px;border-radius:2px;white-space:nowrap}.expression-controls button[aria-pressed=true]{color:#fff;background:#1b1b18}.expression-controls span{color:#ed7b66;margin-left:8px}.add-image{display:inline-flex;align-items:center;gap:8px;padding:13px 16px;border:1px solid #dfdfd9;border-radius:3px;color:inherit;text-decoration:none;white-space:nowrap}.add-image:hover{border-color:#1b1b18}.add-image span{color:#d8371d}.renderer-label{display:flex;gap:12px;align-items:center;color:#7e7e77;font-size:9px;letter-spacing:.05em;margin-left:auto}select{background:#fff;color:#20201d;font-size:11px;padding:10px 28px 10px 8px;border:1px solid #dfdfd9;border-radius:3px;max-width:235px}#play,#page-preview{padding:12px 10px;white-space:nowrap}#play[aria-pressed=true]{color:#d8371d}#page-preview{border-left:1px solid #ddd;padding-left:20px}.preview-main{position:relative;display:flex;width:100%;height:calc(100dvh - 318px);min-height:320px;justify-content:center;align-items:center}.art-frame{position:relative;flex:none;width:500px;height:445px;overflow:hidden}.preview-art{position:absolute;left:50%;top:50%;margin:0;width:max-content;font-family:JNSN Braille,monospace;font-size:15px;font-weight:400;line-height:1.15;letter-spacing:0;white-space:pre;font-synthesis:none;font-variant-ligatures:none;transform:translate(-50%,-50%) scale(var(--preview-scale,1));transform-origin:center;user-select:text}.renderer-output{width:100%;height:100%}.renderer-output canvas{display:block;width:100%!important;height:100%!important}#three-output>div{transform-origin:top left}#error{position:absolute;background:#fff;padding:16px;border:1px solid #d8371d;font-size:12px;max-width:450px}.motion-timeline{display:flex;align-items:center;gap:18px;max-width:650px;margin:16px auto 0;font-size:9px;color:#77776e}.motion-timeline label{white-space:nowrap;letter-spacing:.04em}.motion-timeline input{flex:1;min-width:60px;accent-color:#d8371d;cursor:pointer}.motion-timeline output{min-width:4ch;text-align:right}.preview-footer{min-height:66px;border-top:1px solid #dededb;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px}.preview-footer strong{display:block;font-weight:500;font-size:11px}.preview-footer #render-note{display:block;margin-top:6px;color:#7e7e77}.footer-actions{display:flex;gap:22px}.footer-actions button{padding:10px 0;font-size:10px}.footer-actions button:hover{color:#d8371d}.preview-disclaimer{margin:0;padding:6px 0 14px;color:#8a8a82;font-size:9px;line-height:1.6}#back-to-controls{display:none}body.page-preview{overflow:hidden}.page-preview .preview-shell{padding:0;max-width:none}.page-preview .preview-header,.page-preview .preview-toolbar,.page-preview .preview-footer,.page-preview .preview-disclaimer,.page-preview .motion-timeline{display:none}.page-preview .preview-main{height:100dvh}.page-preview #back-to-controls{display:block;position:fixed;bottom:14px;left:18px;background:#ffffffdf;padding:8px;font-size:10px;color:#666;opacity:0;transition:opacity .2s}.page-preview #back-to-controls:focus-visible,.page-preview .preview-main:hover #back-to-controls{opacity:1}@media (max-width: 760px){.preview-shell{padding:0 18px}.preview-header{height:72px;gap:14px}.study-label{display:none}.preview-toolbar{flex-wrap:wrap;padding:16px 0;gap:8px}.expression-controls{flex:1}.expression-controls button{flex:1;padding:10px 8px}.add-image{padding:13px 12px}#page-preview{padding-left:12px}.renderer-label{order:3;width:100%;margin:0;justify-content:space-between}select{max-width:none;width:78%}.preview-main{height:calc(100dvh - 430px);min-height:290px}.motion-timeline{gap:10px;font-size:8px}.preview-footer{gap:14px;flex-wrap:wrap;padding:18px 0 8px;margin-top:10px}.footer-actions{width:100%;justify-content:space-between;gap:8px}.footer-actions button{font-size:9px}.preview-disclaimer{font-size:8px}.page-preview .preview-main{min-height:0}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}