:root{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}.tg-app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:stretch;padding:16px}.popup-container{width:100%;max-width:480px;background:#00000026;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;padding:18px 16px 20px;border-radius:18px;box-shadow:0 18px 40px #00000040}.popup-header{text-align:center;margin-bottom:14px}.popup-header h1{font-size:20px;font-weight:700;margin:0 0 4px}.popup-header p{font-size:12px;opacity:.88;margin:0}.mode-toggle{display:flex;gap:8px;margin-bottom:12px}.mode-btn{flex:1;padding:9px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:#00000029;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s ease}.mode-btn.active{background:#fff;color:#667eea}.section{margin-bottom:12px}.section-title{font-size:13px;font-weight:600;margin-bottom:6px}.inputs-grid{display:grid;gap:8px}.input-field{width:100%;padding:10px 12px;border-radius:10px;border:none;background:#ffffff29;color:#fff;font-size:14px}.input-field::placeholder{color:#ffffffb3}.input-field:focus{outline:2px solid rgba(255,255,255,.65)}.file-drop-zone{position:relative;border:2px dashed rgba(255,255,255,.4);border-radius:12px;height:150px;margin:6px 0 4px;background:#00000038;display:flex;align-items:center;justify-content:center;overflow:hidden}.file-preview{width:100%;height:100%;object-fit:cover}.drop-text{text-align:center;font-size:14px}.drop-text small{font-size:12px;opacity:.85}.file-input-overlay{position:absolute;inset:0;opacity:0;cursor:pointer}.button-group{display:flex;gap:10px;margin-top:4px;margin-bottom:10px}.generate-btn,.clear-btn{flex:1;padding:11px 10px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.generate-btn{background:#fff;color:#667eea}.clear-btn{background:transparent;border:1px solid rgba(255,255,255,.65);color:#fff}.generate-btn:disabled,.clear-btn:disabled{opacity:.6;cursor:default}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:#ff46463d;color:#fdd;padding:9px 10px;border-radius:10px;font-size:13px;text-align:center;margin-bottom:8px}.result-section{margin-top:8px}.car-info{font-size:13px;margin-bottom:6px;text-align:center}.image-wrapper{position:relative;border-radius:14px;overflow:hidden;background:#000}.generated-image{width:100%;display:block}.image-hint{position:absolute;left:0;right:0;bottom:0;padding:8px;font-size:11px;text-align:center;background:linear-gradient(transparent,#000000b3)}.image-link{display:block;text-align:center;margin-top:6px;font-size:12px;color:#fff;text-decoration:underline}
