.scene-3d-viewer[data-v-b8dcbb50]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-perspective:800px;perspective:800px;overflow:hidden;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.scene-3d-viewer[data-v-b8dcbb50]:active{cursor:-webkit-grabbing;cursor:grabbing}.viewer-hint[data-v-b8dcbb50]{position:absolute;top:40px;left:0;right:0;text-align:center;font-size:12px;color:rgba(255,255,255,.3);pointer-events:none;z-index:10}.direction-controls[data-v-b8dcbb50]{position:absolute;top:10px;right:10px;bottom:10px;left:10px;pointer-events:none;z-index:20}.direction-btn[data-v-b8dcbb50]{position:absolute;pointer-events:auto;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.4);width:28px;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:6px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;font-size:12px}.direction-btn[data-v-b8dcbb50]:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}.direction-btn.top[data-v-b8dcbb50]{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.direction-btn.bottom[data-v-b8dcbb50]{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.direction-btn.left[data-v-b8dcbb50]{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.direction-btn.right[data-v-b8dcbb50]{right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.position-display[data-v-b8dcbb50]{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;z-index:30;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;font-size:10px;min-width:200px}.control-row[data-v-b8dcbb50]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.control-label[data-v-b8dcbb50]{color:rgba(255,255,255,.6);font-weight:500;min-width:32px;font-size:10px}.control-value[data-v-b8dcbb50]{color:rgba(255,255,255,.9);font-family:SF Mono,Monaco,monospace;font-size:10px;min-width:36px;text-align:right}.compact-slider[data-v-b8dcbb50]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,.1);border-radius:2px;outline:none;cursor:pointer}.compact-slider[data-v-b8dcbb50]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.9);cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.compact-slider[data-v-b8dcbb50]::-webkit-slider-thumb:hover{background:#fff;-webkit-transform:scale(1.2);transform:scale(1.2)}.compact-slider[data-v-b8dcbb50]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.9);cursor:pointer;border:none;-moz-transition:all .2s;transition:all .2s}.compact-slider[data-v-b8dcbb50]::-moz-range-thumb:hover{background:#fff;transform:scale(1.2)}.current-light-name[data-v-b8dcbb50]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:600;color:rgba(255,255,255,.9)}.light-indicator[data-v-b8dcbb50]{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.lights-list[data-v-b8dcbb50]{margin-bottom:4px}.lights-header[data-v-b8dcbb50]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.lights-title[data-v-b8dcbb50]{font-size:11px;font-weight:600;color:rgba(255,255,255,.7)}.add-light-btn[data-v-b8dcbb50]{background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.7);width:20px;height:20px;border-radius:4px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s;transition:all .2s}.add-light-btn[data-v-b8dcbb50]:hover{background:rgba(255,255,255,.2);color:#fff}.lights-items[data-v-b8dcbb50]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.light-item[data-v-b8dcbb50]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:6px 8px;background:rgba(255,255,255,.05);border:1px solid transparent;border-radius:6px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.light-item[data-v-b8dcbb50]:hover{background:rgba(255,255,255,.1)}.light-item.active[data-v-b8dcbb50]{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.light-color-dot[data-v-b8dcbb50]{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.3);-ms-flex-negative:0;flex-shrink:0}.light-name[data-v-b8dcbb50]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:11px;color:rgba(255,255,255,.8)}.remove-light-btn[data-v-b8dcbb50]{background:transparent;border:none;color:rgba(255,255,255,.4);width:18px;height:18px;border-radius:4px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s;transition:all .2s;opacity:0}.light-item:hover .remove-light-btn[data-v-b8dcbb50]{opacity:1}.remove-light-btn[data-v-b8dcbb50]:hover{background:rgba(255,100,100,.3);color:#f66}.divider[data-v-b8dcbb50]{height:1px;background:rgba(255,255,255,.1);margin:4px 0}.current-light-controls[data-v-b8dcbb50]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.light-source.light-selected .cube[data-v-b8dcbb50]{-webkit-box-shadow:0 0 20px rgba(255,255,255,.5);box-shadow:0 0 20px rgba(255,255,255,.5)}.light-source.light-selected .cube-face[data-v-b8dcbb50]{border-color:rgba(255,255,255,.8)}.scene-3d[data-v-b8dcbb50]{position:absolute;width:300px;height:300px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .1s ease-out;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out,-webkit-transform .1s ease-out;pointer-events:none}.scene-3d-content[data-v-b8dcbb50]{position:absolute;width:300px;height:300px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .1s ease-out;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out,-webkit-transform .1s ease-out;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sphere-circle[data-v-b8dcbb50]{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.06);border-radius:50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.sphere-circle.horizontal[data-v-b8dcbb50]{width:300px;height:300px;margin-left:-150px;margin-top:-150px}.sphere-circle.vertical[data-v-b8dcbb50]{-webkit-transform-origin:center center;transform-origin:center center}.axis-line[data-v-b8dcbb50]{position:absolute;left:50%;top:50%;height:2px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(20%,currentColor),color-stop(80%,currentColor),to(transparent));background:linear-gradient(90deg,transparent 0%,currentColor 20%,currentColor 80%,transparent 100%);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;opacity:.4}.axis-line.axis-x[data-v-b8dcbb50]{width:320px;margin-left:-160px;margin-top:-1px;color:rgba(255,68,68,.25);-webkit-transform:rotateY(0deg) rotateX(90deg);transform:rotateY(0) rotateX(90deg)}.axis-line.axis-z[data-v-b8dcbb50]{width:320px;margin-left:-160px;margin-top:-1px;color:rgba(68,136,255,.25);-webkit-transform:rotateY(90deg) rotateX(90deg);transform:rotateY(90deg) rotateX(90deg)}.axis-line.axis-y[data-v-b8dcbb50]{width:2px;height:320px;margin-left:-1px;margin-top:-160px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(20%,currentColor),color-stop(80%,currentColor),to(transparent));background:linear-gradient(180deg,transparent 0%,currentColor 20%,currentColor 80%,transparent 100%);color:rgba(68,255,68,.25);-webkit-transform:rotateX(0deg);transform:rotateX(0)}.reference-plane[data-v-b8dcbb50]{position:absolute;left:50%;top:50%;width:400px;height:400px;margin-left:-200px;margin-top:-50px;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:30px 30px;background-color:rgba(255,255,255,.02);-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;opacity:.9}.plane-axis[data-v-b8dcbb50]{position:absolute;left:50%;top:50%;height:3px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(10%,currentColor),color-stop(90%,currentColor),to(transparent));background:linear-gradient(90deg,transparent 0%,currentColor 10%,currentColor 90%,transparent 100%);pointer-events:none;opacity:.9;-webkit-transform-origin:center center;transform-origin:center center}.plane-axis-x[data-v-b8dcbb50]{width:300px;margin-left:-150px;margin-top:-1.5px;color:rgba(255,68,68,.25);-webkit-transform:none;transform:none}.plane-axis-z[data-v-b8dcbb50]{width:300px;margin-left:-150px;margin-top:-1.5px;color:rgba(68,136,255,.25);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.axis-label[data-v-b8dcbb50]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:11px;font-weight:600;color:rgba(255,255,255,.8);background:rgba(0,0,0,.4);padding:2px 6px;border-radius:3px;pointer-events:none;white-space:nowrap}.axis-label-left[data-v-b8dcbb50]{left:0}.axis-label-right[data-v-b8dcbb50]{right:0}.plane-axis-z .axis-label[data-v-b8dcbb50]{-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.axis-label-front[data-v-b8dcbb50]{left:0}.axis-label-back[data-v-b8dcbb50]{right:0}.light-source[data-v-b8dcbb50]{position:absolute;left:50%;top:50%;margin-left:-7.5px;margin-top:-7.5px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:auto;cursor:pointer}.cube[data-v-b8dcbb50]{position:relative;width:15px;height:15px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cube-face[data-v-b8dcbb50]{position:absolute;width:15px;height:15px;border:1px solid rgba(255,255,255,.3);border-radius:2px}.cube-face.front[data-v-b8dcbb50]{-webkit-transform:translateZ(7.5px);transform:translateZ(7.5px)}.cube-face.back[data-v-b8dcbb50]{-webkit-transform:translateZ(-7.5px) rotateY(180deg);transform:translateZ(-7.5px) rotateY(180deg)}.cube-face.left[data-v-b8dcbb50]{-webkit-transform:translateX(-7.5px) rotateY(-90deg);transform:translate(-7.5px) rotateY(-90deg)}.cube-face.right[data-v-b8dcbb50]{-webkit-transform:translateX(7.5px) rotateY(90deg);transform:translate(7.5px) rotateY(90deg)}.cube-face.top[data-v-b8dcbb50]{-webkit-transform:translateY(-7.5px) rotateX(90deg);transform:translateY(-7.5px) rotateX(90deg)}.cube-face.bottom[data-v-b8dcbb50]{-webkit-transform:translateY(7.5px) rotateX(-90deg);transform:translateY(7.5px) rotateX(-90deg)}.pyramid-beam[data-v-b8dcbb50]{position:absolute;width:15px;height:15px;left:0;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}.pyramid-face[data-v-b8dcbb50]{position:absolute;width:30px;height:90px;left:-7.5px;top:7.5px;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.face-1[data-v-b8dcbb50]{-webkit-transform:rotateX(-10deg);transform:rotateX(-10deg)}.face-2[data-v-b8dcbb50]{-webkit-transform:rotateY(90deg) rotateX(-10deg);transform:rotateY(90deg) rotateX(-10deg)}.face-3[data-v-b8dcbb50]{-webkit-transform:rotateY(180deg) rotateX(-10deg);transform:rotateY(180deg) rotateX(-10deg)}.face-4[data-v-b8dcbb50]{-webkit-transform:rotateY(270deg) rotateX(-10deg);transform:rotateY(270deg) rotateX(-10deg)}.image-cube[data-v-b8dcbb50]{position:absolute;width:140px;height:140px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:opacity .3s,z-index 0s;transition:opacity .3s,z-index 0s;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-face[data-v-b8dcbb50]{position:absolute;width:140px;height:140px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.image-face img[data-v-b8dcbb50]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.image-front[data-v-b8dcbb50]{-webkit-transform:translateZ(5px);transform:translateZ(5px);background:rgba(255,255,255,.114);border-radius:4px;overflow:hidden;-webkit-box-shadow:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 20px rgba(0,0,0,.5)}.image-back[data-v-b8dcbb50]{-webkit-transform:translateZ(-5px) rotateY(180deg);transform:translateZ(-5px) rotateY(180deg);background:rgba(255,255,255,.063);border-radius:4px}.image-left[data-v-b8dcbb50]{-webkit-transform:translateX(-35px) rotateY(-90deg);transform:translate(-35px) rotateY(-90deg);background:-webkit-gradient(linear,left top,right top,from(#ffffff10),to(#1a1a1a));background:linear-gradient(to right,rgba(255,255,255,.063),#1a1a1a);width:10px;left:35px}.image-right[data-v-b8dcbb50]{-webkit-transform:translateX(35px) rotateY(90deg);transform:translate(35px) rotateY(90deg);background:-webkit-gradient(linear,right top,left top,from(#ffffff10),to(#1a1a1a));background:linear-gradient(to left,rgba(255,255,255,.063),#1a1a1a);width:10px;right:35px}.image-top[data-v-b8dcbb50]{-webkit-transform:translateY(-35px) rotateX(90deg);transform:translateY(-35px) rotateX(90deg);background:-webkit-gradient(linear,left top,left bottom,from(#ffffff10),to(#1a1a1a));background:linear-gradient(to bottom,rgba(255,255,255,.063),#1a1a1a);height:10px;top:35px}.image-bottom[data-v-b8dcbb50]{-webkit-transform:translateY(35px) rotateX(-90deg);transform:translateY(35px) rotateX(-90deg);background:-webkit-gradient(linear,left bottom,left top,from(#ffffff10),to(#1a1a1a));background:linear-gradient(to top,rgba(255,255,255,.063),#1a1a1a);height:10px;bottom:35px}.upload-area-light[data-v-b8dcbb50]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:240px;height:160px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:2px dashed rgba(255,255,255,.2);border-radius:16px;background:rgba(0,0,0,.05);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;-webkit-transition:all .3s;transition:all .3s;z-index:100}.upload-area-light[data-v-b8dcbb50]:hover{border-color:rgba(99,102,241,.6);background:rgba(99,102,241,.1)}.upload-area-light .upload-icon[data-v-b8dcbb50]{color:rgba(255,255,255,.5);margin-bottom:16px}.upload-area-light .upload-text[data-v-b8dcbb50]{margin:0 0 8px;font-size:16px;color:rgba(255,255,255,.7);font-weight:500}.upload-area-light .upload-hint[data-v-b8dcbb50]{margin:0;font-size:12px;color:rgba(255,255,255,.4)}.uploading-state-light[data-v-b8dcbb50]{position:absolute;top:60px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:200px;padding:32px 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;z-index:100}.uploading-state-light .loading-spinner[data-v-b8dcbb50]{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:rgba(99,102,241,.8);border-radius:50%;-webkit-animation:spin-b8dcbb50 .8s linear infinite;animation:spin-b8dcbb50 .8s linear infinite;margin-bottom:16px}@-webkit-keyframes spin-b8dcbb50{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-b8dcbb50{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.uploading-state-light .uploading-text[data-v-b8dcbb50]{margin:0;font-size:14px;color:rgba(255,255,255,.6)}.light-adjust-overlay[data-v-ecaaecd6]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:100;-webkit-animation:fadeIn-ecaaecd6 .2s ease;animation:fadeIn-ecaaecd6 .2s ease}@-webkit-keyframes fadeIn-ecaaecd6{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-ecaaecd6{0%{opacity:0}to{opacity:1}}.light-adjust-modal[data-v-ecaaecd6]{display:-webkit-box;display:-ms-flexbox;display:flex;width:900px;max-height:90vh;background:#111;border-radius:20px;overflow:hidden;-webkit-box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);-webkit-animation:scaleIn-ecaaecd6 .3s cubic-bezier(.16,1,.3,1);animation:scaleIn-ecaaecd6 .3s cubic-bezier(.16,1,.3,1)}@-webkit-keyframes scaleIn-ecaaecd6{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scaleIn-ecaaecd6{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.preview-panel[data-v-ecaaecd6]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-perspective:800px;perspective:800px;overflow:hidden;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-right:1px solid rgba(255,255,255,.06)}.preview-panel[data-v-ecaaecd6]:active{cursor:-webkit-grabbing;cursor:grabbing}.viewer-hint[data-v-ecaaecd6]{position:absolute;top:40px;left:0;right:0;text-align:center;font-size:12px;color:rgba(255,255,255,.3);pointer-events:none;z-index:10}.direction-controls[data-v-ecaaecd6]{position:absolute;top:10px;right:10px;bottom:10px;left:10px;pointer-events:none;z-index:20}.direction-btn[data-v-ecaaecd6]{position:absolute;pointer-events:auto;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.4);width:28px;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:6px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;font-size:12px}.direction-btn[data-v-ecaaecd6]:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}.direction-btn.top[data-v-ecaaecd6]{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.direction-btn.bottom[data-v-ecaaecd6]{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.direction-btn.left[data-v-ecaaecd6]{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.direction-btn.right[data-v-ecaaecd6]{right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.params-display[data-v-ecaaecd6]{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 10px;min-width:140px;z-index:30;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.position-display[data-v-ecaaecd6]{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;z-index:30;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;font-size:10px;min-width:200px}.control-row[data-v-ecaaecd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.control-label[data-v-ecaaecd6]{color:rgba(255,255,255,.6);font-weight:500;min-width:32px;font-size:10px}.control-value[data-v-ecaaecd6]{color:rgba(255,255,255,.9);font-family:SF Mono,Monaco,monospace;font-size:10px;min-width:36px;text-align:right}.compact-slider[data-v-ecaaecd6]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,.1);border-radius:2px;outline:none;cursor:pointer}.compact-slider[data-v-ecaaecd6]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.9);cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.compact-slider[data-v-ecaaecd6]::-webkit-slider-thumb:hover{background:#fff;-webkit-transform:scale(1.2);transform:scale(1.2)}.compact-slider[data-v-ecaaecd6]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.9);cursor:pointer;border:none;-moz-transition:all .2s;transition:all .2s}.compact-slider[data-v-ecaaecd6]::-moz-range-thumb:hover{background:#fff;transform:scale(1.2)}.param-item[data-v-ecaaecd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:4px;font-size:10px}.param-item[data-v-ecaaecd6]:last-child{margin-bottom:0}.param-label[data-v-ecaaecd6]{color:rgba(255,255,255,.5);font-weight:500}.param-value[data-v-ecaaecd6]{color:rgba(255,255,255,.9);font-family:SF Mono,Monaco,monospace;font-size:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.color-dot[data-v-ecaaecd6]{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.control-panel[data-v-ecaaecd6]{width:320px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#111}.panel-header[data-v-ecaaecd6]{height:60px;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header-title[data-v-ecaaecd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;color:#eee;font-size:15px;font-weight:600}.close-btn[data-v-ecaaecd6]{background:transparent;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}.close-btn[data-v-ecaaecd6]:hover{background:rgba(255,255,255,.05);color:#fff}.panel-content[data-v-ecaaecd6]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:0 18px}.control-section[data-v-ecaaecd6]{margin-bottom:16px}.section-label[data-v-ecaaecd6]{font-size:11px;text-transform:uppercase;color:#666;margin-bottom:8px;letter-spacing:.5px;font-weight:600}.preset-grid[data-v-ecaaecd6]{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.preset-btn[data-v-ecaaecd6]{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.03);color:#999;padding:8px;font-size:12px;border-radius:20px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.preset-btn[data-v-ecaaecd6]:hover{background:rgba(255,255,255,.06);color:#fff}.preset-btn.active[data-v-ecaaecd6]{background:#eee;color:#000;border-color:#fff;font-weight:600}.preset-btn .preset-label[data-v-ecaaecd6]{display:block}.preset-btn .preset-lights-count[data-v-ecaaecd6]{display:block;font-size:10px;color:rgba(255,255,255,.4);margin-top:2px}.preset-btn.active .preset-lights-count[data-v-ecaaecd6]{color:rgba(0,0,0,.5)}.add-light-btn-small[data-v-ecaaecd6]{background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.7);width:20px;height:20px;border-radius:4px;cursor:pointer;font-size:14px;line-height:1;-webkit-transition:all .2s;transition:all .2s}.add-light-btn-small[data-v-ecaaecd6]:hover{background:rgba(255,255,255,.2);color:#fff}.lights-row[data-v-ecaaecd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;margin-top:8px}.light-chip[data-v-ecaaecd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:6px 10px;background:rgba(255,255,255,.05);border:1px solid transparent;border-radius:16px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;font-size:11px}.light-chip[data-v-ecaaecd6]:hover{background:rgba(255,255,255,.1)}.light-chip.active[data-v-ecaaecd6]{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4)}.light-chip-dot[data-v-ecaaecd6]{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.3);-ms-flex-negative:0;flex-shrink:0}.light-chip-name[data-v-ecaaecd6]{color:rgba(255,255,255,.8)}.light-chip-remove[data-v-ecaaecd6]{background:transparent;border:none;color:rgba(255,255,255,.4);width:14px;height:14px;border-radius:50%;cursor:pointer;font-size:12px;line-height:1;padding:0;margin-left:2px;-webkit-transition:all .2s;transition:all .2s;opacity:0}.light-chip:hover .light-chip-remove[data-v-ecaaecd6]{opacity:1}.light-chip-remove[data-v-ecaaecd6]:hover{background:rgba(255,100,100,.3);color:#f66}.light-type-grid[data-v-ecaaecd6]{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.light-type-grid.light-type-grid-2[data-v-ecaaecd6]{grid-template-columns:repeat(2,1fr)}.light-type-btn[data-v-ecaaecd6]{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.02);color:#999;padding:8px 6px;font-size:11px;border-radius:16px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;white-space:nowrap}.light-type-btn[data-v-ecaaecd6]:hover{background:rgba(255,255,255,.06);color:#fff}.light-type-btn.active[data-v-ecaaecd6]{background:#fff;color:#121212;border-color:rgba(255,255,255,.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2);font-weight:600;font-size:12px}.setting-item[data-v-ecaaecd6]{margin-bottom:20px}.setting-row[data-v-ecaaecd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px;font-size:13px;color:#ccc}.setting-row .value[data-v-ecaaecd6]{color:#666;font-family:monospace}.mini-slider[data-v-ecaaecd6]{width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.mini-slider[data-v-ecaaecd6]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:2px solid #333}.color-picker-row[data-v-ecaaecd6]{position:relative;height:32px;width:100%}.color-input-hidden[data-v-ecaaecd6]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;top:0;left:0;z-index:2}.color-preview-bar[data-v-ecaaecd6]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.color-picker-wrapper[data-v-ecaaecd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.color-grid[data-v-ecaaecd6]{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.color-btn[data-v-ecaaecd6]{width:100%;aspect-ratio:1;border-radius:4px;border:1px solid transparent;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:.4}.color-btn[data-v-ecaaecd6]:hover{-webkit-transform:scale(1.15);transform:scale(1.15);-webkit-box-shadow:0 2px 12px rgba(0,0,0,.4);box-shadow:0 2px 12px rgba(0,0,0,.4);z-index:1;opacity:1}.color-btn.active[data-v-ecaaecd6]{border-color:#fff;-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.5),0 4px 12px rgba(0,0,0,.3);box-shadow:0 0 0 1px rgba(255,255,255,.5),0 4px 12px rgba(0,0,0,.3);-webkit-transform:scale(1.1);transform:scale(1.1);z-index:2;opacity:1}.color-check[data-v-ecaaecd6]{color:#f8f8f8;font-size:12px;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.5)}.custom-color-row[data-v-ecaaecd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.custom-label[data-v-ecaaecd6]{font-size:12px;color:rgba(255,255,255,.5);min-width:40px}.custom-color-input[data-v-ecaaecd6]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:28px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:transparent;cursor:pointer;padding:2px}.custom-color-input[data-v-ecaaecd6]::-webkit-color-swatch-wrapper{padding:0}.custom-color-input[data-v-ecaaecd6]::-webkit-color-swatch{border:none;border-radius:4px}.panel-footer[data-v-ecaaecd6]{padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.action-btn[data-v-ecaaecd6]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;padding:8px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.action-btn.secondary[data-v-ecaaecd6]{background:transparent;border:1px solid rgba(255,255,255,.1);color:#999}.action-btn.secondary[data-v-ecaaecd6]:hover{border-color:rgba(255,255,255,.2);color:#fff}.action-btn.primary[data-v-ecaaecd6]{background:#fff;border:1px solid #fff;color:#000}.action-btn.primary[data-v-ecaaecd6]:hover{background:#e0e0e0;border-color:#e0e0e0}.scene-3d[data-v-ecaaecd6]{position:absolute;width:300px;height:300px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .1s ease-out;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out,-webkit-transform .1s ease-out;pointer-events:none}.scene-3d-content[data-v-ecaaecd6]{position:absolute;width:300px;height:300px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .1s ease-out;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out,-webkit-transform .1s ease-out;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sphere-circle[data-v-ecaaecd6]{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.06);border-radius:50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.sphere-circle.horizontal[data-v-ecaaecd6]{width:300px;height:300px;margin-left:-150px;margin-top:-150px}.sphere-circle.vertical[data-v-ecaaecd6]{-webkit-transform-origin:center center;transform-origin:center center}.axis-line[data-v-ecaaecd6]{position:absolute;left:50%;top:50%;height:2px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(20%,currentColor),color-stop(80%,currentColor),to(transparent));background:linear-gradient(90deg,transparent 0%,currentColor 20%,currentColor 80%,transparent 100%);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;opacity:.4}.axis-line.axis-x[data-v-ecaaecd6]{width:320px;margin-left:-160px;margin-top:-1px;color:#f44;-webkit-transform:rotateY(0deg) rotateX(90deg);transform:rotateY(0) rotateX(90deg)}.axis-line.axis-z[data-v-ecaaecd6]{width:320px;margin-left:-160px;margin-top:-1px;color:#48f;-webkit-transform:rotateY(90deg) rotateX(90deg);transform:rotateY(90deg) rotateX(90deg)}.axis-line.axis-y[data-v-ecaaecd6]{width:2px;height:320px;margin-left:-1px;margin-top:-160px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(20%,currentColor),color-stop(80%,currentColor),to(transparent));background:linear-gradient(180deg,transparent 0%,currentColor 20%,currentColor 80%,transparent 100%);color:#4f4;-webkit-transform:rotateX(0deg);transform:rotateX(0)}.reference-plane[data-v-ecaaecd6]{position:absolute;left:50%;top:50%;width:400px;height:400px;margin-left:-200px;margin-top:-50px;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:30px 30px;background-color:rgba(255,255,255,.05);-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;opacity:.9}.plane-axis[data-v-ecaaecd6]{position:absolute;left:50%;top:50%;height:3px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(10%,currentColor),color-stop(90%,currentColor),to(transparent));background:linear-gradient(90deg,transparent 0%,currentColor 10%,currentColor 90%,transparent 100%);pointer-events:none;opacity:.9;-webkit-transform-origin:center center;transform-origin:center center}.plane-axis-x[data-v-ecaaecd6]{width:300px;margin-left:-150px;margin-top:-1.5px;color:#f44;-webkit-transform:none;transform:none}.plane-axis-z[data-v-ecaaecd6]{width:300px;margin-left:-150px;margin-top:-1.5px;color:#48f;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.axis-label[data-v-ecaaecd6]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:11px;font-weight:600;color:rgba(255,255,255,.8);background:rgba(0,0,0,.4);padding:2px 6px;border-radius:3px;pointer-events:none;white-space:nowrap}.axis-label-left[data-v-ecaaecd6]{left:0}.axis-label-right[data-v-ecaaecd6]{right:0}.plane-axis-z .axis-label[data-v-ecaaecd6]{-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.axis-label-front[data-v-ecaaecd6]{left:0}.axis-label-back[data-v-ecaaecd6]{right:0}.light-source[data-v-ecaaecd6]{position:absolute;left:50%;top:50%;margin-left:-7.5px;margin-top:-7.5px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cube[data-v-ecaaecd6]{position:relative;width:15px;height:15px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cube-face[data-v-ecaaecd6]{position:absolute;width:15px;height:15px;border:1px solid rgba(255,255,255,.3);border-radius:2px}.cube-face.front[data-v-ecaaecd6]{-webkit-transform:translateZ(7.5px);transform:translateZ(7.5px)}.cube-face.back[data-v-ecaaecd6]{-webkit-transform:translateZ(-7.5px) rotateY(180deg);transform:translateZ(-7.5px) rotateY(180deg)}.cube-face.left[data-v-ecaaecd6]{-webkit-transform:translateX(-7.5px) rotateY(-90deg);transform:translate(-7.5px) rotateY(-90deg)}.cube-face.right[data-v-ecaaecd6]{-webkit-transform:translateX(7.5px) rotateY(90deg);transform:translate(7.5px) rotateY(90deg)}.cube-face.top[data-v-ecaaecd6]{-webkit-transform:translateY(-7.5px) rotateX(90deg);transform:translateY(-7.5px) rotateX(90deg)}.cube-face.bottom[data-v-ecaaecd6]{-webkit-transform:translateY(7.5px) rotateX(-90deg);transform:translateY(7.5px) rotateX(-90deg)}.pyramid-beam[data-v-ecaaecd6]{position:absolute;width:15px;height:15px;left:0;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}.pyramid-face[data-v-ecaaecd6]{position:absolute;width:30px;height:90px;left:-7.5px;top:7.5px;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.face-1[data-v-ecaaecd6]{-webkit-transform:rotateX(-10deg);transform:rotateX(-10deg)}.face-2[data-v-ecaaecd6]{-webkit-transform:rotateY(90deg) rotateX(-10deg);transform:rotateY(90deg) rotateX(-10deg)}.face-3[data-v-ecaaecd6]{-webkit-transform:rotateY(180deg) rotateX(-10deg);transform:rotateY(180deg) rotateX(-10deg)}.face-4[data-v-ecaaecd6]{-webkit-transform:rotateY(270deg) rotateX(-10deg);transform:rotateY(270deg) rotateX(-10deg)}.image-cube[data-v-ecaaecd6]{position:absolute;width:70px;height:70px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:opacity .3s,z-index 0s;transition:opacity .3s,z-index 0s;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-face[data-v-ecaaecd6]{position:absolute;width:70px;height:70px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.image-face img[data-v-ecaaecd6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.image-front[data-v-ecaaecd6]{-webkit-transform:translateZ(5px);transform:translateZ(5px);background:rgba(255,255,255,.114);border-radius:4px;overflow:hidden;-webkit-box-shadow:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 20px rgba(0,0,0,.5)}.image-back[data-v-ecaaecd6]{-webkit-transform:translateZ(-5px) rotateY(180deg);transform:translateZ(-5px) rotateY(180deg);background:rgba(255,255,255,.063);border-radius:4px}.image-left[data-v-ecaaecd6]{-webkit-transform:translateX(-35px) rotateY(-90deg);transform:translate(-35px) rotateY(-90deg);background:-webkit-gradient(linear,left top,right top,from(#ffffff10),to(#1a1a1a));background:linear-gradient(to right,rgba(255,255,255,.063),#1a1a1a);width:10px;left:35px}.image-right[data-v-ecaaecd6]{-webkit-transform:translateX(35px) rotateY(90deg);transform:translate(35px) rotateY(90deg);background:-webkit-gradient(linear,right top,left top,from(#ffffff10),to(#1a1a1a));background:linear-gradient(to left,rgba(255,255,255,.063),#1a1a1a);width:10px;right:35px}.image-top[data-v-ecaaecd6]{-webkit-transform:translateY(-35px) rotateX(90deg);transform:translateY(-35px) rotateX(90deg);background:-webkit-gradient(linear,left top,left bottom,from(#ffffff10),to(#1a1a1a));background:linear-gradient(to bottom,rgba(255,255,255,.063),#1a1a1a);height:10px;top:35px}.image-bottom[data-v-ecaaecd6]{-webkit-transform:translateY(35px) rotateX(-90deg);transform:translateY(35px) rotateX(-90deg);background:-webkit-gradient(linear,left bottom,left top,from(#ffffff10),to(#1a1a1a));background:linear-gradient(to top,rgba(255,255,255,.063),#1a1a1a);height:10px;bottom:35px}.upload-area-light[data-v-ecaaecd6]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:240px;height:160px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:2px dashed rgba(255,255,255,.2);border-radius:16px;background:rgba(0,0,0,.05);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;-webkit-transition:all .3s;transition:all .3s;z-index:100}.upload-area-light[data-v-ecaaecd6]:hover{border-color:rgba(99,102,241,.6);background:rgba(99,102,241,.1)}.upload-area-light .upload-icon[data-v-ecaaecd6]{color:rgba(255,255,255,.5);margin-bottom:16px}.upload-area-light .upload-text[data-v-ecaaecd6]{margin:0 0 8px;font-size:16px;color:rgba(255,255,255,.7);font-weight:500}.upload-area-light .upload-hint[data-v-ecaaecd6]{margin:0;font-size:12px;color:rgba(255,255,255,.4)}.uploading-state-light[data-v-ecaaecd6]{position:absolute;top:60px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:200px;padding:32px 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;z-index:100}.uploading-state-light .loading-spinner[data-v-ecaaecd6]{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:rgba(99,102,241,.8);border-radius:50%;-webkit-animation:spin-ecaaecd6 .8s linear infinite;animation:spin-ecaaecd6 .8s linear infinite;margin-bottom:16px}@-webkit-keyframes spin-ecaaecd6{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-ecaaecd6{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.uploading-state-light .uploading-text[data-v-ecaaecd6]{margin:0;font-size:14px;color:rgba(255,255,255,.6)}
.light-output-settings{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04)}.light-output-settings .output-setting-group{display:flex;flex-direction:column;gap:6px}.light-output-settings .setting-label{font-size:12px;color:rgba(255,255,255,.72)}.light-option-grid{display:grid;gap:8px}.light-option-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.light-option-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.light-option-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.light-option-card{height:32px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.72);font-size:12px;cursor:pointer;transition:all .18s ease}.light-option-card:hover{background:rgba(255,255,255,.1);color:#fff}.light-option-card.active{border-color:#fbbf24;background:rgba(251,191,36,.18);color:#fff;box-shadow:0 0 0 1px rgba(251,191,36,.18) inset}