:root{font-family:Helvetica;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;background-image:linear-gradient(#00000080,#00000080),url(/assets/bkg2_-D5nfIT4I.png);background-repeat:repeat;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-color: whitesmoke;--strip-background-color: rgba(15, 15, 15, 1);--borders-color: rgba(245, 245, 245, .5);--borders-width: 2px;--daw-background-color: rgba(10, 10, 10, .7)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#7fffd4}button:focus,button:focus-visible{outline:4px auto aquamarine}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible{outline:1px aquamarine}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}html{min-height:100%;height:100%}body,button{color:var(--text-color)}select{color:var(--text-color);width:110px}form{display:flex;flex-direction:column;gap:10px;max-width:300px}.error{color:#f44;margin:0}.form-header{text-shadow:0 0 6px rgba(0,255,156,.6);text-transform:uppercase;font-weight:400}.guest-auth-buttons{display:flex;justify-content:center;gap:20px}.guest-auth-btn{background-color:transparent;cursor:pointer}.presets-bar-message{text-shadow:0 0 6px rgba(0,255,156,.6);text-transform:uppercase;font-weight:400;color:#fff;margin:10px 0}.daw{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;align-items:center;row-gap:20px;position:relative;padding:20px;border-radius:30px;background:var(--daw-background-color);border:var(--borders-width) solid var(--borders-color);--strip-v-width: 133px;--strip-gap: 25px;--strip-h-width: calc(var(--strip-v-width) * 3 + var(--strip-gap) * 2)}.daw h1{margin:.1em 0;font-size:2.8rem;grid-column:1 / -1}.sound-unit{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,var(--strip-v-width));gap:var(--strip-gap);justify-content:center}.generate-ai-kick-btn{padding:14px 0;width:80%;background-color:#1a2e22;color:#fff;border:1px solid #253d2e;grid-column:1 / -1}.control-strip{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;align-items:center;justify-self:center;grid-column:1 / -1;background:var(--strip-background-color);border-radius:30px;border:var(--borders-width) solid var(--borders-color);width:var(--strip-h-width);column-gap:var(--strip-gap)}.cue-button,.play-button{width:90px;height:90px;display:block}.bpm-box{width:80px;height:40px;font-size:30px;font-family:monospace}.mastering-heading{grid-column:1 / -1;margin:0}.master-strip-knobs{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column:1 / -1;justify-items:center;align-items:center;justify-self:center;column-gap:var(--strip-gap);padding-bottom:7px;background:var(--strip-background-color);border-radius:30px;border:var(--borders-width) solid var(--borders-color);width:var(--strip-h-width)}.knob-container{display:flex;flex-direction:column;align-items:center}.knob{touch-action:none;-webkit-user-select:none;user-select:none;width:75px;height:75px;position:relative;transform-origin:center center}.layer-strip .knob{width:55px;height:55px}.layer-strip{display:flex;flex-direction:column;align-items:center;gap:15px;background:var(--strip-background-color);border-radius:30px;padding:10px;border:var(--borders-width) solid var(--borders-color);box-sizing:border-box;width:100%}.back-to-daw-btn{width:110px;padding:4px 0;background-color:#510d0daf;color:#fff;border:1px solid #3d2525;font-size:.85em}.back-to-daw-btn:hover{background-color:#4a1f1f;border-color:#8b3333}.back-to-daw-btn:focus,.back-to-daw-btn:focus-visible{outline-color:#8b3333;border-color:#8b3333}.presets-bar{--presets-bar-height: 40px;--presets-bar-bkg: rgba(30, 35, 30, .781);--presets-bar-color: white;--presets-bar-radius: 0px;display:grid;grid-template-columns:1fr 1fr 5fr 1fr 1fr;align-items:center;justify-content:center;grid-column:1 / -1;width:var(--strip-h-width)}.presets-bar-btn{height:var(--presets-bar-height);padding:0 12px;background-color:var(--presets-bar-bkg);color:var(--presets-bar-color);border-radius:var(--presets-bar-radius);border:1px solid rgba(0,0,0,.2);cursor:pointer}.presets-bar-btn:hover:not(:disabled){border-color:#7fffd4}.presets-bar-btn:disabled{opacity:.4;cursor:not-allowed}.presets-bar-select{width:100%;background-color:var(--presets-bar-bkg);height:var(--presets-bar-height);color:var(--presets-bar-color);border-radius:var(--presets-bar-radius);border:1px solid rgba(0,0,0,.2);cursor:pointer}.presets-bar-select:hover{border-color:#7fffd4}.presets-bar-disabled{background-color:var(--presets-bar-bkg);height:var(--presets-bar-height);padding:0 20px;border:1px solid rgba(0,0,0,.2);margin-bottom:15px}.kickgen-message{grid-column:1 / -1}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;padding:24px;min-width:300px;max-width:400px}.modal h3{margin-top:0;margin-bottom:16px;color:#fff}.modal p{margin-bottom:16px;color:#ccc}.modal input[type=text]{width:100%;padding:10px;border:1px solid #444;border-radius:4px;background-color:#2a2a2a;color:#fff;font-size:14px;box-sizing:border-box}.modal input[type=text]:focus{outline:none;border-color:#7fffd4}.modal-error{color:#f44;font-size:13px;margin:8px 0 0}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-buttons button{padding:8px 16px;border:1px solid #444;border-radius:4px;background-color:#2a2a2a;color:#fff;cursor:pointer}.modal-buttons button:hover{border-color:#7fffd4}.modal-btn-danger{background-color:#422!important;border-color:#633!important}.modal-btn-danger:hover{border-color:#f44!important}.loading-overlay{position:fixed;inset:0;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity .4s ease-out}.loading-overlay--fading{opacity:0;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}@keyframes loading-wave-scroll{0%{transform:translate(0)}to{transform:translate(-400px)}}.loading-wave-path{animation:loading-wave-scroll 2.5s linear infinite}.loading-text{color:#f5f5f5;font-weight:400;text-transform:uppercase;letter-spacing:2px;margin:0}.logout-button{background-color:transparent}.logout-button-border{padding-top:40px}