html{height:100%;margin:0;background-color:#0a0a0a}body{height:100%;margin:0;background-color:transparent;font-family:Inter,sans-serif;font-size:14px;color:#f0f0f0}body.playground-page{overflow:hidden}body.dragging{cursor:ns-resize}body.dragging *{-webkit-user-select:none;user-select:none;pointer-events:none}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0000001a;border-radius:6px;margin:2px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:6px;border:2px solid transparent;background-clip:content-box;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:scale(1.1);box-shadow:0 0 10px #fbbf2466}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#d97706,#b45309)}::-webkit-scrollbar-corner{background:#0000001a}::-webkit-scrollbar-button{display:none}.playground-container ::-webkit-scrollbar-track,.prompts-sidebar ::-webkit-scrollbar-track,.ai-beat-maker ::-webkit-scrollbar-track{background:#ffffff0d;border-radius:6px}.playground-container ::-webkit-scrollbar-thumb,.prompts-sidebar ::-webkit-scrollbar-thumb,.ai-beat-maker ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid rgba(255,255,255,.1)}.playground-container ::-webkit-scrollbar-thumb:hover,.prompts-sidebar ::-webkit-scrollbar-thumb:hover,.ai-beat-maker ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 15px #fbbf2480}#sidebar ::-webkit-scrollbar{width:10px}#sidebar ::-webkit-scrollbar-track{background:#ffffff08;border-radius:5px}#sidebar ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#eab308,#ca8a04);border-radius:5px;border:1px solid rgba(255,255,255,.1)}#sidebar ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ca8a04,#a16207);box-shadow:0 0 8px #eab30866}.floating-window ::-webkit-scrollbar{width:8px}.floating-window ::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.floating-window ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:4px;border:1px solid rgba(255,255,255,.2)}.floating-window ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 10px #fbbf2499}.ai-textarea::-webkit-scrollbar{width:6px}.ai-textarea::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.ai-textarea::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:3px}.ai-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 6px #fbbf2480}*{scroll-behavior:smooth}*{scrollbar-width:thin;scrollbar-color:#fbbf24 rgba(0,0,0,.1)}#sidebar{scrollbar-color:#eab308 rgba(255,255,255,.03)}.floating-window,.ai-textarea{scrollbar-color:#fbbf24 rgba(0,0,0,.1)}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;box-shadow:var(--bloom-shadow, inset 0 0 0vw 0vw #000);opacity:var(--bloom-opacity, 0);transition:opacity .4s ease-out,box-shadow .05s ease-out}