html,body{color:#fff;background:radial-gradient(circle at 100% 0,#1a1a2e 0%,#000 100%);min-height:100vh;margin:0;padding:0;font-family:Outfit,Poppins,sans-serif;overflow-x:hidden}*{box-sizing:border-box;transition:all .4s cubic-bezier(.19,1,.22,1)}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;box-shadow:0 10px 40px -10px #00000080}.glass-pill{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-transform:uppercase;letter-spacing:2px;background:#ffffff14;border:1px solid #ffffff1a;border-radius:40px;padding:10px 24px}.button-3d-black{background:#000;border:none;transition:transform .1s,box-shadow .1s;position:relative;transform:translateY(0);box-shadow:0 8px #111,0 15px 35px #00000080}.button-3d-black:active{transform:translateY(6px);box-shadow:0 2px #111,0 8px 20px #0000004d}.button-3d-white{background:#fff;border:none;position:relative;transform:translateY(0);box-shadow:0 6px #ddd,0 10px 20px #0000001a}.button-3d-white:active{transform:translateY(4px);box-shadow:0 2px #ddd,0 5px 10px #0000001a}.card-main{background:#fff;border:1px solid #ffffff1a;border-radius:48px;overflow:hidden;box-shadow:0 40px 100px -20px #000000b3}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.shake{animation:.4s ease-in-out shake}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #ff0055b3}70%{transform:scale(1.05);box-shadow:0 0 0 15px #f050}to{transform:scale(1);box-shadow:0 0 #f050}}.pulse-record{animation:1.5s infinite pulse-red}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-text{background:linear-gradient(135deg,#ff0080,#7928ca,#4facfe,#ff0080) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite gradientShift}.premium-gradient{background:linear-gradient(135deg,#ff0080,#7928ca) 0 0/200% 200%}textarea::placeholder{color:#ffffff4d;font-weight:700}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.canvas-container{touch-action:none;background:#00000008;border:2px dashed #fff3;border-radius:24px}.mode-btn{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;padding:12px 24px;font-size:13px;font-weight:800}.mode-btn-active{color:#000;background:#fff;box-shadow:0 10px 20px #fff3}.control-btn{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}