:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#e0e0e0;background-color:#1a1a2e}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:2rem}header{margin-bottom:2rem}header h1{font-size:1.8rem;color:#fff}header p{color:#888;margin-top:.25rem}.status{margin-top:.5rem;font-size:.85rem}.status.ok{color:#4ade80}.status.error{color:#f87171}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;min-height:70vh}.panel{display:flex;flex-direction:column}.panel h2{font-size:1rem;color:#aaa;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}textarea{flex:1;min-height:400px;background:#16213e;border:1px solid #333;border-radius:8px;color:#e0e0e0;padding:1rem;font-family:inherit;font-size:.95rem;line-height:1.6;resize:vertical}textarea:focus{outline:none;border-color:#646cff}textarea[readonly]{background:#0f1a30;cursor:default}.actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}button.generate{background:#646cff;color:#fff;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}button.generate:hover:not(:disabled){background:#535bf2}button.generate:disabled{opacity:.5;cursor:not-allowed}button.copy{background:transparent;color:#888;border:1px solid #444;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;cursor:pointer}button.copy:hover{color:#fff;border-color:#666}.loading{color:#888;font-size:.9rem}.error-msg{color:#f87171;font-size:.9rem}.cost-info{color:#888;font-size:.8rem;font-family:monospace}@media(max-width:768px){.workspace{grid-template-columns:1fr}}