html,body,#app{background:#07111f;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#renderCanvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#hud{z-index:5;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0c1526e0,#0c3040b8);border:1px solid #ffffff24;border-radius:22px;width:min(390px,100vw - 40px);padding:18px;position:fixed;top:20px;left:20px;box-shadow:0 24px 80px #00000059}#hud h1{margin:0 0 8px;font-size:22px}#hud p{color:#ffffffc7;margin:0 0 14px}#promptInput{box-sizing:border-box;resize:vertical;color:#fff;background:#00000047;border:1px solid #ffffff24;border-radius:14px;width:100%;min-height:100px;padding:12px}#generateBtn{color:#04111f;cursor:pointer;background:linear-gradient(135deg,#80ffb0,#55d8ff);border:0;border-radius:999px;width:100%;margin-top:12px;padding:13px 16px;font-weight:800}#generateBtn:disabled,#promptInput:disabled{cursor:not-allowed;opacity:.45}#status{font-size:13px;margin-top:12px!important}.modal{z-index:20;background:radial-gradient(circle at top,#4a1064c2,#020612f0);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hidden{display:none}.modal-card{color:#fff;text-align:center;background:linear-gradient(145deg,#151e36f2,#270e36eb);border:1px solid #ffffff29;border-radius:34px;max-width:680px;padding:42px;box-shadow:0 28px 120px #00000094}.modal-icon{font-size:58px}.modal-card h2{margin:10px 0 14px;font-size:clamp(32px,6vw,54px);line-height:1}.modal-card p{color:#ffffffd1;font-size:18px;line-height:1.55}.modal-help{background:#ffffff14;border-radius:18px;padding:16px}