:root{--lab-bg:#0a0f18;--panel-bg:#0f172ab3;--accent-glow:#38bdf84d;--sidebar-width:280px}body,html{background-color:var(--lab-bg);color:#e2e8f0;width:100%;height:100%;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}#app-container{width:100vw;height:100vh;display:flex}#sidebar{width:var(--sidebar-width);background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;border-right:1px solid #ffffff1a;flex-direction:column;height:100%;padding:1.5rem;display:flex}.logo{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700}.equipment-group{margin-bottom:2rem}.group-title{text-transform:uppercase;color:#64748b;letter-spacing:1px;margin-bottom:1rem;font-size:.75rem;display:block}.tool-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;margin-bottom:.8rem;padding:1rem;transition:all .3s;display:flex}.tool-item:hover{background:#ffffff14;border-color:#38bdf880;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.tool-icon{background:#38bdf81a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tool-name{font-size:.9rem;font-weight:500}.color-picker{gap:10px;margin-top:.5rem;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:transform .2s}.color-dot.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 10px}#workspace{background-image:radial-gradient(circle at 2px 2px,#ffffff08 1px,#0000 0);background-size:40px 40px;flex:1;position:relative}canvas{width:100%;height:100%;display:block}.overlay-info{pointer-events:none;position:absolute;top:20px;right:20px}.info-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#94a3b8;border:1px solid #ffffff1a;border-radius:12px;padding:12px 20px;font-size:.85rem}.info-card strong{color:#fff}.controls-hint{color:#64748b;background:#0006;border-radius:20px;padding:8px 16px;font-size:.8rem;position:absolute;bottom:20px;left:20px}@keyframes glow{0%{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow)}to{box-shadow:0 0 5px var(--accent-glow)}}.active-laser{animation:2s infinite glow;border-color:#f87171!important}#laser-color-control{background:#0f172a66;border:1px dashed #ffffff1a;border-radius:12px;margin-top:.5rem;padding:.8rem}.mode-switch{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;gap:2px;margin-top:.5rem;padding:3px;display:flex}.mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 6px;font-size:.75rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-btn.active{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);box-shadow:0 4px 10px #38bdf840}.mode-btn:hover:not(.active){color:#cbd5e1;background:#ffffff05}.slider-box{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:.8rem;padding:1rem}input[type=range]{appearance:none;background:#ffffff1a;border-radius:3px;outline:none;height:6px;margin-top:8px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#38bdf8;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 0 8px #38bdf880}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.delete-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:none;border-radius:12px;width:100%;padding:12px;font-size:.85rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #ef444433}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466,0 0 10px #ef4444}