@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Mono:wght@300;400;500&display=swap);:root{--bg:#09090f;--bg-card:#111118;--bg-card-2:#16161f;--border:#ffffff12;--border-glow:#f59e0b4d;--accent:#f59e0b;--accent-2:#fbbf24;--accent-dim:#f59e0b26;--text:#f1f0ee;--text-muted:#6b6b7a;--text-dim:#9090a0;--success:#22c55e;--error:#ef4444;--radius:14px;--radius-sm:8px;--font-display:"Syne",sans-serif;--font-mono:"DM Mono",monospace;--shadow:0 4px 24px #0006;--shadow-glow:0 0 40px #f59e0b14}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#09090f;background:var(--bg);color:#f1f0ee;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font-display)}.app,body{min-height:100vh}.app{overflow-x:hidden;position:relative}.bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:40px 40px;inset:0}.bg-glow,.bg-grid{pointer-events:none;position:fixed;z-index:0}.bg-glow{border-radius:50%;height:500px;opacity:.4;width:500px}.bg-glow.top-left{background:radial-gradient(circle,#f59e0b1f,#0000 70%);left:-200px;top:-200px}.bg-glow.bottom-right{background:radial-gradient(circle,#6366f11a,#0000 70%);bottom:-200px;right:-200px}.navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09090fd9;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);height:64px;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:10px}.brand-icon{align-items:center;background:#f59e0b;background:var(--accent);border-radius:10px;color:#000;display:flex;height:36px;justify-content:center;width:36px}.brand-name{font-size:1.2rem;font-weight:800;letter-spacing:-.5px}.brand-accent{color:#f59e0b;color:var(--accent)}.brand-tag{background:#16161f;background:var(--bg-card-2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;color:#6b6b7a;color:var(--text-muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.7rem;padding:2px 8px}.nav-tabs{background:#111118;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;padding:4px}.nav-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b6b7a;color:var(--text-muted);cursor:pointer;display:flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.85rem;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s}.nav-tab:hover{background:#16161f;background:var(--bg-card-2);color:#f1f0ee;color:var(--text)}.nav-tab.active{background:#f59e0b;background:var(--accent);color:#000}.tab-number{font-size:.7rem;opacity:.7}.navbar-right,.tab-number{font-family:DM Mono,monospace;font-family:var(--font-mono)}.navbar-right{align-items:center;color:#6b6b7a;color:var(--text-muted);display:flex;font-size:.75rem;gap:8px}.status-dot{animation:pulse 2s infinite;background:#22c55e;background:var(--success);border-radius:50%;box-shadow:0 0 8px #22c55e;box-shadow:0 0 8px var(--success);height:7px;width:7px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.main-content{margin:0 auto;max-width:800px;padding:3rem 2rem 6rem;position:relative;z-index:1}.page-header{animation:fadeUp .5s ease both;margin-bottom:2.5rem;text-align:center}.page-title{font-size:2.8rem;font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:.5rem}.title-accent{color:#f59e0b;color:var(--accent)}.page-desc{color:#9090a0;color:var(--text-dim);font-size:1rem;font-weight:400}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.workflow-container{animation:fadeUp .5s ease .1s both;display:flex;flex-direction:column;gap:1.5rem}.step-tracker{background:#111118;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);gap:0;padding:1rem 1.5rem}.step-item,.step-tracker{align-items:center;display:flex}.step-item{flex:1 1;gap:8px;opacity:.4;transition:opacity .3s}.step-item.done{opacity:1}.step-item.next{opacity:.7}.step-circle{align-items:center;background:#16161f;background:var(--bg-card-2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:50%;display:flex;flex-shrink:0;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.7rem;height:28px;justify-content:center;width:28px}.step-item.done .step-circle{background:#f59e0b26;background:var(--accent-dim);border-color:#f59e0b;border-color:var(--accent);color:#f59e0b;color:var(--accent)}.step-label{font-size:.78rem;font-weight:600;white-space:nowrap}.step-line{background:#ffffff12;background:var(--border);flex:1 1;height:1px;margin:0 8px}.panel{background:#111118;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);padding:1.5rem;transition:border-color .3s}.panel.panel-glow{border-color:#f59e0b4d;border-color:var(--border-glow);box-shadow:0 0 40px #f59e0b14;box-shadow:var(--shadow-glow)}.panel.panel-result{border-color:#6366f140;box-shadow:0 0 40px #6366f10f}.panel-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:1rem}.panel-number{background:#f59e0b26;background:var(--accent-dim);border:1px solid #f59e0b4d;border:1px solid var(--border-glow);border-radius:6px;color:#f59e0b;color:var(--accent);flex-shrink:0;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.65rem;margin-top:2px;padding:4px 8px}.panel-title{font-size:1rem;font-weight:700;letter-spacing:-.3px}.panel-sub{color:#6b6b7a;color:var(--text-muted);font-size:.8rem;margin-top:2px}.input-area{background:#16161f;background:var(--bg-card-2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f1f0ee;color:var(--text);display:block;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.9rem;line-height:1.6;margin-bottom:1rem;outline:none;padding:.9rem 1rem;resize:vertical;transition:border-color .2s;width:100%}.input-area:focus{border-color:#f59e0b66}.input-area.enhanced{background:#f59e0b0a;border-color:#f59e0b4d;border-color:var(--border-glow);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.82rem}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.875rem;font-weight:700;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-primary{background:#f59e0b;background:var(--accent);color:#000}.btn-primary:hover:not(:disabled){background:#fbbf24;background:var(--accent-2);box-shadow:0 4px 20px #f59e0b4d;transform:translateY(-1px)}.btn-ghost{background:#16161f;background:var(--bg-card-2);border:1px solid #ffffff12;border:1px solid var(--border);color:#9090a0;color:var(--text-dim)}.btn-ghost:hover:not(:disabled){border-color:#ffffff26;color:#f1f0ee;color:var(--text)}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.loading-bar{align-items:center;background:#f59e0b26;background:var(--accent-dim);border:1px solid #f59e0b4d;border:1px solid var(--border-glow);border-radius:8px;border-radius:var(--radius-sm);color:#f59e0b;color:var(--accent);display:flex;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.82rem;gap:10px;padding:.9rem 1.2rem}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-banner{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;border-radius:var(--radius-sm);color:#fca5a5;display:flex;font-size:.85rem;gap:10px;padding:.9rem 1.2rem}.dropzone{background:#16161f;background:var(--bg-card-2);border:2px dashed #ffffff12;border:2px dashed var(--border);border-radius:14px;border-radius:var(--radius);cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .2s}.dropzone.drag-over,.dropzone:hover{background:#f59e0b26;background:var(--accent-dim);border-color:#f59e0b;border-color:var(--accent)}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:8px}.upload-icon{color:#6b6b7a;color:var(--text-muted);margin-bottom:4px}.dropzone-title{font-size:1rem;font-weight:700}.dropzone-sub{color:#6b6b7a;color:var(--text-muted);font-size:.8rem}.dropzone.has-file{border-color:#f59e0b;border-color:var(--accent);border-style:solid;overflow:hidden;padding:0}.preview-wrapper{position:relative}.preview-img{display:block;max-height:280px;object-fit:cover;width:100%}.preview-overlay{align-items:center;background:#00000080;display:flex;flex-direction:column;font-size:.85rem;gap:8px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.preview-wrapper:hover .preview-overlay{opacity:1}.analysis-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.analysis-item{background:#16161f;background:var(--bg-card-2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px;padding:.8rem 1rem}.analysis-item.full{grid-column:1/-1}.analysis-key{color:#f59e0b;color:var(--accent);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.analysis-val{color:#f1f0ee;color:var(--text);font-size:.85rem;line-height:1.4}.color-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.color-chip{background:#111118;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;color:#9090a0;color:var(--text-dim);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.72rem;padding:2px 10px}.image-card{background:#16161f;background:var(--bg-card-2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);overflow:hidden}.image-card-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.8rem 1rem}.image-card-title{font-size:.85rem;font-weight:700}.image-card-actions{display:flex;gap:6px}.icon-btn{align-items:center;background:#111118;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:6px;color:#6b6b7a;color:var(--text-muted);cursor:pointer;display:flex;height:30px;justify-content:center;text-decoration:none;transition:all .2s;width:30px}.icon-btn:hover{border-color:#ffffff26;color:#f1f0ee;color:var(--text)}.image-card-img-wrapper{background:#000;line-height:0}.image-card-img{display:block;max-height:500px;object-fit:contain;width:100%}.image-card-prompt{border-top:1px solid #ffffff12;border-top:1px solid var(--border);padding:.8rem 1rem}.prompt-label{color:#f59e0b;color:var(--accent);display:block;font-size:.65rem;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.prompt-label,.prompt-text{font-family:DM Mono,monospace;font-family:var(--font-mono)}.prompt-text{color:#6b6b7a;color:var(--text-muted);font-size:.8rem;line-height:1.5}.comparison-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:1rem}.compare-label{color:#6b6b7a;color:var(--text-muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.compare-img{border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);height:200px;object-fit:cover;width:100%}.footer{align-items:center;border-top:1px solid #ffffff12;border-top:1px solid var(--border);color:#6b6b7a;color:var(--text-muted);display:flex;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.75rem;gap:10px;justify-content:center;padding:2rem;position:relative;text-align:center;z-index:1}.footer-dot{color:#f59e0b;color:var(--accent)}@media (max-width:600px){.navbar{padding:0 1rem}.brand-tag,.navbar-right{display:none}.main-content{padding:2rem 1rem 5rem}.page-title{font-size:2rem}.analysis-grid,.comparison-grid{grid-template-columns:1fr}.nav-tab .tab-number{display:none}}
/*# sourceMappingURL=main.66f8d6e5.css.map*/