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