:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#111827;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}.app-shell{max-width:1400px;margin:0 auto;padding:16px}.tool-shell{display:flex;flex-direction:column;gap:12px}.suite-header{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.suite-header h1{margin:0 0 4px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid #d1d5db;background:#f9fafb;color:#1f2937;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:600}.tab.active{background:#2563eb;border-color:#2563eb;color:#fff}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}header h1{margin:0 0 4px}header p{margin:0;color:#4b5563}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.workspace-main{min-width:0}.converter-intro{margin-bottom:12px}.converter-intro h2{margin:0 0 4px;font-size:22px}.converter-intro p{margin:0;color:#4b5563}.panel{background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 8px #0000000f}.controls-sidebar{position:sticky;top:12px}.controls-sidebar h2{margin:0 0 10px;font-size:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.compact-grid{grid-template-columns:1fr}label{display:flex;flex-direction:column;gap:6px;font-size:13px}input,select{padding:8px;border-radius:8px;border:1px solid #d1d5db}.checkbox-label{flex-direction:row;align-items:center;gap:8px;font-weight:600}input[type=file]{display:none}.button{border:none;background:#2563eb;color:#fff;border-radius:8px;padding:10px 14px;font-weight:600;cursor:pointer;display:inline-flex;justify-content:center}.button.secondary{background:#374151}.button:disabled{opacity:.5;cursor:not-allowed}.dropzone{border:2px dashed #9ca3af;text-align:center;width:100%;position:relative;overflow:hidden}.workspace-canvas{min-height:72vh;padding:14px;background:linear-gradient(180deg,#f8fafc,#eef2ff);display:flex;flex-direction:column;gap:10px}.workspace-canvas.empty{border-width:3px}.workspace-canvas.populated{border-style:solid;border-width:2px}.canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;pointer-events:none;z-index:1}.canvas-overlay p{margin:0}.status-summary{font-size:13px;color:#374151;font-weight:600}.canvas-overlay .button{pointer-events:auto}.canvas-overlay.subtle{position:relative;inset:auto;z-index:2;justify-content:flex-start;align-items:flex-start;text-align:left;gap:8px;padding:0;pointer-events:auto}.canvas-overlay.subtle p{font-size:13px;color:#4b5563}.canvas-overlay.subtle .button{font-size:13px;padding:8px 10px}.workspace-instruction{margin:0;position:relative;z-index:2;text-align:left}.gallery{position:relative;z-index:2;margin-top:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.workspace-canvas.empty .gallery{display:none}.workspace-canvas.empty .canvas-overlay p{font-size:30px}.workspace-canvas.empty .canvas-overlay .button{padding:11px 18px}.workspace-canvas.populated .gallery{margin-top:0}.dropzone.active{border-color:#2563eb;background:#eff6ff}.compact-picker-button{white-space:nowrap}.card{background:#fff;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.card-header{display:flex;justify-content:flex-end}.card.editing{outline:2px solid #2563eb}.thumb-wrap{position:relative;border-radius:10px;overflow:hidden;background:#f3f4f6;width:100%;touch-action:none;isolation:isolate}.thumb-wrap.fit-contain{background:var(--contain-bg, #ffffff)}.thumb-wrap.inline-editing{cursor:grab}.thumb-wrap.inline-editing:active{cursor:grabbing}.thumb{width:100%;height:100%;display:block}.thumb-contain{object-fit:contain}.thumb-crop-exact{position:absolute;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none}.thumb-crop-exact.dragging{filter:contrast(1.05)}.inline-hint{position:absolute;left:8px;bottom:8px;font-size:11px;color:#fff;background:#111827bf;padding:3px 8px;border-radius:999px;opacity:0;transition:opacity .2s ease}.thumb-wrap:hover .inline-hint,.inline-hint.active{opacity:1}.contain-bg-control{display:flex;align-items:center;gap:8px}.bg-swatch{width:24px;height:24px;border-radius:6px;border:1px solid #9ca3af;display:inline-block}.bg-swatch.transparent{background-image:linear-gradient(45deg,#d1d5db 25%,transparent 25%),linear-gradient(-45deg,#d1d5db 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d1d5db 75%),linear-gradient(-45deg,transparent 75%,#d1d5db 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;background-color:#fff}.tile-actions{display:flex;gap:8px;z-index:5}.focal-dot{position:absolute;width:14px;height:14px;border:2px solid white;background:#ef4444;border-radius:999px;transform:translate(-50%,-50%)}.focal-dot.auto{background:#2563eb}.smart-indicator,.manual-indicator{position:absolute;left:8px;top:8px;font-size:11px;font-weight:600;color:#fff;border-radius:999px;padding:3px 8px}.manual-indicator{background:#10b981e6;left:auto;right:8px}.smart-indicator{background:#2563ebe6;top:34px}.meta{display:flex;flex-direction:column;gap:2px}.meta small{color:#4b5563}.meta .error{color:#b91c1c}.badge-row{display:flex;align-items:center;gap:8px}.format-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c7d2fe;background:#eef2ff;color:#1e3a8a;border-radius:999px;font-weight:700;font-size:11px;padding:2px 8px}.link{border:none;background:#ffffffd9;color:#1d4ed8;border-radius:999px;padding:3px 8px;cursor:pointer;font-size:12px;position:relative;z-index:6}.crop-drag-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;cursor:grab}.crop-drag-surface:active{cursor:grabbing}.actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.progress{width:100%;height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,#2563eb,#06b6d4)}.hint{color:#6b7280;font-size:12px;margin:8px 0 0}.no-top-margin{margin-top:0}.support-panel,.summary-panel{margin-top:12px;border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#f9fafb}.support-panel h3,.summary-panel h3{margin:0 0 8px;font-size:14px}.format-chip-group{display:flex;gap:6px;flex-wrap:wrap}.format-chip{border:1px solid #d1d5db;background:#fff;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600;color:#374151}.support-list{display:flex;flex-direction:column;gap:8px}.support-item{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.status-tag{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.status-tag.server{color:#1d4ed8;background:#dbeafe}.status-tag.coming{color:#92400e;background:#fef3c7}.summary-panel ul{margin:0;padding-left:16px;color:#4b5563;font-size:12px}.error-banner{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;padding:10px;margin-bottom:12px}.notice-banner{border-radius:8px;padding:10px;margin-bottom:12px;border:1px solid}.notice-banner.success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.notice-banner.info{background:#eff6ff;color:#1e3a8a;border-color:#bfdbfe}@media (max-width: 1024px){.workspace{grid-template-columns:1fr}.controls-sidebar{position:static}}@media (max-width: 720px){.topbar{flex-direction:column;align-items:stretch}.gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.workspace-canvas.empty .canvas-overlay p{font-size:24px}.controls-sidebar{padding-bottom:16px}}.document-gallery{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.document-card{min-height:150px;justify-content:space-between}.status-pill{color:#1d4ed8;font-weight:600}.capability-list{margin:8px 0 0 16px;padding:0}