:root{--bg: #eef2f5;--surface: rgba(255, 255, 255, .94);--surface-strong: #ffffff;--surface-soft: #f3f8ff;--text: #0f172a;--muted: #64748b;--border: rgba(15, 23, 42, .08);--accent: #5a9cff;--accent-soft: rgba(90, 156, 255, .16);--danger: #5a9cff;--danger-soft: rgba(90, 156, 255, .12);--radius: 28px;--radius-sm: 18px;--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 left,rgba(90,156,255,.18),transparent 24%),radial-gradient(circle at top right,rgba(255,255,255,.52),transparent 28%),linear-gradient(180deg,#f7f9fb 0%,var(--bg) 100%);color:var(--text)}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);border-radius:16px;background:var(--surface-strong);color:var(--text);min-height:48px;padding:12px 16px}.primary-button{background:#111;color:#fff;border-color:transparent}.metadata-shell{max-width:1600px;margin:0 auto;padding:24px;display:grid;gap:24px}.hero-panel,.workspace-shell,.side-card,.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%,360px);height:110px;display:block}.hero-copy h1,.workspace-toolbar-copy h1,.side-card h2,.image-card h2{margin:0;line-height:1.02;letter-spacing:-.04em}.hero-copy h1,.workspace-toolbar-copy h1{font-size:clamp(2.4rem,4vw,4.25rem);max-width:none}.hero-copy p,.workspace-toolbar-copy p,.side-card p,.image-card p,.image-card dd,.tip-list li,.inline-note{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:680px}.hero-badges{display:flex;flex-wrap:wrap;gap:10px}.hero-badges span,.status-chip{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);font-size:.9rem;font-weight:600}.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(90,156,255,.14),transparent 36%),linear-gradient(180deg,#fff,#f5f9ff);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:#5a9cff3d;box-shadow:0 26px 60px #5a9cff24}.dropzone-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:2rem;line-height:1}.dropzone-card strong{margin-top:12px;font-size:1.5rem;line-height:1.1;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,#5a9cff1f,#5a9cff0a);display:grid;gap:2px}.summary-pill strong{font-size:1.15rem}.summary-pill span,.select-field span,.detail-grid dt{color:var(--muted);font-size:.9rem}.workspace-toolbar-actions{display:none}.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}.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:#5a9cff24;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(3,minmax(0,1fr));gap:16px}.image-card{display:grid;grid-template-columns:1fr;gap:0;overflow:hidden}.image-media{padding:12px 12px 0;background:linear-gradient(180deg,#5a9cff0f,#5a9cff00)}.image-thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;border-radius:18px;background:#e3efff}.image-card-body{padding:14px;display:grid;gap:12px;align-content:start}.image-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.image-card-header h2{font-size:1rem;line-height:1.2;letter-spacing:-.03em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.status-chip.is-active{background:var(--accent-soft);color:var(--accent);border-color:transparent}.status-chip.is-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.detail-grid div{padding:12px;border-radius:16px;background:var(--surface-soft);display:grid;gap:4px}.detail-grid dd{margin:0;color:var(--text);overflow-wrap:anywhere}.inline-note{padding:12px 14px;border-radius:16px;background:#5a9cff24;color:#315d9b}.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(2,minmax(0,1fr))}.image-card,.image-card-header{grid-template-columns:1fr;align-items:flex-start}}@media (max-width: 720px){.metadata-shell{padding:16px}.hero-panel,.workspace-shell,.image-card-body,.image-media,.dropzone-card{padding:20px}.detail-grid,.image-grid,.workspace-summary{grid-template-columns:1fr}.summary-pill{min-width:0}button{width:100%}}