*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#0f172a}.panel{padding:12px;display:grid;gap:10px}h2{margin:0;font-size:17px;line-height:1.25}h3{margin:0;font-size:13px;font-weight:700}.muted{color:#64748b;margin:0;font-size:12px}.hero{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#f8fafc;border-radius:12px;padding:12px;border:1px solid #0284c7;display:grid;gap:8px}.hero-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.hero .muted{color:#e0f2fe}.hero-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#b45309}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;display:grid;gap:10px;box-shadow:0 1px 2px #0f172a0f}.field,.meta-grid{display:grid;gap:6px}.meta-item{margin:0;display:grid;gap:2px}.meta-label{font-size:11px;letter-spacing:.03em;opacity:.95}.meta-value{font-size:12px;font-weight:600;color:#f8fafc}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.card-header{display:flex;align-items:center;justify-content:space-between}.count-pill{min-width:24px;height:24px;border-radius:999px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;background:#e2e8f0;color:#1e293b;font-size:12px;font-weight:700}label{display:block;font-size:12px;font-weight:600;color:#334155}select{width:100%;padding:9px 10px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;outline:none}select:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.list,.attachment-list{margin:0;padding:0;display:grid;gap:8px;list-style:none}.attachment-item{display:grid;gap:2px}.attachment-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mode-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.mode-badge-ocr{background:#dcfce7;color:#15803d;border:1px solid #86efac}.mode-badge-external{background:#fef9c3;color:#854d0e;border:1px solid #fde047}.mode-badge-exclude{background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1}.attachment-mode{display:grid;gap:6px;margin-left:26px;margin-top:4px}.attachment-mode-inline{margin-left:0}.attachment-checkbox{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;cursor:pointer}.attachment-checkbox input{margin-top:2px}.attachment-name{display:block;font-size:12px;font-weight:600;color:#0f172a}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;border-radius:4px;display:block}.skeleton-row{display:grid;gap:6px;padding:8px 0;border-bottom:1px solid #f1f5f9}.skeleton-row:last-child{border-bottom:none}.attachment-checkbox .muted{display:block}.actions{display:flex;gap:8px}.btn-primary,.btn-secondary{flex:1;border:0;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.01em;transition:transform .12s ease,opacity .12s ease}.btn-link{flex:0 0 auto;padding:8px 10px;background:#0f172a33;border:1px solid rgba(255,255,255,.35)}.btn-primary{background:#0284c7;color:#fff}.btn-secondary{background:#475569;color:#fff}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary:not(:disabled):hover,.btn-secondary:not(:disabled):hover{transform:translateY(-1px)}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ok{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;padding:8px 10px;margin:0;font-size:12px}.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:8px 10px;margin:0;font-size:12px;white-space:pre-wrap}.btn-edit-inline{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:6px;padding:0;border:none;border-radius:4px;background:transparent;color:#94a3b8;font-size:14px;cursor:pointer;vertical-align:middle;transition:background .12s ease,color .12s ease}.btn-edit-inline:hover{background:#e2e8f0;color:#475569}.btn-edit-done{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #86efac;border-radius:8px;background:#dcfce7;color:#15803d;font-size:16px;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .12s ease}.btn-edit-done:hover{background:#bbf7d0}.field-row{display:flex;gap:6px;align-items:center}.field-row select{flex:1}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease}.accordion-title{display:flex;flex-direction:column;gap:3px}.accordion-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.accordion-value{font-size:13px;font-weight:600;color:#0f172a}.accordion-chevron{font-size:12px;color:#94a3b8;flex-shrink:0;transition:transform .2s ease}.accordion-chevron.open{transform:rotate(180deg)}.card-body{padding:10px 0 0;display:grid;gap:10px;border-top:1px solid #e2e8f0}