.viewer[data-v-0d9f78bb]{background:radial-gradient(ellipse at 50% 35%, #1a273b 0%, var(--cc-canvas) 70%);border:1px solid var(--cc-border);border-radius:var(--cc-radius-panel);position:relative;overflow:hidden}.host[data-v-0d9f78bb]{width:100%}.host[data-v-0d9f78bb] canvas{cursor:grab;touch-action:none;display:block;width:100%!important}.host[data-v-0d9f78bb] canvas:active{cursor:grabbing}.state[data-v-0d9f78bb]{min-height:320px;padding:var(--cc-space-8);color:var(--cc-secondary);text-align:center;place-items:center;margin:0;display:grid}.loading[data-v-0d9f78bb]{pointer-events:none;position:absolute;inset:0}.controls[data-v-0d9f78bb]{gap:var(--cc-space-2);display:flex;position:absolute;inset-block-end:var(--cc-space-3);inset-inline-start:var(--cc-space-3)}.tool[data-v-0d9f78bb]{height:36px;padding-inline:var(--cc-space-3);background:var(--cc-glass);border:1px solid var(--cc-border);border-radius:var(--cc-radius-control);color:var(--cc-secondary);cursor:pointer;font:inherit;-webkit-backdrop-filter:blur(var(--cc-blur));backdrop-filter:blur(var(--cc-blur));font-size:13px;font-weight:600}.tool[data-v-0d9f78bb]:hover{color:var(--cc-text);background:var(--cc-hover)}