@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#f0ebe1;background:#110c08;min-height:100vh;padding:20px;font-family:Inter,Arial,sans-serif}.container{background:#1a140f;border:1px solid #2b2216;border-radius:12px;max-width:650px;margin:0 auto;padding:28px 24px;box-shadow:0 8px 32px #00000080}h2{text-align:center;color:#fbbf24;letter-spacing:.3px;font-size:22px;font-weight:700}.subtitle{text-align:center;color:#8c7b66;margin-top:6px;margin-bottom:22px;font-size:13px}.form-group{margin-bottom:16px}label{color:#d0caa8;margin-bottom:6px;font-size:13px;font-weight:600;display:block}input,input[type=text],input[type=password],input[type=file],textarea,select{box-sizing:border-box;color:#f0ebe1;border:1px solid #382a1d;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s;background:#261c14!important}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235a6380' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}input:focus,input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 2px #4a6fff26}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f0ebe1!important;-webkit-box-shadow:inset 0 0 0 30px #261c14!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f0ebe1!important;-webkit-box-shadow:inset 0 0 0 30px #261c14!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f0ebe1!important;-webkit-box-shadow:inset 0 0 0 30px #261c14!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f0ebe1!important;-webkit-box-shadow:inset 0 0 0 30px #261c14!important}input[type=file]{cursor:pointer;color:#6b7a9a;padding:6px 10px}input[type=file]::file-selector-button{color:#d0caa8;cursor:pointer;background:#382a1d;border:1px solid #4f3d2b;border-radius:5px;margin-right:10px;padding:5px 12px;font-family:inherit;font-size:13px;transition:background .2s}input[type=file]::file-selector-button:hover{color:#f0ebe1;background:#4f3d2b}select option{color:#f0ebe1;background:#261c14}textarea{resize:vertical}textarea.textarea-readonly{color:#8c7b66;cursor:not-allowed;background:#13172030;border-color:#22283a}.checkbox-container{background:#211810;border:1px solid #422e1b;border-radius:8px;align-items:center;margin-bottom:16px;padding:13px 14px;transition:border-color .2s;display:flex}.checkbox-container:hover{border-color:#f59e0b}.checkbox-container input[type=checkbox]{cursor:pointer;accent-color:#f59e0b;width:auto;margin-right:10px;transform:scale(1.2)}.checkbox-container label{cursor:pointer;color:#fbbf24;margin-bottom:0;font-size:14px;font-weight:600}.radio-group{background:#261c14;border:1px solid #382a1d;border-radius:6px;flex-wrap:wrap;gap:12px;margin-bottom:6px;padding:10px 12px;display:flex}.radio-group div{align-items:center;display:flex}.radio-group input[type=radio]{cursor:pointer;accent-color:#f59e0b;margin-right:5px}.radio-group label{cursor:pointer;color:#d0caa8;margin-bottom:0;font-size:13px;font-weight:400}button[type=submit]{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:8px;width:100%;padding:13px 15px;font-family:inherit;font-size:15px;font-weight:700;transition:opacity .2s,box-shadow .2s;box-shadow:0 2px 16px #4a6fff4d}button[type=submit]:hover{opacity:.9;box-shadow:0 4px 24px #4a6fff80}button[type=submit]:disabled{color:#4a5570;cursor:not-allowed;box-shadow:none;background:#382a1d}.btn-download{color:#fff;background:linear-gradient(135deg,#1a7f4b 0%,#1fab62 100%);border-radius:8px;margin-top:16px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .2s,box-shadow .2s;display:inline-block;box-shadow:0 2px 12px #1a7f4b4d}.btn-download:hover{opacity:.9;box-shadow:0 4px 20px #1a7f4b80}.alert{border-radius:8px;margin-top:16px;padding:12px 14px;font-size:14px;line-height:1.5}.alert-error{color:#f4a0a8;background:#2a1520;border:1px solid #6b2535}.alert-success{color:#7ddfb0;background:#0e2420;border:1px solid #1a6040}.alert-info{color:#fcd34d;background:#24150a;border:1px solid #472b14}.result-image{text-align:center;margin-top:22px}.result-image img{border:1px solid #2b2216;border-radius:10px;max-width:100%;box-shadow:0 4px 24px #0009}.info-text{color:#4a5570;margin-top:5px;font-size:11px;display:block}.ref3-container{background:#1e1a0d;border:1px solid #4a3a10;border-radius:6px;padding:12px}.thumbnail-wrapper{background:#211810;border:1px solid #422e1b;border-radius:8px;align-items:center;gap:12px;margin-top:8px;padding:8px 12px;animation:.25s fadeIn;display:flex}.thumbnail-img{object-fit:cover;border:1px solid #382a1d;border-radius:6px;flex-shrink:0;width:72px;height:72px}.thumbnail-name{color:#6b7a9a;word-break:break-all;font-size:11px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tabs{background:#110c08;border:1px solid #261c14;border-radius:10px;gap:6px;margin-bottom:20px;padding:5px;display:flex}.tab-btn{color:#8c7b66;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,color .2s;display:flex;position:relative}.tab-btn:hover{color:#d0caa8;background:#261c14}.tab-active{box-shadow:0 1px 6px #4a6fff33;color:#fbbf24!important;background:#2a1c11!important}.tab-badge{color:#fff;background:#f59e0b;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:700;line-height:1.6}.btn-view-history{color:#fbbf24;cursor:pointer;background:#2a1c11;border:1px solid #422e1b;border-radius:8px;margin-top:16px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s;display:inline-block}.btn-view-history:hover{background:#263460}.history-panel{margin-top:4px}.history-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.history-count{color:#8c7b66;font-size:13px}.btn-clear-history{color:#c07080;cursor:pointer;background:0 0;border:1px solid #3a1520;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:12px;transition:background .2s}.btn-clear-history:hover{background:#2a1520}.history-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:480px){.history-grid{grid-template-columns:1fr}}.history-card{background:#261c14;border:1px solid #382a1d;border-radius:10px;flex-direction:column;transition:border-color .2s;animation:.3s fadeIn;display:flex;overflow:hidden}.history-card:hover{border-color:#f59e0b}.history-img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.history-meta{justify-content:space-between;align-items:center;padding:7px 10px 4px;display:flex}.history-mode{color:#fbbf24;background:#211810;border:1px solid #422e1b;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}.history-time{color:#4f3d2b;font-size:10px}.history-actions{gap:6px;padding:6px 10px 10px;display:flex}.btn-history-dl{text-align:center;color:#7ddfb0;background:#1a3a28;border:1px solid #1a6040;border-radius:6px;flex:1;padding:6px 8px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s}.btn-history-dl:hover{background:#1f4a34}.btn-history-del{color:#c07080;cursor:pointer;background:#2a1520;border:1px solid #3a2030;border-radius:6px;padding:6px 10px;font-size:14px;transition:background .2s}.btn-history-del:hover{background:#3a1a28}.history-empty{text-align:center;color:#4f3d2b;padding:48px 20px}.history-empty-icon{opacity:.4;margin-bottom:14px;font-size:48px}.history-empty p{color:#4a5570;margin-bottom:6px;font-size:14px}.pending-section{margin-bottom:4px}.pending-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:4px;display:grid}@media (max-width:480px){.pending-grid{grid-template-columns:1fr}}.pending-card{background:#131d30;border:1px solid #422e1b;border-radius:10px;flex-direction:column;animation:.3s fadeIn;display:flex;overflow:hidden}.pending-spinner-area{aspect-ratio:1;background:#0d1526;justify-content:center;align-items:center;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.pending-spinner{border:3px solid #2a1c11;border-top-color:#f59e0b;border-radius:50%;width:40px;height:40px;animation:.85s linear infinite spin}.pending-meta{flex-direction:column;gap:3px;padding:8px 10px 4px;display:flex}.pending-time{color:#fbbf24;font-size:12px;font-weight:600}.pending-attempt{color:#4f3d2b;font-size:10px}.tab-badge-pending{color:#ffb84d;background:#7a4a00;margin-left:2px}.section-divider{border:none;border-top:1px solid #261c14;margin:16px 0}.toast-notification{color:#a8d4ff;z-index:9999;white-space:nowrap;background:#2a1c11;border:1px solid #422e1b;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:600;animation:.3s toastIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000080}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}