:root{--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .5);--accent: #6366f1;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font)}body{overflow:hidden}#canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.control-toggle{position:fixed;top:20px;right:20px;width:44px;height:44px;background:var(--bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);z-index:1001;transition:all .2s ease}.control-toggle:hover{background:#ffffff14;border-color:#ffffff26;transform:scale(1.05)}.control-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff}.control-toggle svg{transition:transform .3s ease}.control-toggle.active svg{transform:rotate(90deg)}.control-panel{position:fixed;top:0;right:0;width:340px;max-height:100%;background:#0f0f14f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow-y:auto}.control-panel.active{transform:translate(0)}.panel-content{padding:20px}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.panel-header h2{margin:0;font-size:1rem;font-weight:500;color:var(--text);letter-spacing:.02em}.close-panel{background:none;border:none;cursor:pointer;padding:8px;color:var(--text-muted);border-radius:8px;transition:all .2s}.close-panel:hover{color:var(--text);background:#ffffff0d}.control-group{margin-bottom:24px}.control-group h3{font-size:.7rem;font-weight:600;margin:0 0 12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.control-item{margin-bottom:14px}.control-item label{display:block;margin-bottom:6px;font-size:.8rem;color:var(--text-muted)}.control-item input[type=range]{width:100%;height:6px;-webkit-appearance:none;background:#ffffff1a;border-radius:3px}.control-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}.value-display{float:right;color:var(--text-muted);font-size:.75rem}.color-input-group{display:flex;align-items:center;gap:10px}input[type=color]{width:36px;height:36px;padding:2px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:transparent}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.hex-input{flex:1;padding:10px 12px;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;font-size:.8rem;font-family:JetBrains Mono,monospace;color:var(--text)}.hex-input:focus{outline:none;border-color:var(--accent)}.toggles{display:flex;flex-direction:column;gap:10px}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle input[type=checkbox]{width:36px;height:20px;-webkit-appearance:none;background:#ffffff1a;border-radius:10px;cursor:pointer;position:relative;transition:background .2s}.toggle input[type=checkbox]:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s ease}.toggle input[type=checkbox]:checked{background:var(--accent)}.toggle input[type=checkbox]:checked:before{transform:translate(16px)}.toggle-label{font-size:.8rem;color:var(--text)}.panel-footer{padding:16px 20px;display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border)}.btn{padding:10px 16px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.btn:hover{background:#ffffff14;border-color:#ffffff26}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{opacity:.9}.btn-copy{background:#22c55e33;color:#22c55e;border-color:#22c55e4d}.btn-copy:hover{background:#22c55e4d}.gradient-colors{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.gradient-colors input[type=color]{width:32px;height:32px}.gradient-color-item{display:flex;align-items:center;gap:4px}.gradient-color-remove{width:24px;height:24px;padding:0;border:none;background:#ffffff14;color:#fff9;border-radius:6px;cursor:pointer;font-size:14px;line-height:1}.gradient-color-remove:hover:not(:disabled){background:#ffffff1f}.gradient-color-remove:disabled{opacity:.4;cursor:not-allowed}.gradient-color-add{width:32px;height:32px;padding:0;border:1px dashed rgba(255,255,255,.2);background:transparent;color:#fff9;border-radius:8px;cursor:pointer;font-size:18px;line-height:1}.gradient-color-add:hover{border-color:#fff6;color:#ffffffe6}.dual-slider input[type=range]{margin-bottom:6px}.size-display{font-size:.75rem;color:var(--text-muted)}select{width:100%;padding:10px 36px 10px 12px;background:#1e1e28f2;border:1px solid var(--border);border-radius:8px;font-size:.8rem;color:#fff;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}select:focus{outline:none;border-color:var(--accent)}select option{background:#1e1e28;color:#fff;padding:8px}.control-hint{font-size:.75rem;color:var(--text-muted);margin:0 0 12px}.btn-dashed{width:100%;margin-top:8px;border-style:dashed}.asset-entry{margin-bottom:12px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.asset-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.asset-entry-source{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.asset-entry-mode{display:flex;gap:8px;align-items:center}.asset-entry-mode input[type=number]{width:70px;padding:6px 8px;background:#1e1e28f2;border:1px solid var(--border);border-radius:8px;color:#fff;font-size:.8rem}.asset-entry-mode input[type=number]:focus{outline:none;border-color:var(--accent)}.asset-remove{background:none;border:none;color:#fff6;cursor:pointer;padding:4px;font-size:18px;line-height:1}.asset-remove:hover{color:#ffffffb3}