:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#0f172a;background:#f8fafc}body{margin:0}.upload-shell{max-width:520px;margin:0 auto;padding:24px 18px 48px}header h1{margin:0}.muted{color:#475569}.card{margin-top:16px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.media-row{display:flex;gap:12px;flex-wrap:wrap}.file-btn{display:inline-flex;align-items:center;gap:8px;background:#e2e8f0;border-radius:12px;padding:10px 12px;font-weight:600;cursor:pointer;border:none;color:#0f172a}.file-btn.secondary{background:#dbeafe}.file-btn input{display:none}.preview img{width:100%;border-radius:12px;object-fit:cover}button.primary{border:none;border-radius:12px;padding:12px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}button.primary:disabled{opacity:.6;cursor:not-allowed}button.secondary{border:1px solid #cbd5f5;border-radius:12px;padding:12px;background:#fff;color:#0f172a;font-weight:600;cursor:pointer}.success{background:#ecfdf3;border:1px solid #bbf7d0;color:#065f46;padding:12px;border-radius:12px}.error{background:#fef2f2;border:1px solid #fecdd3;color:#991b1b;padding:12px;border-radius:12px}.url{word-break:break-all;font-family:monospace}.small{font-size:.9rem}.camera-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.camera-content{background:#0f172a;padding:16px;border-radius:16px;width:100%;max-width:520px;display:flex;flex-direction:column;gap:12px}.camera-feed{width:100%;border-radius:12px;background:#000}.camera-actions{display:flex;gap:12px}
