.stagebar .zoom{gap:12px}.preview-entry{font:500 11px/1.2 system-ui;color:#dedbe9;background:#25252c;border:1px solid #45434e;border-radius:6px;padding:8px 11px;cursor:pointer;white-space:nowrap}.preview-entry:hover{border-color:#b7a7ff}.preview-entry:disabled{opacity:.4;cursor:default}.canvas-preview{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#08090b;color:#eee;overflow:hidden}.canvas-preview:not([open]){display:none}.canvas-preview::backdrop{background:#08090b}.preview-root{width:100%;height:100%;background:#08090b;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.preview-root:fullscreen{width:100vw;height:100dvh}.preview-header,.preview-controls{display:flex;align-items:center;gap:16px;padding:14px 20px;background:#17181c}.preview-header{justify-content:space-between}.preview-header h2{font:600 14px system-ui;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-root button{font:500 13px system-ui;padding:9px 14px;border-radius:6px;border:1px solid #4d4b57;color:#eee;background:#29282f;cursor:pointer}.preview-root button:focus-visible,.preview-entry:focus-visible,.preview-controls input:focus-visible{outline:2px solid #c2afff;outline-offset:3px}.preview-surface{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-preview .canvas-shell{width:var(--preview-width)!important;height:var(--preview-height)!important;max-width:none!important;max-height:none!important;flex:none;margin:0;box-shadow:none}.canvas-preview #canvasSelection{display:none!important}.canvas-preview canvas{pointer-events:none}.preview-controls input{flex:1;min-width:40px;accent-color:#b7a7ff}.preview-controls output{font:12px system-ui;white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:620px){.preview-header,.preview-controls{padding:10px;gap:8px}.preview-root button{padding:9px 10px}.preview-header h2{max-width:60vw}.preview-controls{flex-wrap:wrap}.preview-controls input{order:4;flex-basis:100%}.preview-controls output{margin-left:auto}.stagebar .zoom{gap:5px}.preview-entry{font-size:10px;padding:7px}.stagebar .zoom>span{display:none}}