:root{--bg-color:#020610;--text-color:#e0f2f1;--primary-glow:#0fa;--secondary-glow:#00b8ff;--panel-bg:#02061099;--panel-border:#0fa3}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);width:100vw;height:100vh;margin:0;padding:0;font-family:Outfit,sans-serif;overflow:hidden}#root{width:100%;height:100%}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.ui-overlay{z-index:10;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:30px;gap:12px;padding:16px 24px;transition:box-shadow .3s;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080,0 0 20px #00ffaa1a}.ui-overlay:focus-within{box-shadow:0 8px 32px #00000080,0 0 30px #00ffaa4d}.seed-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;outline:none;width:200px;padding:12px 20px;font-family:Outfit,sans-serif;font-size:1.1rem;transition:all .3s}.seed-input:focus{border-color:var(--primary-glow);background:#ffffff1a}.seed-input::placeholder{color:#fff6}.action-btn{border:1px solid var(--primary-glow);color:var(--primary-glow);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#0fa3,#00b8ff33);border-radius:20px;padding:0 24px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:inset 0 0 10px #00ffaa1a}.action-btn:hover{text-shadow:0 0 8px #0fac;background:linear-gradient(135deg,#0fa6,#00b8ff66);transform:translateY(-1px);box-shadow:0 0 20px #0fa6,inset 0 0 15px #00ffaa4d}.action-btn:active{transform:translateY(1px)}.title-overlay{z-index:10;pointer-events:none;position:absolute;top:30px;left:40px}.title-overlay h1{letter-spacing:2px;color:#fff;text-shadow:0 0 10px #00ffaa4d;margin:0;font-size:2rem;font-weight:300}.title-overlay h1 span{background:-webkit-linear-gradient(0deg, var(--primary-glow), var(--secondary-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:600}
