body{color:#fff;background:#000;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}.container{width:100%;max-width:1000px;margin:auto;padding:20px}h1{text-align:center;margin-bottom:30px;font-size:42px}input[type=file]{color:#fff;background:#111;border:1px solid #222;border-radius:20px;width:100%;margin-bottom:20px;padding:20px}.preview{object-fit:cover;border:1px solid #222;border-radius:24px;width:100%;max-height:420px;margin-bottom:25px}.grid{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:25px;display:grid}.card{background:#111;border:1px solid #222;border-radius:22px;padding:18px}.label{color:#aaa;margin-bottom:10px;font-size:14px}.select{color:#fff;background:#1a1a1a;border:none;border-radius:14px;outline:none;width:100%;padding:14px;font-size:14px}.generate-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:20px;width:100%;height:58px;font-size:18px;font-weight:700;transition:all .2s}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.result pre{white-space:pre-wrap;word-wrap:break-word;color:#f1f1f1;font-size:15px;line-height:1.8}@media (width<=900px){.grid{grid-template-columns:1fr}h1{font-size:32px}}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#050505;font-family:Inter,sans-serif}.app{justify-content:center;width:100%;min-height:100vh;padding:40px 20px 80px;display:flex}.container{max-width:1400px;margin:auto;padding:18px}.top-section{grid-template-columns:420px 1fr;align-items:start;gap:20px;margin-top:18px;display:grid}.left-panel,.right-panel{background:linear-gradient(#0b1020,#060810);border:1px solid #1f2a44;border-radius:28px;padding:18px;box-shadow:0 0 30px #008cff14}.section-divider{background:linear-gradient(90deg,#0000,#0099ff80,#0000);width:100%;height:1px;margin:18px 0 24px}.title{text-align:center;margin-bottom:18px;font-size:56px}.upload-box{background:#101010;border:1px solid #222;border-radius:28px;width:100%;margin-bottom:30px;padding:24px}.upload-box input{color:#fff}.preview-wrapper{background:#0d0d0d;border:1px solid #222;border-radius:30px;justify-content:center;align-items:center;width:100%;margin-bottom:30px;padding:20px;display:flex;overflow:hidden}.preview-image{object-fit:contain;border-radius:18px;max-width:180px;max-height:180px}.controls{grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.control-card{background:#101016;border:1px solid #1c1c27;border-radius:20px;padding:14px}.control-card label{color:#d0d0d0;margin-bottom:14px;font-size:18px;display:block}.control-card select{color:#fff;background:#1a1a1a;border:1px solid #2d2d2d;border-radius:16px;width:100%;height:58px;padding:0 18px;font-size:16px}.generate-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:18px;width:fit-content;min-width:240px;margin:10px auto 18px;padding:14px 28px;font-size:20px;font-weight:700;display:block}.generate-btn:hover{transform:scale(1.01)}.result{background:#0f1015;border:1px solid #1e1f28;border-radius:22px;margin-top:18px;padding:18px}.result h2{margin-bottom:14px;font-size:24px}.result pre{white-space:pre-wrap;word-break:break-word;background:#15161d;border-radius:14px;max-height:130px;padding:16px;font-size:13px;line-height:1.6;overflow-y:auto}.copy-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6d5dfc,#8b7cff);border:none;border-radius:14px;width:fit-content;margin-top:16px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.copy-btn:disabled{opacity:.5;cursor:not-allowed}.error-box{color:#ffb4b4;background:#2a1010;border:1px solid #5a2020;border-radius:16px;margin-bottom:20px;padding:18px}@media (width<=900px){.controls{grid-template-columns:1fr}.title{font-size:42px}.result h2{font-size:30px}.generate-btn{font-size:22px}}.upload-preview{justify-content:center;width:100%;margin-bottom:20px;display:flex}.upload-box-custom{cursor:pointer;background:#101014;border:1px solid #2a2a2a;border-radius:24px;justify-content:center;align-items:center;width:100%;max-width:320px;height:220px;transition:all .2s;display:flex;overflow:hidden}.upload-box-custom:hover{border-color:#6c63ff}.preview-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.preview-image{object-fit:contain;max-width:100%;max-height:100%}.empty-preview{color:#777;text-align:center;padding:20px;font-size:16px}