*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#080812;color:#e4e4e7;overflow:hidden;width:100vw;height:100vh}#drift-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;cursor:crosshair;touch-action:none}.ui-overlay{position:fixed;top:0;left:0;width:100%;pointer-events:none;z-index:10}.drift-header{text-align:center;padding:1.25rem 1.5rem .75rem;pointer-events:auto;background:linear-gradient(to bottom,rgba(8,8,18,.7),transparent)}.back{display:inline-block;color:#818cf8;text-decoration:none;margin-bottom:.4rem;font-size:.8rem}.back:hover{text-decoration:underline}h1{font-size:1.6rem;margin-bottom:.2rem;color:#fff;text-shadow:0 0 20px rgba(129,140,248,.4)}.subtitle{color:#71717a;font-size:.85rem}.controls-panel{position:fixed;top:50%;right:1rem;transform:translateY(-50%);width:200px;background:#0f0f1ed9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;pointer-events:auto;transition:opacity .3s,transform .3s;z-index:20}.controls-panel.collapsed .control-group,.controls-panel.collapsed .control-row{display:none}.controls-panel.collapsed{width:auto;padding:.5rem;background:#0f0f1e99}.control-group{margin-bottom:.75rem}.control-group label{display:block;font-size:.7rem;color:#a1a1aa;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.control-group label span{color:#818cf8;font-weight:600}.control-group select,.control-group input[type=range]{width:100%}.control-group select{padding:.4rem .5rem;font-size:.8rem;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer}.control-group input[type=range]{-webkit-appearance:none;appearance:none;height:4px;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#818cf8;border-radius:50%;cursor:pointer;transition:transform .15s}.control-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.control-row{display:flex;gap:.5rem;margin-bottom:.5rem}.ctrl-btn{flex:1;padding:.45rem .5rem;font-size:.7rem;font-weight:600;background:#ffffff0f;color:#a1a1aa;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.ctrl-btn:hover{background:#ffffff1f;color:#fff}.ctrl-btn.accent{background:#818cf826;color:#818cf8;border-color:#818cf84d}.ctrl-btn.accent:hover{background:#818cf840;color:#a5b4fc}.toggle-btn{position:absolute;top:.5rem;left:-2rem;width:1.75rem;height:1.75rem;font-size:.9rem;background:#0f0f1ecc;color:#71717a;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s}.toggle-btn:hover{color:#fff}.well-indicator{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.5rem 1rem;font-size:.8rem;background:#0f0f1eb3;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#71717a;pointer-events:none;z-index:10}.well-indicator.hidden{display:none}.status{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.6rem 1.25rem;border-radius:8px;font-weight:500;font-size:.85rem;text-align:center;pointer-events:none;z-index:30;transition:opacity .3s}.status.hidden{opacity:0;pointer-events:none}.status.success{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.drift-footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;padding:.75rem;color:#71717a80;font-size:.75rem;pointer-events:auto;z-index:10}.drift-footer a{color:#818cf880;text-decoration:none}.drift-footer a:hover{color:#818cf8;text-decoration:underline}@media(max-width:600px){.controls-panel{right:.5rem;width:170px;padding:.75rem}h1{font-size:1.3rem}}