:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:radial-gradient(circle at top,#0f172a 0,#020617 40%,#020617)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}.app-root{position:relative;min-height:100vh;color:#e5e7eb}.app-gradient{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(96,165,250,.4),transparent 55%),radial-gradient(circle at top right,rgba(236,72,153,.35),transparent 55%);opacity:.9;pointer-events:none}.app-container{position:relative;max-width:960px;margin:0 auto;padding:32px 16px 40px;display:flex;flex-direction:column;gap:24px}.app-header{text-align:center}.app-title{letter-spacing:.3em;font-size:18px;margin:0 0 8px;text-transform:uppercase;color:#e5e7eb}.app-subtitle{margin:0;font-size:16px;color:#cbd5f5}.card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;padding:24px;border-radius:24px;background:#0f172ae6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.35);box-shadow:0 24px 60px #0f172acc,0 0 0 1px #94a3b826}.upload-area{display:flex;flex-direction:column;gap:12px}.upload-title{font-size:17px;font-weight:600;margin:0}.upload-help{margin:0;font-size:14px;color:#9ca3af}.upload-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid transparent;cursor:pointer;font-size:14px;font-weight:500;transition:background .15s ease-out,transform .12s ease-out,box-shadow .15s ease-out,border-color .15s ease-out;-webkit-user-select:none;user-select:none}.btn.primary{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#0b1120;box-shadow:0 14px 30px #38bdf873}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px #38bdf899}.btn.ghost{background:#0f172ae6;color:#e5e7eb;border-color:#94a3b899}.btn.ghost:hover{background:#1e293bf2}.preview{margin-top:16px;border-radius:18px;overflow:hidden;border:1px solid rgba(148,163,184,.5);background:#020617;max-height:280px}.preview img{width:100%;display:block;object-fit:cover}.divider{width:1px;background:linear-gradient(to bottom,transparent,rgba(148,163,184,.7),transparent)}.message-area{display:flex;flex-direction:column;gap:10px}.message-label{font-size:15px;font-weight:600;margin:0}.message-bubble{position:relative;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#0f172ae6,#111827fa);border:1px solid rgba(148,163,184,.6);min-height:80px;font-size:15px;line-height:1.6;color:#e5e7eb}.message-bubble:before{content:"";position:absolute;left:-10px;top:20px;border-width:8px;border-style:solid;border-color:transparent rgba(148,163,184,.7) transparent transparent}.message-placeholder{color:#9ca3af}.app-footer{margin-top:8px;font-size:12px;color:#9ca3af;text-align:center}@media (max-width: 768px){.app-container{padding-inline:16px}.card{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px}.divider{height:1px;width:100%;background:linear-gradient(to right,transparent,rgba(148,163,184,.7),transparent)}}