body{font-family:Inter,Arial,sans-serif;margin:0;padding:0;background:#f6f7fb;color:#111827}.container{max-width:1200px;margin:0 auto;padding:16px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;margin-bottom:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}input,button,select,textarea{font:inherit}button{border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}button.primary{background:#2563eb;color:#fff;border-color:#2563eb}button.primary.downloaded-success{background:#059669;border-color:#059669;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}canvas{border:1px solid #d1d5db;border-radius:8px;background:#fff}.grid3{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.locked-note{color:#6b7280;font-size:.9rem}.axis-panel{border:1px solid #dbeafe;background:#f8fbff;border-radius:8px;padding:10px;margin-top:0}.axis-points-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.axis-point-card{display:flex;align-items:center;justify-content:space-between;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;background:#fff}.axis-point-card.current-pending{border-color:#dc2626;background:#fef2f2}.axis-point-card.done-card{border-color:#10b981;background:#ecfdf5}.axis-point-status{font-weight:700;font-size:1rem}.axis-point-status.pending{color:#dc2626}.axis-point-status.done{color:#059669}.extract-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.85rem;border:1px solid transparent}.extract-status.extracted{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.extract-status.not-extracted{background:#f9fafb;color:#6b7280;border-color:#e5e7eb}.brush-preview-wrap{width:44px;height:28px;border:1px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff}.brush-preview-dot{background:#111827;border-radius:999px}.opacity-controls{display:grid;grid-template-columns:auto minmax(200px,360px) auto minmax(200px,360px) auto;align-items:center;gap:10px}.fixed-edit-controls{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;background:#fff;display:grid;gap:8px}.prep-cards-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.prep-card{display:flex;align-items:center;justify-content:space-between;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;background:#fff}.prep-card.active{box-shadow:0 0 0 2px #2563eb1f}.canvas-shell{display:grid;grid-template-columns:1fr 180px;gap:10px;align-items:start}.magnifier{width:170px;height:170px;border:2px solid #111827;border-radius:8px;background:#fff;box-shadow:0 8px 18px #0000002e}.loupe-controls{margin-top:8px;display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.nudge-pad{display:inline-grid;grid-template-columns:repeat(3,34px);gap:4px;align-items:center}.nudge-pad button{padding:6px 0}.loading-pill{display:inline-flex;align-items:center;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:4px 10px;font-size:.9rem}.loading-hint{margin:8px 0 10px;color:#1d4ed8;font-size:.92rem}.extract-mode-chip{display:inline-flex;align-items:center;border:1px solid #d1d5db;border-radius:999px;padding:4px 10px;color:#374151;background:#f9fafb;font-size:.9rem}.extract-progress-wrap{margin-top:10px;border:1px solid #fed7aa;background:#fff7ed;border-radius:8px;padding:6px 9px}.extract-progress-wrap.compact{padding:5px 8px}.extract-progress-topline{display:flex;justify-content:space-between;align-items:center;color:#9a3412;font-size:.85rem;margin-bottom:5px}.extract-progress-track{width:100%;height:5px;border-radius:999px;background:#ffedd5;overflow:hidden}.extract-progress-fill{height:100%;background:#fdba74;border-radius:999px;transition:width .12s linear}.extract-job-hint{margin-top:6px;color:#1d4ed8;font-size:.82rem}.help-header-row{display:flex;align-items:center;gap:8px}.help-header-row h3{margin:0}.help-tip-wrap{position:relative;display:inline-flex;align-items:center}.help-tip-btn{width:20px;height:20px;border-radius:999px;border:1px solid #9ca3af;background:#f9fafb;color:#374151;padding:0;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}.help-tip-btn:hover{background:#eef2ff;border-color:#6366f1;color:#312e81}.help-tip-btn:focus-visible{outline:2px solid #2563eb;outline-offset:1px}.help-tip-popup{position:absolute;top:calc(100% + 8px);right:0;left:auto;z-index:30;width:min(420px,80vw);border:1px solid #d1d5db;border-radius:8px;background:#111827;color:#f9fafb;padding:10px;font-size:.84rem;line-height:1.4;white-space:pre-wrap;box-shadow:0 10px 24px #00000038;opacity:0;visibility:hidden;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease}.help-tip-wrap.align-right .help-tip-popup{left:0;right:auto}.help-tip-wrap:hover .help-tip-popup,.help-tip-wrap:focus-within .help-tip-popup{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 900px){.help-tip-popup{width:min(320px,90vw);left:0;right:auto}}