*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#fff}#__next,body{height:100vh}.canvas-container{width:100%;height:100%;position:relative;background:#000}.panel{background:rgba(30,30,30,.9);border:1px solid #444;border-radius:8px;padding:16px;margin:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel h3{margin-bottom:12px;font-size:14px;font-weight:600;color:#fff}.control-group{margin-bottom:16px}.control-group:last-child{margin-bottom:0}.control-label{display:block;margin-bottom:4px;font-size:12px;color:#ccc}.control-input{width:100%;padding:6px 8px;background:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:12px}.control-input:focus{outline:none;border-color:#0070f3}.control-button{padding:8px 12px;background:#0070f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s}.control-button:hover{background:#0056b3}.control-button:disabled{background:#444;cursor:not-allowed;color:#888}.control-button.secondary{background:#444;color:#fff}.control-button.secondary:hover{background:#555}.editor-layout{display:grid;grid-template-columns:240px 1fr 240px;grid-template-rows:1fr;height:100vh;grid-gap:0;gap:0}.left-panel,.right-panel{background:hsla(0,0%,8%,.95);border-right:1px solid #333;overflow-y:auto;padding:16px}.right-panel{border-right:none;border-left:1px solid #333}.center-canvas{overflow:hidden}.center-canvas,.center-canvas-container{flex-grow:1;position:relative;height:100vh}.center-canvas-container{display:flex}.right-panels{width:var(--right-panel-width)}@media (max-width:1200px){.editor-layout{grid-template-columns:200px 1fr 200px}}@media (max-width:768px){.editor-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.left-panel,.right-panel{height:auto;max-height:200px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-dots-container{display:flex;align-items:center;justify-content:center;gap:10px}.loader-dot{width:10px;height:10px;background-color:#fff;border-radius:50%;animation:pulse 1.4s ease-in-out infinite both}.loader-dot-1{animation-delay:-.32s}.loader-dot-2{animation-delay:-.16s}.loader-dot-3{animation-delay:0s}@keyframes pulse{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}