:root{--bg: #eef7fb;--surface: rgba(255, 255, 255, .94);--surface-strong: #ffffff;--surface-soft: #f4f9fc;--text: #0f172a;--muted: #64748b;--border: rgba(15, 23, 42, .08);--accent: #1d5fbf;--accent-soft: rgba(29, 95, 191, .12);--radius: 28px;--shadow: 0 24px 60px rgba(15, 23, 42, .08);color-scheme:light;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top right,rgba(29,95,191,.08),transparent 26%),linear-gradient(180deg,#f9fdff 0%,var(--bg) 100%);color:var(--text)}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:48px;padding:12px 16px;border-radius:16px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text)}.primary-button{background:#111;color:#fff;border-color:transparent}.converter-shell{max-width:1600px;margin:0 auto;padding:24px;display:grid;gap:24px}.app-header,.hero-panel,.workspace-shell,.image-card,.dropzone-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.app-header{min-height:96px;display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 0 6px;background:transparent;border:0;border-radius:0;box-shadow:none}.brand-logo{width:auto;max-width:min(100%,340px);height:96px;display:block}.hero-copy h2,.workspace-toolbar-copy h2,.image-card h2{margin:0;line-height:1.04;letter-spacing:-.04em}.hero-copy p,.workspace-toolbar-copy p,.image-card p,.image-card dd,.detail-grid dt{margin:0;color:var(--muted);line-height:1.65}.hero-panel{padding:32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:28px;align-items:center}.hero-copy{display:grid;gap:18px;max-width:720px}.hero-copy h2,.workspace-toolbar-copy h2{font-size:clamp(2.35rem,4vw,4.1rem);max-width:none}.dropzone-card{min-height:300px;padding:28px;display:grid;gap:16px;align-content:center;justify-items:start;background:radial-gradient(circle at top right,rgba(29,95,191,.12),transparent 34%),linear-gradient(180deg,#fff,#f5fbff);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dropzone-card.is-compact{min-height:220px}.dropzone-card.is-dragging,.dropzone-card:hover,.dropzone-card:focus-visible{transform:translateY(-2px);border-color:#1d5fbf38;box-shadow:0 26px 60px #1d5fbf24}.dropzone-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:2rem;font-weight:700}.dropzone-card strong{margin-top:12px;font-size:1.5rem;line-height:1.12;letter-spacing:-.04em}.workspace-shell{padding:22px;display:grid;gap:18px}.workspace-toolbar,.workspace-main,.image-grid{display:grid;gap:18px}.workspace-toolbar{grid-template-columns:minmax(0,1fr) minmax(460px,560px);align-items:start;gap:28px;padding-bottom:18px;border-bottom:1px solid var(--border)}.workspace-toolbar-copy{display:grid;gap:14px;max-width:920px}.workspace-summary{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.summary-pill{min-width:132px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,#1d5fbf14,#1d5fbf05);display:grid;gap:2px}.summary-pill strong{font-size:1.15rem}.summary-pill span,.select-field span{color:var(--muted);font-size:.9rem}.workspace-toolbar-panel{display:grid;gap:14px;padding:0;margin-top:8px;width:100%;justify-self:end;max-width:560px}.workspace-toolbar-top,.workspace-toolbar-bottom{display:grid;gap:14px}.workspace-toolbar-top{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);align-items:end}.workspace-toolbar-bottom{grid-template-columns:1fr;margin-top:0}.select-field{display:grid;gap:6px}.select-field select{min-height:56px;border-radius:16px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);padding:0 14px}.ghost-button{background:var(--surface-soft);border-color:#1d5fbf1f;min-height:56px;align-self:end;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.primary-button{min-height:60px;font-weight:600}.image-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.image-card{display:grid;gap:0;overflow:hidden}.image-media{padding:12px 12px 0;background:linear-gradient(180deg,#1d5fbf0a,#1d5fbf00)}.image-thumb{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:18px;background:#dbeafe}.image-card-body{padding:12px;display:grid;gap:10px;align-content:start}.image-card-body h2{font-size:1rem;line-height:1.2;letter-spacing:-.03em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.image-card-body>p{font-size:.85rem;font-weight:700}.detail-list{display:grid;gap:8px;margin:0}.detail-list div{padding:10px 12px;border-radius:14px;background:var(--surface-soft);display:grid;gap:2px}.detail-list dt{color:var(--muted);font-size:.78rem}.detail-list dd{margin:0;color:var(--text);font-size:.92rem;font-weight:600;overflow-wrap:anywhere}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:12px 18px;border-radius:999px;background:#0f172aeb;color:#fff;box-shadow:0 18px 40px #0f172a2e}@media (max-width: 1120px){.hero-panel,.workspace-toolbar,.workspace-toolbar-top,.workspace-toolbar-bottom{grid-template-columns:1fr}.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.converter-shell{padding:16px}.app-header,.hero-panel,.workspace-shell,.image-card-body,.image-media,.dropzone-card{padding:20px}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-pill{min-width:0}button{width:100%}}.miniapps-footer{display:flex;justify-content:center;padding:24px 0;opacity:.35;transition:opacity .2s}.miniapps-footer:hover{opacity:.7}.miniapps-footer-logo{height:36px;width:auto;display:block}