#canvas-container{width:100vw;height:100vh;display:block}#ui-container{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);padding:1rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10;backdrop-filter:blur(5px);border:1px solid #444;width:90%;max-width:400px}.btn{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;font-weight:700;padding:12px 30px;border-radius:9999px;border:none;cursor:pointer;font-size:1.1rem;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 6px rgba(0,0,0,.3)}.btn:active{transform:scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.3)}.btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(100%)}#result-display{font-size:1.5rem;font-weight:700;color:#fbbf24;min-height:2rem}select{background:#333;color:#fff;border:1px solid #555;padding:5px 10px;border-radius:5px;font-size:1rem}#loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#111;display:flex;justify-content:center;align-items:center;z-index:999;transition:opacity .5s}