.circle-field-container[data-v-d8ae5f5a]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden}.circle-field-container canvas[data-v-d8ae5f5a]{display:block}.cf-controls[data-v-d8ae5f5a]{position:fixed;top:60px;right:12px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.cf-controls[data-v-d8ae5f5a],.cf-toggle[data-v-d8ae5f5a]{font-family:monospace;font-size:11px;color:#fff}.cf-toggle[data-v-d8ae5f5a]{padding:4px 10px;background:#000000b3;border:1px solid hsla(0,0%,100%,.3);border-radius:4px;cursor:pointer}.cf-toggle[data-v-d8ae5f5a]:hover{background:#000000d9}.cf-panel[data-v-d8ae5f5a]{display:flex;flex-direction:column;gap:6px;padding:12px;background:#000000bf;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cf-row[data-v-d8ae5f5a]{display:grid;grid-template-columns:80px 120px 40px;align-items:center;gap:8px}.cf-name[data-v-d8ae5f5a]{white-space:nowrap}.cf-value[data-v-d8ae5f5a]{text-align:right;opacity:.8}.cf-row input[type=range][data-v-d8ae5f5a]{width:100%;accent-color:#fff}.cf-color[data-v-d8ae5f5a]{width:100%;height:20px;padding:0;background:none;border:1px solid hsla(0,0%,100%,.3);border-radius:4px;cursor:pointer}