@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg-1: #031120;--bg-2: #07253f;--bg-3: #0d4c76;--card-bg: rgba(16, 74, 119, .24);--card-border: rgba(159, 223, 255, .3);--text-1: #e9f8ff;--text-2: #b8e0f7;--accent: #4eb8ff;--accent-2: #87d4ff;--danger: #ff8fb3;--shadow: 0 24px 60px rgba(0, 20, 38, .52);--radius-xl: 22px;--radius-md: 14px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text-1);background:linear-gradient(135deg,var(--bg-1),var(--bg-2) 48%,var(--bg-3));font-family:IBM Plex Sans,Segoe UI,sans-serif}h1,h2,h3,strong{font-family:Space Grotesk,IBM Plex Sans,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-bg{position:relative;min-height:100vh}.bg-orb{position:fixed;border-radius:999px;filter:blur(42px);z-index:-1;pointer-events:none}.bg-orb-1{width:260px;height:260px;left:-40px;top:5%;background:#7dd5ff54}.bg-orb-2{width:320px;height:320px;right:-90px;top:26%;background:#2f94e654}.shell{width:min(1240px,95%);margin:0 auto;padding:16px 0 32px}.glass{background:linear-gradient(142deg,rgba(49,142,202,.33),var(--card-bg));border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar{padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:16px}.brand{display:flex;align-items:center;gap:12px}.brand-badge{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(180,228,255,.48);background:#6cc5ff3d}.brand h1{margin:0;font-size:clamp(1.1rem,2vw,1.5rem)}.brand p{margin:2px 0 0;color:var(--text-2);font-size:.85rem}.nav-links{display:inline-flex;align-items:center;justify-self:center;gap:8px;flex-wrap:wrap}.nav-links a{border:1px solid rgba(172,228,255,.35);border-radius:999px;background:#0c436c99;padding:8px 12px;display:inline-flex;gap:6px;align-items:center;font-size:.9rem;transition:transform .16s ease,border-color .16s ease}.nav-links a.active,.nav-links a:hover{transform:translateY(-1px);border-color:#cdf0ffa6}.user-card{display:flex;align-items:center;gap:10px}.credit-chip{background:#68c8ff40;border:1px solid rgba(183,234,255,.5);padding:6px 10px;border-radius:999px;font-size:.84rem}.user-meta{display:flex;flex-direction:column;min-width:150px}.user-meta strong{font-size:.9rem}.user-meta span{font-size:.75rem;color:var(--text-2)}.editor-grid{display:grid;grid-template-columns:1.1fr 1.2fr;gap:14px}.simple-editor-wrap{display:grid;gap:14px}.simple-upload-panel,.simple-result-panel{padding:16px}.simple-upload-box{border-radius:18px;border:1px dashed rgba(169,223,255,.56);min-height:280px;display:block;overflow:hidden;background:#09426a75;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.simple-upload-box.drag-over{border-color:#bae8ffe6;transform:translateY(-1px)}.simple-upload-box input{display:none}.simple-upload-placeholder{min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:var(--text-2)}.simple-upload-placeholder p{margin:0;color:var(--text-1)}.simple-preview-wrap{position:relative;min-height:280px;display:flex;justify-content:center;align-items:center;padding:18px}.simple-preview-wrap img{width:auto;height:auto;max-width:min(78%,430px);max-height:230px;object-fit:contain;background:#052943b8;border-radius:14px;border:1px solid rgba(164,224,255,.32)}.simple-replace{position:absolute;right:10px;bottom:10px;border:1px solid rgba(186,231,255,.5);border-radius:999px;background:#042b46c7;padding:6px 11px;font-size:.82rem}.simple-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}.simple-loading{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(176,232,255,.35)}.simple-loading img{width:100%;display:block;opacity:.7}.simple-loading p{margin:0;padding:8px 10px;color:var(--text-2)}.scan-line{position:absolute;left:0;right:0;top:0;height:3px;background:#6ecfffe6;animation:scanline 1.8s linear infinite}.simple-compare{display:grid;gap:12px}.simple-compare-canvas{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(176,232,255,.35);background:#062f4da6;min-height:280px}.simple-compare-canvas img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;background:#052943b8;-webkit-user-select:none;user-select:none;pointer-events:none}.compare-after-wrap{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split-pos, 50%)) 0 0)}.compare-divider{position:absolute;top:0;bottom:0;width:2px;background:#7dd5fff2;pointer-events:none}.compare-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:999px;border:1px solid rgba(170,228,255,.8);background:#083a5cd1;display:flex;align-items:center;justify-content:center;color:#d9f2ff;box-shadow:0 6px 18px #00162873;pointer-events:none}.simple-compare-canvas input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.simple-meta{max-width:620px;width:100%}.panel{padding:14px}.result-panel{grid-column:1 / -1}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.section-head h2{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:1.02rem}.upload-box{border-radius:16px;border:1px dashed rgba(169,223,255,.56);min-height:260px;display:block;overflow:hidden;background:#09426a75}.upload-box input{display:none}.upload-box img{width:100%;height:100%;min-height:260px;object-fit:contain;background:#052943b8}.upload-placeholder{min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:var(--text-2)}.upload-placeholder p{margin:0;color:var(--text-1)}.upload-placeholder span{font-size:.85rem}.preset-wrap{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip-btn{border:1px solid rgba(167,223,255,.35);background:#14507ca8;color:var(--text-1);border-radius:999px;padding:6px 10px;cursor:pointer}.form-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.field-select{display:grid;gap:6px}.field-select span,.text-label{font-size:.82rem;color:var(--text-2)}select,input,textarea{width:100%;border:1px solid rgba(166,224,255,.35);background:#08395d99;color:var(--text-1);border-radius:var(--radius-md);padding:10px 11px}textarea{min-height:88px;resize:vertical}.prompt-preview{margin-top:8px;border:1px solid rgba(174,229,255,.28);border-radius:var(--radius-md);padding:10px;color:var(--text-2);line-height:1.45;background:#05304e8f;min-height:76px}.row-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.primary-btn,.ghost-btn{border-radius:12px;border:1px solid rgba(173,227,255,.35);color:var(--text-1);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;cursor:pointer;transition:.2s ease}.primary-btn{background:linear-gradient(135deg,#41b7fff2,#1579ccf2)}.ghost-btn{background:#083e65bd}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.primary-btn[disabled]{opacity:.55;cursor:not-allowed}.notice{margin-top:12px;margin-bottom:0;padding:10px;border-radius:var(--radius-md);background:#21699c73;border:1px solid rgba(164,221,255,.26)}.notice.error{background:#92224780;border-color:#ffb2cd66}.notice.success{background:#25846673}.result-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.result-wrap img{width:100%;border-radius:16px;border:1px solid rgba(176,232,255,.35)}.result-meta{background:#06365899;border:1px solid rgba(157,221,255,.34);border-radius:16px;padding:12px}.result-meta p{margin:0}.polished-meta{display:grid;gap:12px;padding:14px;border-radius:18px;background:linear-gradient(155deg,#0b446adb,#073554c2);border:1px solid rgba(164,226,255,.38);box-shadow:inset 0 1px #d7f3ff1c}.meta-head{display:flex;align-items:flex-start;gap:10px}.meta-status-icon{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#d9f4ff;border:1px solid rgba(180,234,255,.52);background:#2a9f6e66;flex-shrink:0}.meta-title{margin:0;font-size:.98rem;font-weight:700}.meta-subtitle{margin:4px 0 0;color:var(--text-2);font-size:.84rem;line-height:1.4}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.meta-item{border-radius:12px;border:1px solid rgba(161,223,255,.28);background:#073c5fad;padding:10px;display:grid;gap:6px}.meta-item span{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2)}.meta-item strong{margin:0;font-size:.93rem;line-height:1.3;word-break:break-word}.meta-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.meta-actions .primary-btn,.meta-actions .ghost-btn{width:100%;min-height:44px}.result-empty{min-height:180px;display:grid;place-items:center;color:var(--text-2)}.history-layout .stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.stat-card{border-radius:14px;border:1px solid rgba(163,221,255,.32);background:#073a5fa8;padding:10px;display:grid;gap:4px}.stat-card span{font-size:.82rem;color:var(--text-2)}.stat-card strong{font-size:1.24rem}.history-list{display:grid;gap:10px}.history-item{border-radius:16px;border:1px solid rgba(169,225,255,.28);background:#073c628a;display:grid;grid-template-columns:118px 1fr auto;gap:10px;padding:10px;align-items:center}.history-thumb{width:118px;height:92px;border-radius:12px;overflow:hidden;border:1px solid rgba(178,230,255,.35);background:#08375acc;display:grid;place-items:center}.history-thumb img{width:100%;height:100%;object-fit:contain;background:#052943b8}.history-main p{margin:4px 0;color:var(--text-2);font-size:.9rem}.history-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-pill{border-radius:999px;padding:3px 8px;font-size:.75rem;border:1px solid rgba(172,227,255,.35)}.status-pill.completed{background:#249b6d66}.status-pill.processing{background:#cf9b2a6b}.status-pill.failed{background:#be46696b}.error-text{color:#ffc2d4}.hint{color:var(--text-2);font-size:.88rem}.center-screen{min-height:100vh;display:grid;place-items:center;position:relative;padding:16px}.auth-wrap{width:min(740px,96%)}.auth-panel{padding:18px}.auth-head{display:flex;gap:12px;margin-bottom:12px}.auth-head h1{margin:0}.auth-head p{margin:2px 0 0;color:var(--text-2)}.auth-section{border-radius:16px;border:1px solid rgba(161,220,255,.3);background:#08395d94;padding:12px;margin-bottom:12px}.auth-section h2{margin:0 0 6px;font-size:1rem}.google-btn-wrap{min-height:42px;display:flex;align-items:center}.loader-card{width:min(300px,95%);display:grid;gap:12px;justify-items:center;padding:22px}.spinner{width:34px;height:34px;border-radius:999px;border:3px solid rgba(160,221,255,.25);border-top-color:#77cefff2;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scanline{0%{transform:translateY(-4px)}to{transform:translateY(100%)}}@media(max-width:1060px){.topbar{grid-template-columns:1fr}.nav-links,.user-card{justify-self:start}}@media(max-width:880px){.editor-grid,.result-wrap,.form-grid{grid-template-columns:1fr}.simple-upload-box,.simple-upload-placeholder,.simple-preview-wrap{min-height:250px}.simple-preview-wrap img{max-width:90%;max-height:200px}}@media(max-width:700px){.history-layout .stats-grid,.history-item{grid-template-columns:1fr}.history-thumb{width:100%;height:160px}.user-card{width:100%;justify-content:space-between}.meta-grid,.meta-actions{grid-template-columns:1fr}}