html,body,#root{background:var(--paper);width:100%;height:100%;color:var(--ink);margin:0;overflow:hidden}body{min-width:280px}.velvet-study{isolation:isolate;background:var(--paper);position:relative}#root>.velvet-study{flex:1;width:100%;height:auto;min-height:0;overflow:hidden}canvas{touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}canvas:focus-visible:not([data-input=pointer]){outline-offset:-5px;outline:1px solid oklch(82% .06 28)}canvas[data-input=pointer]:focus{outline:none}.velvet-error{color:oklch(94% .02 28);font:20px/1.5 var(--display-font);position:absolute;inset:35% 12% auto}.velvet-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.velvet-actions .sound-toggle{padding-inline:12px}.velvet-actions svg{flex:none;width:20px;height:20px}@media (width<=540px){.velvet-actions .action-label{display:none}.velvet-actions .sound-toggle{width:44px;padding-inline:10px}.velvet-actions{gap:0}.experience-toolbar{padding-inline:8px}.experience-toolbar .volume{width:44px;margin-left:0;margin-right:0}.experience-toolbar .experience-nav a{width:auto}.experience-toolbar .sound-toggle{gap:7px}}@media (width<=360px){.experience-toolbar .volume{width:28px}.velvet-actions .sound-toggle{width:40px}.experience-toolbar .experience-nav a,.experience-toolbar .sound-toggle{padding-inline:6px}}