:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-color:#0f172a;--card-bg:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#ffffff1a;--glass-shadow:0 4px 30px #0000001a;--error:#ef4444}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-main);background:radial-gradient(circle at 15%,#6366f126,#0000 25%),radial-gradient(circle at 85% 30%,#a855f726,#0000 25%);justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:flex}.app-container{box-sizing:border-box;width:100%;max-width:900px;padding:2rem}.generator-container{flex-direction:column;width:100%;display:flex}.generator-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--glass-shadow);border-radius:24px;padding:2.5rem;transition:transform .3s,box-shadow .3s}.generator-card:hover{transform:translateY(-2px);box-shadow:0 8px 40px #0003}h2{background:linear-gradient(135deg,#a855f7 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .5rem;font-size:2rem;font-weight:700}.subtitle{color:var(--text-muted);margin-top:0;margin-bottom:2rem;font-size:.95rem}.input-section label,.param-group label{color:var(--text-main);margin-bottom:.5rem;font-weight:500;display:block}textarea{border:1px solid var(--border);width:100%;color:var(--text-main);resize:vertical;box-sizing:border-box;background:#0f172a99;border-radius:12px;padding:1rem;font-family:inherit;font-size:1rem;transition:all .2s}textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #6366f133}.parameters-section{gap:2rem;margin:1.5rem 0;display:flex}.param-group{flex:1}.param-group input[type=range]{width:100%;accent-color:var(--primary)}.param-group input[type=number]{border:1px solid var(--border);width:100%;color:var(--text-main);box-sizing:border-box;background:#0f172a99;border-radius:8px;padding:.5rem}.actions{gap:1rem;margin-top:1rem;display:flex}button{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.generate-btn{background:var(--primary);color:#fff;flex:2;box-shadow:0 4px 14px #6366f14d}.generate-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.generate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.clear-btn{color:var(--text-main);background:#ffffff1a;flex:1}.clear-btn:hover:not(:disabled){background:#fff3}.error-message{color:var(--error);background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-top:1.5rem;padding:1rem}.output-section{border:1px solid var(--border);opacity:.6;background:#0003;border-radius:16px;margin-top:2rem;padding:1.5rem;transition:opacity .3s}.output-section.visible{opacity:1}.output-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.output-header h3{margin:0;font-size:1.2rem}.copy-btn{border:1px solid var(--border);color:var(--text-main);background:0 0;border-radius:6px;padding:.4rem .8rem;font-size:.85rem}.copy-btn:hover:not(:disabled){background:#ffffff1a}.copy-btn:disabled{opacity:.5;cursor:not-allowed}.output-content{white-space:pre-wrap;min-height:100px;line-height:1.6}.placeholder-text{color:var(--text-muted);font-style:italic}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.parameters-section{flex-direction:column;gap:1rem}.actions{flex-direction:column}}