/* HappyNooks Tools Core v1.2.96 - CSS cleanup, visual rules preserved from v1.2.95 */
.hn-tool-shell,.hn-all-tools,.hn-tools-category,.hn-tool-finder{--hn-bg:#fff;--hn-border:#e5e7eb;--hn-muted:#6b7280;--hn-text:#111827;--hn-soft:#f9fafb;--hn-accent:#2563eb;--hn-radius:18px;color:var(--hn-text);box-sizing:border-box;max-width:100%}.hn-tool-shell *,.hn-tool-panel *,.hn-all-tools *,.hn-tools-category *,.hn-tool-finder *{box-sizing:border-box}.hn-tool-shell{width:100%;max-width:920px;margin:32px auto;padding:28px;background:#fff;border:1px solid var(--hn-border);border-radius:var(--hn-radius);box-shadow:0 10px 35px rgba(17,24,39,.06);overflow-x:hidden}.hn-tool-head{text-align:center;margin-bottom:24px}.hn-tool-head h2{margin:0 0 8px;font-size:clamp(24px,3vw,34px)}.hn-tool-head p{max-width:680px;margin:0 auto;color:var(--hn-muted);line-height:1.65}.hn-tool-panel{width:100%;background:var(--hn-soft);border:1px solid var(--hn-border);border-radius:16px;padding:22px;overflow-x:hidden}.hn-field{margin-bottom:16px}.hn-label{display:block;font-weight:700;margin-bottom:8px}.hn-input,.hn-select,.hn-number,.hn-textarea,.hn-tool-shell input,.hn-tool-panel input,.hn-tool-shell select,.hn-tool-panel select,.hn-tool-shell textarea,.hn-tool-panel textarea{width:100%;max-width:100%;border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;background:#fff;color:var(--hn-text);font-size:16px;font-family:inherit;line-height:1.45;min-height:50px}.hn-tool-shell select,.hn-tool-panel select,.hn-select{height:auto!important;min-height:50px!important;line-height:1.45!important;padding:12px 40px 12px 14px!important;overflow:visible!important;appearance:auto!important;-webkit-appearance:menulist!important}.hn-tool-shell option,.hn-tool-panel option{font-size:16px!important;line-height:1.45!important;padding:8px 12px!important;color:#111827;background:#fff}.hn-textarea{min-height:180px;resize:vertical;line-height:1.55}.hn-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hn-row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hn-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:0;border-radius:12px;background:var(--hn-accent);color:#fff!important;font-weight:700;text-decoration:none!important;cursor:pointer;box-shadow:0 8px 20px rgba(37,99,235,.20);transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.hn-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.hn-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.hn-btn.light{background:#fff!important;color:#111827!important;border:1px solid var(--hn-border);box-shadow:none}.hn-file-drop{border:2px dashed #cbd5e1;background:#fff;border-radius:18px;padding:30px 22px;text-align:center;cursor:pointer;display:block;transition:border-color .18s ease,background .18s ease,transform .18s ease}.hn-file-drop:hover,.hn-file-drop.is-dragover{border-color:var(--hn-accent);background:#eff6ff;transform:translateY(-1px)}.hn-upload-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:#eff6ff;border:1px solid #bfdbfe;display:flex;align-items:center;justify-content:center;font-size:30px}.hn-file-drop strong{display:block;font-size:19px;margin-bottom:5px}.hn-file-drop span:not(.hn-upload-icon){color:var(--hn-muted);font-size:14px;line-height:1.5}.hn-file-drop input{display:none}.hn-file-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 0;padding:12px 14px;background:#fff;border:1px solid var(--hn-border);border-radius:14px;color:#374151;font-size:14px}.hn-file-summary strong{color:#111827}.hn-file-summary.is-empty{color:#6b7280}.hn-file-queue{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:18px 0}.hn-file-card{min-width:0;background:#fff;border:1px solid var(--hn-border);border-radius:16px;padding:10px;cursor:grab;box-shadow:0 6px 18px rgba(17,24,39,.06);transition:transform .15s ease,box-shadow .15s ease}.hn-file-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,24,39,.09)}.hn-file-card.dragging{opacity:.55}.hn-file-thumb{height:96px;border-radius:12px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.hn-file-thumb img{width:100%;height:100%;object-fit:cover}.hn-file-icon{font-size:34px}.hn-file-name{display:block;margin-top:8px;font-size:13px;font-weight:700;word-break:break-word;overflow-wrap:anywhere}.hn-file-meta{display:block;color:var(--hn-muted);font-size:12px;margin-top:3px}.hn-file-actions{display:flex;gap:6px;margin-top:8px}.hn-mini-btn{border:1px solid var(--hn-border);background:#fff;border-radius:9px;padding:5px 8px;cursor:pointer;line-height:1}.hn-mini-btn:hover{background:#f9fafb}.hn-mini-btn.remove{color:#dc2626}.hn-progress{margin-top:18px;padding:14px;background:#fff;border:1px solid var(--hn-border);border-radius:14px}.hn-progress-top{display:flex;justify-content:space-between;gap:14px;margin-bottom:10px;font-size:14px}.hn-progress-label{font-weight:700}.hn-progress-percent{color:var(--hn-muted)}.hn-progress-track{height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden}.hn-progress-bar{display:block;height:100%;width:0;border-radius:999px;background:var(--hn-accent);transition:width .22s ease}.hn-result{margin-top:18px;padding:16px;border-radius:14px;border:1px solid #bfdbfe;background:#eff6ff}.hn-result.error{border-color:#fecaca;background:#fef2f2}.hn-result.success{border-color:#bbf7d0;background:#f0fdf4}.hn-download-wrap{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.hn-download-info{color:var(--hn-muted);font-size:14px}.hn-output-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.hn-output-summary strong{font-size:18px}.hn-output-summary span{color:var(--hn-muted);font-size:14px}.hn-output-group{margin-top:14px}.hn-output-group h4{margin:0 0 10px;font-size:16px}.hn-output-list{display:grid;gap:10px}.hn-output-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--hn-border);border-radius:14px;padding:12px;min-width:0}.hn-output-main{display:flex;align-items:center;gap:10px;min-width:0}.hn-output-icon{font-size:20px;flex:0 0 auto}.hn-output-main strong{display:block;font-size:14px;overflow-wrap:anywhere;word-break:break-word}.hn-output-main small{display:block;color:var(--hn-muted);font-size:12px;line-height:1.4;margin-top:2px}.hn-output-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(17,24,39,.08)}.hn-output-error{border-color:#fecaca;background:#fff7f7}.hn-output-failed h4{color:#991b1b}.hn-tool-notice{max-width:820px;margin:24px auto;padding:16px;border:1px solid #fde68a;background:#fffbeb;border-radius:14px;color:#78350f}.hn-tools-category{margin:40px 0}.hn-category-head{margin-bottom:18px}.hn-category-head h2{margin:0 0 6px;font-size:28px}.hn-category-head p{color:var(--hn-muted);margin:0}.hn-tools-grid{width:100%;max-width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;overflow-x:hidden}.hn-tool-card{display:block;width:100%;min-width:0;text-decoration:none!important;background:#fff;border:1px solid var(--hn-border);border-radius:18px;padding:22px;color:var(--hn-text)!important;box-shadow:0 8px 24px rgba(17,24,39,.06);overflow-wrap:anywhere;word-break:break-word}.hn-tool-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(17,24,39,.10)}.hn-tool-icon{display:block;font-size:30px;margin-bottom:10px}.hn-tool-title{display:block;font-weight:800;font-size:18px;margin-bottom:6px;min-width:0;overflow-wrap:anywhere}.hn-tool-desc{display:block;color:var(--hn-muted);font-size:14px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.hn-tool-finder{margin:30px 0}.hn-tool-search{margin-bottom:18px}.hn-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.hn-stat{background:#fff;border:1px solid var(--hn-border);border-radius:14px;padding:14px}.hn-stat strong{display:block;font-size:22px}.hn-stat span{color:var(--hn-muted);font-size:13px}@media(max-width:920px){.hn-row-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hn-tool-shell,.hn-tool-panel{padding:16px}.hn-tools-grid,.hn-row,.hn-row-3,.hn-stat-grid{grid-template-columns:1fr!important}.hn-file-drop{padding:24px 16px}.hn-upload-icon{width:52px;height:52px;font-size:26px}.hn-file-queue{grid-template-columns:1fr}.hn-file-card{display:grid;grid-template-columns:74px 1fr;gap:10px;align-items:center}.hn-file-thumb{height:74px;grid-row:1 / span 3}.hn-file-name{margin-top:0}.hn-file-actions{margin-top:0}.hn-output-item{align-items:stretch;flex-direction:column}.hn-output-item .hn-btn{width:100%}.hn-output-actions .hn-btn{width:100%}.hn-file-summary{align-items:flex-start;flex-direction:column}.hn-tool-shell select,.hn-tool-panel select,.hn-tool-shell input,.hn-tool-panel input{font-size:16px!important;min-height:52px!important}}.hn-file-queue{position:relative}.hn-file-card{cursor:default;user-select:none;position:relative}.hn-file-card[draggable="true"]{cursor:grab}.hn-file-card.dragging{opacity:.45;transform:scale(.98)}.hn-file-card.hn-drop-before::before,.hn-file-card.hn-drop-after::after{content:"";position:absolute;left:8px;right:8px;height:4px;border-radius:999px;background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.15);z-index:5}.hn-file-card.hn-drop-before::before{top:-9px}.hn-file-card.hn-drop-after::after{bottom:-9px}.hn-file-order-badge{position:absolute;top:8px;left:8px;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#111827;color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;z-index:4;box-shadow:0 6px 14px rgba(17,24,39,.18)}.hn-drag-handle{width:100%;margin-top:8px;border:1px dashed #cbd5e1;background:#f8fafc;border-radius:10px;padding:7px 8px;font-size:12px;font-weight:700;color:#475569;cursor:grab;text-align:center}.hn-drag-handle:active{cursor:grabbing}.hn-file-actions{display:grid;grid-template-columns:1fr 1fr auto;align-items:center}.hn-mini-btn{min-height:32px;font-size:13px;font-weight:800}.hn-mini-btn.up::after{content:" Up"}.hn-mini-btn.down::after{content:" Down"}.hn-mini-btn:disabled{opacity:.45;cursor:not-allowed}.hn-reorder-help{grid-column:1 / -1;margin:0 0 2px;padding:10px 12px;border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a;border-radius:12px;font-size:13px;line-height:1.45}@media (max-width:640px){.hn-file-queue{grid-template-columns:1fr !important}.hn-file-card{display:grid;grid-template-columns:86px 1fr;column-gap:12px;align-items:start}.hn-file-thumb{height:86px;grid-row:span 4}.hn-file-name,.hn-file-meta,.hn-drag-handle,.hn-file-actions{grid-column:2}.hn-file-actions{grid-template-columns:1fr 1fr 44px}.hn-mini-btn.up::after,.hn-mini-btn.down::after{content:""}.hn-mini-btn{min-height:40px}}.hn-tool-shell .hn-mini-btn,.hn-tool-panel .hn-mini-btn,.hn-file-actions .hn-mini-btn{background:#ffffff !important;color:#111827 !important;border:1px solid #cbd5e1 !important;box-shadow:none !important;text-shadow:none !important}.hn-tool-shell .hn-mini-btn:hover,.hn-tool-panel .hn-mini-btn:hover,.hn-file-actions .hn-mini-btn:hover{background:#f1f5f9 !important;color:#0f172a !important}.hn-tool-shell .hn-mini-btn.remove,.hn-tool-panel .hn-mini-btn.remove,.hn-file-actions .hn-mini-btn.remove{color:#dc2626 !important;background:#ffffff !important;border-color:#fecaca !important}.hn-tool-shell .hn-mini-btn:disabled,.hn-tool-panel .hn-mini-btn:disabled,.hn-file-actions .hn-mini-btn:disabled{opacity:.45 !important;cursor:not-allowed !important}.hn-file-card.hn-drop-before::before,.hn-file-card.hn-drop-after::after{display:none !important}.hn-file-card.hn-drop-target{outline:2px solid rgba(37,99,235,.24);outline-offset:2px}.hn-drop-placeholder{min-height:168px;border:3px dashed #2563eb;border-radius:18px;background:repeating-linear-gradient( 45deg,rgba(37,99,235,.07),rgba(37,99,235,.07) 10px,rgba(37,99,235,.13) 10px,rgba(37,99,235,.13) 20px );display:flex;align-items:center;justify-content:center;color:#1d4ed8;font-weight:900;text-align:center;box-shadow:inset 0 0 0 4px rgba(255,255,255,.65),0 12px 26px rgba(37,99,235,.13)}.hn-drop-placeholder span{display:inline-flex;align-items:center;justify-content:center;background:#ffffff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:999px;padding:8px 14px;font-size:14px}.hn-file-card.dragging{opacity:.38 !important;transform:scale(.96)}.hn-reorder-help{border-color:#bfdbfe !important;background:#eff6ff !important;color:#1e3a8a !important;font-weight:600}@media (max-width:640px){.hn-drop-placeholder{min-height:112px;grid-column:1 / -1}}.hn-move-to-wrap{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:10px;padding:8px;border:1px solid #dbeafe;background:#eff6ff;border-radius:12px}.hn-move-to-label{color:#1e3a8a;font-size:13px;font-weight:800;white-space:nowrap}.hn-move-to-select{width:100% !important;min-height:38px !important;height:38px !important;padding:6px 30px 6px 10px !important;border-radius:10px !important;border:1px solid #bfdbfe !important;background-color:#ffffff !important;color:#111827 !important;font-size:14px !important;font-weight:800 !important}.hn-drag-handle{padding:8px 10px !important;font-size:13px !important}.hn-file-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px !important;gap:7px !important}.hn-file-actions .hn-mini-btn{min-height:38px !important}@media (max-width:640px){.hn-move-to-wrap{grid-column:2;grid-template-columns:1fr 72px}.hn-move-to-select{min-height:42px !important;height:42px !important}.hn-drag-handle{grid-column:2}}.hn-mini-btn.up::after,.hn-mini-btn.down::after{content:"" !important}.hn-file-actions{grid-template-columns:44px 44px 44px !important;justify-content:center !important;gap:8px !important}.hn-file-actions .hn-mini-btn{width:44px !important;min-width:44px !important;height:40px !important;min-height:40px !important;padding:0 !important;font-size:20px !important;line-height:1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;color:#111827 !important;background:#ffffff !important;border:1px solid #cbd5e1 !important;border-radius:10px !important}.hn-file-actions .hn-mini-btn.remove{color:#dc2626 !important}.hn-move-to-label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.hn-move-to-wrap{display:block !important;padding:7px !important;margin-top:10px !important;background:#eff6ff !important;border:1px solid #dbeafe !important;border-radius:12px !important}.hn-move-to-select{width:100% !important;min-width:76px !important;max-width:100% !important;height:44px !important;min-height:44px !important;line-height:1.2 !important;padding:8px 36px 8px 14px !important;font-size:16px !important;font-weight:800 !important;text-align:left !important;color:#111827 !important;background-color:#ffffff !important;border:1px solid #bfdbfe !important;border-radius:10px !important;box-sizing:border-box !important;appearance:auto !important;-webkit-appearance:menulist !important}.hn-move-to-select option{color:#111827 !important;background:#ffffff !important;font-size:16px !important;line-height:1.4 !important}@media (max-width:640px){.hn-move-to-wrap{grid-column:2 !important;width:100% !important}.hn-move-to-select{width:100% !important;min-width:90px !important}.hn-file-actions{grid-column:2 !important;justify-content:start !important}}.hn-move-to-label{position:static !important;width:auto !important;height:auto !important;padding:0 !important;margin:0 !important;overflow:visible !important;clip:auto !important;white-space:nowrap !important;border:0 !important;display:inline-flex !important;align-items:center !important;color:#1e3a8a !important;font-size:13px !important;font-weight:800 !important}.hn-move-to-wrap{display:grid !important;grid-template-columns:minmax(0,1fr) 78px !important;align-items:center !important;gap:8px !important;padding:8px 9px !important;margin-top:10px !important;background:#eff6ff !important;border:1px solid #dbeafe !important;border-radius:12px !important}.hn-move-to-select{width:78px !important;min-width:78px !important;max-width:78px !important;height:42px !important;min-height:42px !important;padding:7px 30px 7px 12px !important;font-size:16px !important;line-height:1.2 !important;text-align:left !important}@media (max-width:640px){.hn-move-to-wrap{grid-column:2 !important;grid-template-columns:minmax(0,1fr) 82px !important;width:100% !important}.hn-move-to-label{font-size:12px !important}.hn-move-to-select{width:82px !important;min-width:82px !important;max-width:82px !important}}.hn-move-to-wrap{display:grid !important;grid-template-columns:1fr !important;gap:6px !important;align-items:stretch !important;width:100% !important;max-width:100% !important;overflow:visible !important;padding:9px 10px !important;margin-top:10px !important;background:#eff6ff !important;border:1px solid #dbeafe !important;border-radius:12px !important;box-sizing:border-box !important}.hn-move-to-label{display:block !important;position:static !important;width:100% !important;max-width:100% !important;height:auto !important;padding:0 !important;margin:0 !important;overflow:visible !important;clip:auto !important;white-space:normal !important;line-height:1.25 !important;color:#1e3a8a !important;font-size:13px !important;font-weight:800 !important;z-index:1 !important}.hn-move-to-select{display:block !important;width:100% !important;min-width:0 !important;max-width:100% !important;height:44px !important;min-height:44px !important;line-height:1.2 !important;padding:8px 36px 8px 14px !important;font-size:16px !important;font-weight:800 !important;color:#111827 !important;background-color:#ffffff !important;border:1px solid #bfdbfe !important;border-radius:10px !important;box-sizing:border-box !important;appearance:auto !important;-webkit-appearance:menulist !important;z-index:2 !important}@media (max-width:640px){.hn-move-to-wrap{grid-column:2 !important;grid-template-columns:1fr !important;width:100% !important}.hn-move-to-label{font-size:12px !important}.hn-move-to-select{width:100% !important;min-width:0 !important;max-width:100% !important}}.hn-compression-field .hn-label,.hn-field .hn-label{display:block}.hn-compression-note{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.35}.hn-compression-field.is-hidden{display:none !important}.hn-select.hn-compression-level{width:100% !important;min-height:50px !important;padding:12px 40px 12px 14px !important;line-height:1.35 !important;font-size:16px !important;font-weight:700 !important;color:#111827 !important;background-color:#ffffff !important;border:1px solid #d1d5db !important;border-radius:12px !important;box-sizing:border-box !important;appearance:auto !important;-webkit-appearance:menulist !important}body.hn-convert-workspace-open{overflow:hidden}.hn-workspace-bar{display:none}.hn-tool-shell.hn-convert-workspace{position:fixed !important;inset:0 !important;z-index:999999 !important;width:100vw !important;max-width:none !important;height:100vh !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;overflow:hidden !important;background:#e9eef7 !important;box-shadow:none !important}.hn-tool-shell.hn-convert-workspace>.hn-tool-head{display:none !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar{display:flex !important;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:10px 16px;border-bottom:1px solid #dbe3ef;background:#ffffff;color:#0f172a}.hn-workspace-left{display:flex;align-items:center;gap:12px;min-width:0}.hn-workspace-meta{display:flex;flex-direction:column;min-width:0}.hn-workspace-title{font-size:18px;font-weight:900;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hn-workspace-status{color:#64748b;font-size:13px}.hn-workspace-actions{display:flex;align-items:center;gap:10px}.hn-workspace-reset{width:42px;height:42px;border:1px solid #cbd5e1 !important;border-radius:10px !important;background:#ffffff !important;color:#0f172a !important;font-size:22px !important;line-height:1 !important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.hn-workspace-add{min-height:42px !important;white-space:nowrap}.hn-tool-shell.hn-convert-workspace .hn-tool-panel{max-width:none !important;width:100% !important;height:calc(100vh - 64px) !important;margin:0 !important;padding:18px !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:#e9eef7 !important;overflow:auto !important;display:grid !important;grid-template-columns:minmax(0,1fr) minmax(340px,420px);grid-auto-rows:min-content;gap:14px 18px;align-items:start}.hn-tool-shell.hn-convert-workspace .hn-file-drop{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary,.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-column:1 !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary{background:transparent !important;border:0 !important;padding:0 !important;margin:0 !important;color:#64748b}.hn-tool-shell.hn-convert-workspace .hn-file-queue{width:100%;margin:0 !important;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,210px));gap:16px;align-content:start;min-height:calc(100vh - 150px);padding:8px 0 30px}.hn-tool-shell.hn-convert-workspace .hn-file-card{background:#ffffff !important;box-shadow:0 10px 24px rgba(15,23,42,.08);border-radius:14px !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:220px;background:#dde6f6}.hn-tool-shell.hn-convert-workspace .hn-file-thumb img{object-fit:contain}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>:not(.hn-file-drop):not(.hn-file-summary):not(.hn-file-queue):not(.hn-btn):not(.hn-result){grid-column:2 !important}.hn-tool-shell.hn-convert-workspace .hn-row,.hn-tool-shell.hn-convert-workspace .hn-row-3,.hn-tool-shell.hn-convert-workspace .hn-row-4,.hn-tool-shell.hn-convert-workspace .hn-result,.hn-tool-shell.hn-convert-workspace .hn-progress,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-btn,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>p,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>label:not(.hn-file-drop),.hn-tool-shell.hn-convert-workspace .hn-tool-panel>div:not([data-hn-single-editor-content="1"]):not(.hn-file-summary):not(.hn-file-queue){background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;margin:0 !important;box-shadow:0 8px 20px rgba(15,23,42,.05)}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-btn{width:100%;min-height:52px;text-align:center;justify-content:center;font-size:16px}.hn-tool-shell.hn-convert-workspace .hn-row,.hn-tool-shell.hn-convert-workspace .hn-row-3,.hn-tool-shell.hn-convert-workspace .hn-row-4{display:grid;gap:14px;grid-template-columns:1fr !important}.hn-tool-shell.hn-convert-workspace .hn-result{overflow-wrap:anywhere}.hn-tool-shell.hn-convert-workspace .hn-output-item{align-items:stretch;flex-direction:column}.hn-tool-shell.hn-convert-workspace .hn-output-item .hn-btn,.hn-tool-shell.hn-convert-workspace .hn-output-actions .hn-btn{width:100%}.hn-tool-shell.hn-convert-workspace .hn-file-queue.is-dragover,.hn-tool-shell.hn-convert-workspace .hn-tool-panel.is-dragover{outline:3px dashed #2563eb;outline-offset:-10px}.hn-workspace-file-input{position:fixed !important;left:-10000px !important;top:-10000px !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important}@media (max-width:980px){.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar{padding:10px 12px}.hn-workspace-status{display:none}.hn-tool-shell.hn-convert-workspace .hn-tool-panel{grid-template-columns:1fr !important;height:calc(100vh - 64px) !important;padding:14px !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary,.hn-tool-shell.hn-convert-workspace .hn-file-queue,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>:not(.hn-file-drop):not(.hn-file-summary):not(.hn-file-queue):not(.hn-btn):not(.hn-result){grid-column:1 !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{min-height:0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:160px}}@media (max-width:640px){.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-workspace-add{padding-left:12px !important;padding-right:12px !important}}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-btn{background:var(--hn-accent) !important;color:#ffffff !important;border:0 !important;box-shadow:0 8px 20px rgba(37,99,235,.20) !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-btn.light{background:#ffffff !important;color:#111827 !important;border:1px solid var(--hn-border) !important;box-shadow:none !important}.hn-tool-shell.hn-convert-workspace .hn-result.hn-workspace-output-screen{grid-column:1 / -1 !important;width:100%;max-width:none}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-convert{grid-column:2 !important;order:20 !important;background:var(--hn-accent) !important;color:#ffffff !important;border:0 !important;font-weight:900 !important;min-height:54px !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-3,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-4{grid-column:2 !important;order:10 !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-progress{grid-column:2 !important;order:30 !important}@media (max-width:980px){.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-convert,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-3,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-4,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-progress,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-result{grid-column:1 !important}}.hn-workspace-reset{width:42px;height:42px;border:1px solid #cbd5e1 !important;border-radius:10px !important;background:#ffffff !important;color:#0f172a !important;font-size:24px !important;line-height:1 !important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.hn-workspace-reset:hover{background:#f8fafc !important;color:#1d4ed8 !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel{padding:0 !important;background:#e9eef7 !important;grid-template-columns:minmax(0,1fr) minmax(340px,420px) !important;gap:0 !important;align-items:stretch !important;overflow:hidden !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary,.hn-tool-shell.hn-convert-workspace .hn-file-queue{margin-left:22px !important;margin-right:22px !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary{margin-top:22px !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{padding-bottom:40px !important;overflow:auto;max-height:calc(100vh - 150px)}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-3,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-4{align-self:start;padding:24px 22px 14px !important;order:10 !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-convert{align-self:start;order:11 !important;width:calc(100% - 44px) !important;margin:0 22px 18px !important;border-radius:14px !important;border:0 !important;min-height:54px !important;background:var(--hn-accent) !important;color:#ffffff !important;font-weight:900 !important;box-shadow:0 10px 24px rgba(37,99,235,.24) !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-progress{order:12 !important;padding:0 22px 18px !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop{display:flex !important;grid-column:1 / -1 !important;min-height:calc(100vh - 124px);margin:22px !important;border:2px dashed #93c5fd !important;border-radius:0 !important;background:#dbeafe !important;align-items:center;justify-content:center;flex-direction:column;gap:10px}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop strong{font-size:19px !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop span{max-width:520px}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-summary,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-queue,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel>.hn-row,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel>.hn-row-3,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel>.hn-row-4,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel>.hn-convert,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel>.hn-progress,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel>.hn-result{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel.hn-pdf-editor-mode{padding:22px !important;gap:18px !important;overflow:auto !important}@media (max-width:980px){.hn-tool-shell.hn-convert-workspace .hn-tool-panel{grid-template-columns:1fr !important;overflow:auto !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-3,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-4,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-convert,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-progress,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-result{grid-column:1 !important;border-left:0 !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{max-height:none}}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode){padding:22px !important;background:#e9eef7 !important;grid-template-columns:minmax(0,1fr) minmax(340px,420px) !important;gap:18px !important;align-items:start !important;overflow:auto !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-file-summary{margin:0 !important;grid-column:1 !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-file-queue{margin:0 !important;grid-column:1 !important;max-height:none !important;min-height:calc(100vh - 170px);overflow:visible !important;padding:0 0 40px !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row-3,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row-4{order:10 !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-convert{grid-column:2 !important;order:11 !important;align-self:start !important;width:100% !important;min-height:54px !important;margin:0 !important;padding:14px 18px !important;border-radius:14px !important;border:0 !important;background:var(--hn-accent) !important;color:#ffffff !important;font-weight:900 !important;box-shadow:0 10px 24px rgba(37,99,235,.24) !important;position:static !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-progress{order:12 !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row + .hn-convert,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row-3 + .hn-convert,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row-4 + .hn-convert{margin-top:-6px !important}@media (max-width:980px){.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode){grid-template-columns:1fr !important;padding:14px !important;gap:14px !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-file-summary,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-file-queue,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row-3,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row-4,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-convert,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-progress,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-result{grid-column:1 !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-file-queue{min-height:0 !important}}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-convert{background:var(--hn-accent) !important;color:#ffffff !important;border:0 !important;font-weight:900 !important;min-height:54px !important;border-radius:14px !important;position:relative !important;z-index:2 !important;box-shadow:0 0 0 14px #ffffff,0 0 0 15px #e2e8f0,0 10px 26px rgba(15,23,42,.06),0 10px 24px rgba(37,99,235,.20) !important;width:calc(100% - 30px) !important;margin:6px 15px 18px !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row + .hn-convert,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row-3 + .hn-convert,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row-4 + .hn-convert{margin-top:2px !important}@media (max-width:980px){.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-convert{width:calc(100% - 24px) !important;margin:4px 12px 14px !important;box-shadow:0 0 0 12px #ffffff,0 0 0 13px #e2e8f0,0 8px 18px rgba(15,23,42,.06),0 8px 20px rgba(37,99,235,.18) !important}}.hn-convert-card{display:contents}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-convert-card{display:block !important;grid-column:2 !important;order:11 !important;align-self:start !important;width:100% !important;background:#ffffff !important;border:1px solid #e2e8f0 !important;border-radius:16px !important;padding:16px !important;margin:0 !important;box-shadow:0 10px 26px rgba(15,23,42,.06) !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-convert-card>.hn-convert{width:100% !important;min-height:54px !important;margin:0 !important;padding:14px 18px !important;border-radius:14px !important;border:0 !important;background:var(--hn-accent) !important;color:#ffffff !important;font-weight:900 !important;box-shadow:0 10px 24px rgba(37,99,235,.24) !important;position:static !important;display:inline-flex !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-convert{box-shadow:0 10px 24px rgba(37,99,235,.24) !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row-3,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-row-4{order:10 !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-progress{order:12 !important}@media (max-width:980px){.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-convert-card{grid-column:1 !important}}.hn-tool-shell.hn-convert-workspace .hn-convert-card{display:none !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-options-with-convert{grid-column:2 !important;order:10 !important;background:#ffffff !important;border:1px solid #e2e8f0 !important;border-radius:16px !important;padding:18px !important;margin:0 !important;box-shadow:0 10px 26px rgba(15,23,42,.06) !important;display:grid !important;grid-template-columns:1fr !important;gap:14px !important;align-self:start !important;width:100% !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-options-with-convert .hn-field{margin-bottom:0 !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-options-with-convert>.hn-convert{width:100% !important;min-height:54px !important;margin:4px 0 0 !important;padding:14px 18px !important;border-radius:14px !important;border:0 !important;background:var(--hn-accent) !important;color:#ffffff !important;font-weight:900 !important;box-shadow:0 10px 24px rgba(37,99,235,.24) !important;position:static !important;display:inline-flex !important;justify-content:center !important;align-items:center !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-progress{grid-column:2 !important;order:12 !important}@media (max-width:980px){.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-options-with-convert{grid-column:1 !important}}.hn-file-card.dragging,.hn-file-card.hn-dragging{opacity:0 !important;box-shadow:none !important;transform:none !important}.hn-file-card.dragging *,.hn-file-card.hn-dragging *{visibility:hidden !important}.hn-file-card.dragging,.hn-file-card.hn-dragging{opacity:0 !important;box-shadow:none !important;transform:none !important}.hn-file-card.dragging *,.hn-file-card.hn-dragging *{visibility:visible !important}.hn-custom-drag-preview{background:#ffffff !important;border:1px solid #93c5fd !important;border-radius:16px !important;box-shadow:0 18px 45px rgba(15,23,42,.28) !important;transform:rotate(-1deg) scale(.98) !important;overflow:hidden !important}.hn-custom-drag-preview *{visibility:visible !important}.hn-file-card.dragging,.hn-file-card.hn-dragging{opacity:0 !important;box-shadow:none !important;transform:none !important}.hn-file-card.dragging *,.hn-file-card.hn-dragging *{visibility:hidden !important}.hn-workspace-tools-btn{min-height:42px !important;white-space:nowrap;font-weight:900 !important}.hn-workspace-tools-overlay{position:fixed;inset:0;z-index:1000000;background:rgba(15,23,42,.38);backdrop-filter:blur(2px);display:none;align-items:stretch;justify-content:flex-end}.hn-workspace-tools-overlay.is-open{display:flex}.hn-workspace-tools-panel{width:min(460px,100%);height:100%;background:#ffffff;border-left:1px solid #dbe3ef;box-shadow:-20px 0 60px rgba(15,23,42,.22);padding:18px;overflow:auto;display:flex;flex-direction:column;gap:14px;animation:hnToolsPanelIn .18s ease-out}@keyframes hnToolsPanelIn{from{transform:translateX(18px);opacity:.6}to{transform:translateX(0);opacity:1}}.hn-workspace-tools-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid #e2e8f0}.hn-workspace-tools-head strong{display:block;font-size:20px;color:#0f172a;line-height:1.2}.hn-workspace-tools-head span{display:block;margin-top:4px;color:#64748b;font-size:14px;line-height:1.45}.hn-workspace-tools-close{width:40px;height:40px;border:1px solid #cbd5e1 !important;border-radius:10px !important;background:#ffffff !important;color:#0f172a !important;font-size:26px !important;line-height:1 !important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.hn-workspace-tools-close:hover{background:#f8fafc !important;color:#dc2626 !important}.hn-workspace-tools-current{padding:12px 14px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:14px;font-size:14px;line-height:1.4}.hn-workspace-tools-grid{display:grid;gap:10px}.hn-workspace-tool-link{display:grid;grid-template-columns:42px minmax(0,1fr) 28px;gap:12px;align-items:center;padding:13px 14px;border:1px solid #e2e8f0;background:#ffffff;border-radius:16px;text-decoration:none !important;color:#0f172a !important;box-shadow:0 8px 20px rgba(15,23,42,.04);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.hn-workspace-tool-link:hover{transform:translateY(-1px);border-color:#93c5fd;background:#f8fbff;box-shadow:0 12px 28px rgba(15,23,42,.08)}.hn-workspace-tool-link.is-current{border-color:#bfdbfe;background:#eff6ff;cursor:default}.hn-workspace-tool-icon{width:42px;height:42px;border-radius:14px;background:#f1f5f9;display:inline-flex;align-items:center;justify-content:center;font-size:22px}.hn-workspace-tool-text{min-width:0;display:grid;gap:3px}.hn-workspace-tool-text strong{font-size:15px;line-height:1.25;overflow-wrap:anywhere}.hn-workspace-tool-text small{color:#64748b;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.hn-workspace-tool-arrow{color:#2563eb;font-size:20px;font-weight:900;justify-self:end}.hn-workspace-tools-empty{margin:0;padding:14px;color:#64748b;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc}@media (max-width:640px){.hn-workspace-actions{gap:8px}.hn-workspace-tools-btn,.hn-workspace-add{padding-left:12px !important;padding-right:12px !important}.hn-workspace-tools-panel{width:100%}}body.hn-convert-workspace-open{background:#eef4ff}.hn-tool-shell.hn-convert-workspace{display:grid !important;grid-template-columns:210px minmax(0,1fr) !important;grid-template-rows:64px minmax(0,1fr) !important;background:radial-gradient(circle at top left,rgba(37,99,235,.10),transparent 34%),linear-gradient(135deg,#eef4ff 0%,#f8fbff 42%,#f1f5ff 100%) !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail{grid-column:1 !important;grid-row:1 / -1 !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar{grid-column:2 !important;grid-row:1 !important;min-height:64px;background:rgba(255,255,255,.88) !important;backdrop-filter:blur(10px);border-bottom:1px solid rgba(203,213,225,.82);box-shadow:0 8px 24px rgba(15,23,42,.04)}.hn-tool-shell.hn-convert-workspace .hn-tool-panel{grid-column:2 !important;grid-row:2 !important;height:calc(100vh - 64px) !important;background:transparent !important}.hn-workspace-tool-rail{width:210px;height:100vh;background:rgba(255,255,255,.94);border-right:1px solid rgba(203,213,225,.86);box-shadow:10px 0 30px rgba(15,23,42,.05);padding:14px 12px;overflow:auto;z-index:2}.hn-rail-brand{display:flex;align-items:center;gap:10px;padding:8px 8px 14px;margin-bottom:8px;border-bottom:1px solid #e2e8f0}.hn-rail-brand span{width:38px;height:38px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#2563eb;color:#ffffff;font-weight:900;font-size:13px;letter-spacing:-.02em;box-shadow:0 10px 22px rgba(37,99,235,.22)}.hn-rail-brand strong{color:#0f172a;font-size:18px;line-height:1}.hn-rail-list{display:grid;gap:8px}.hn-rail-tool{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:10px 9px;border-radius:15px;border:1px solid transparent;text-decoration:none !important;color:#0f172a !important;background:transparent;transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.hn-rail-tool:hover{background:#f8fbff;border-color:#bfdbfe;transform:translateX(2px);box-shadow:0 8px 18px rgba(37,99,235,.07)}.hn-rail-tool.is-current{background:#eff6ff;border-color:#93c5fd;box-shadow:inset 3px 0 0 #2563eb}.hn-rail-icon{width:34px;height:34px;border-radius:12px;background:#f1f5f9;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.hn-rail-tool.is-current .hn-rail-icon{background:#dbeafe}.hn-rail-text{display:grid;gap:2px;min-width:0}.hn-rail-text strong{font-size:13px;line-height:1.22;overflow-wrap:anywhere}.hn-rail-text small{color:#64748b;font-size:11px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hn-rail-empty{color:#64748b;padding:12px;border:1px dashed #cbd5e1;border-radius:14px;font-size:13px}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode){padding:22px !important;gap:18px !important;grid-template-columns:minmax(0,1fr) minmax(330px,410px) !important;align-items:start !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary,.hn-tool-shell.hn-convert-workspace .hn-file-card,.hn-tool-shell.hn-convert-workspace .hn-options-with-convert,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-3,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-4{border-color:rgba(203,213,225,.9) !important;box-shadow:0 12px 30px rgba(15,23,42,.065) !important}.hn-tool-shell.hn-convert-workspace .hn-file-card{border-radius:18px !important;overflow:hidden}.hn-tool-shell.hn-convert-workspace .hn-file-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.10) !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb{background:linear-gradient(135deg,#f8fafc,#e0ecff) !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-reset{background:#f8fafc !important;border-color:#cbd5e1 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add{background:#ffffff !important;border-color:#bfdbfe !important;color:#1e3a8a !important;box-shadow:0 8px 18px rgba(37,99,235,.06) !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add:hover{background:#eff6ff !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop{background:radial-gradient(circle at top,rgba(37,99,235,.10),transparent 34%),#ffffff !important;border:2px dashed #93c5fd !important;border-radius:24px !important;box-shadow:0 18px 45px rgba(15,23,42,.08)}@media (max-width:980px){.hn-tool-shell.hn-convert-workspace{grid-template-columns:72px minmax(0,1fr) !important}.hn-workspace-tool-rail{width:72px;padding:10px 8px}.hn-rail-brand{justify-content:center;padding:6px 0 12px}.hn-rail-brand strong,.hn-rail-text{display:none}.hn-rail-tool{grid-template-columns:1fr;padding:9px;justify-items:center}.hn-rail-icon{width:38px;height:38px}}@media (max-width:640px){.hn-tool-shell.hn-convert-workspace{grid-template-columns:1fr !important;grid-template-rows:58px minmax(0,1fr) 76px !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar{grid-column:1 !important;grid-row:1 !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel{grid-column:1 !important;grid-row:2 !important;height:calc(100vh - 134px) !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail{grid-column:1 !important;grid-row:3 !important}.hn-workspace-tool-rail{width:100%;height:76px;border-right:0;border-top:1px solid rgba(203,213,225,.9);padding:8px;overflow-x:auto;overflow-y:hidden}.hn-rail-brand{display:none}.hn-rail-list{display:flex;gap:8px;min-width:max-content}.hn-rail-tool{width:58px;min-width:58px}}.hn-tool-shell:not(.hn-convert-workspace)>.hn-workspace-tool-rail,.hn-tool-shell:not(.hn-convert-workspace)>.hn-workspace-tools-overlay{display:none !important}.hn-tool-shell.hn-convert-workspace{grid-template-columns:170px minmax(0,1fr) !important}.hn-workspace-tool-rail{width:170px !important;padding:12px 10px !important}.hn-rail-brand{gap:8px !important;padding:7px 7px 12px !important}.hn-rail-brand span{width:34px !important;height:34px !important;border-radius:12px !important;font-size:12px !important}.hn-rail-brand strong{font-size:16px !important}.hn-rail-tool{grid-template-columns:30px minmax(0,1fr) !important;gap:8px !important;padding:9px 8px !important;border-radius:13px !important}.hn-rail-icon{width:30px !important;height:30px !important;border-radius:10px !important;font-size:16px !important}.hn-rail-text strong{font-size:12px !important}.hn-rail-text small{font-size:10.5px !important;line-height:1.22 !important;-webkit-line-clamp:2}@media (max-width:980px){.hn-tool-shell.hn-convert-workspace{grid-template-columns:64px minmax(0,1fr) !important}.hn-workspace-tool-rail{width:64px !important;padding:9px 7px !important}}@media (max-width:640px){.hn-workspace-tool-rail{width:100% !important;height:72px !important}}.hn-rail-brand strong{font-size:14px !important;line-height:1.15 !important;overflow-wrap:anywhere}.hn-rail-tool[href="#"]{opacity:.7;pointer-events:none}.hn-tool-shell[data-hn-tool="pdf-to-jpg"] .hn-file-drop span::after,.hn-tool-shell[data-hn-tool="pdf-to-png"] .hn-file-drop span::after,.hn-tool-shell[data-hn-tool="merge-pdf"] .hn-file-drop span::after{content:" You can select multiple files or add them one by one."}.hn-tool-shell.hn-convert-workspace{visibility:visible !important}.hn-output-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}.hn-output-buttons .hn-btn{min-height:40px;padding:9px 14px}@media (max-width:640px){.hn-output-buttons{width:100%;justify-content:stretch}.hn-output-buttons .hn-btn{flex:1 1 0}}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-output-grid-mode{grid-template-columns:1fr !important;align-items:start !important;overflow:auto !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-output-grid-mode>.hn-file-summary,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-output-grid-mode>.hn-file-queue,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-output-grid-mode>.hn-row,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-output-grid-mode>.hn-row-3,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-output-grid-mode>.hn-row-4,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-output-grid-mode>.hn-options-with-convert,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-output-grid-mode>.hn-convert,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-output-grid-mode>.hn-convert-card,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-output-grid-mode>.hn-progress{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel.hn-output-grid-mode>.hn-result.hn-workspace-output-grid-screen{display:block !important;grid-column:1 / -1 !important;order:1 !important;width:100% !important;max-width:none !important;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important}.hn-workspace-output-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:0}.hn-workspace-output-top strong{display:block;color:#0f172a;font-size:20px;line-height:1.2}.hn-workspace-output-top span{display:block;color:#64748b;font-size:14px;margin-top:4px}.hn-workspace-output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,230px));gap:16px;align-items:start}.hn-workspace-output-card{position:relative;background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:12px;box-shadow:0 10px 24px rgba(15,23,42,.08);min-width:0}.hn-workspace-output-badge{position:absolute;z-index:2;top:10px;left:10px;width:30px;height:30px;border-radius:999px;background:#0f172a;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;box-shadow:0 6px 16px rgba(15,23,42,.18)}.hn-workspace-output-preview{height:210px;border-radius:14px;background:#eef4ff;border:1px solid #dbeafe;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.hn-workspace-output-preview img{width:100%;height:100%;object-fit:contain;display:block}.hn-output-doc-preview{display:flex;flex-direction:column;align-items:center;gap:8px;color:#0f172a}.hn-output-doc-preview span{font-size:44px;line-height:1}.hn-output-doc-preview strong{font-size:16px;letter-spacing:.04em}.hn-workspace-output-info{display:flex;flex-direction:column;gap:5px;min-height:64px}.hn-workspace-output-info strong{color:#0f172a;font-size:14px;line-height:1.35;word-break:break-word}.hn-workspace-output-info small{color:#64748b;font-size:12px;line-height:1.35;word-break:break-word}.hn-workspace-output-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.hn-workspace-output-card-actions .hn-btn{min-height:42px;padding:9px 12px;width:100%}.hn-workspace-output-card-actions .hn-btn:only-child{grid-column:1 / -1}@media (max-width:980px){.hn-workspace-output-top{flex-direction:column;align-items:stretch}.hn-workspace-output-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.hn-workspace-output-preview{height:170px}}@media (max-width:520px){.hn-workspace-output-grid{grid-template-columns:1fr}}.hn-output-actions-card>strong{color:#0f172a;font-size:18px;line-height:1.25}.hn-output-actions-card>span,.hn-output-actions-card>p{color:#64748b;font-size:13px;margin:0}.hn-output-actions-card .hn-btn{width:100%;min-height:44px}@media (max-width:980px){}.hn-tool-shell.hn-convert-workspace.hn-force-empty-workspace.hn-empty-workspace .hn-file-drop{display:flex !important}body.hn-convert-workspace-open{overflow:hidden !important;background:radial-gradient(circle at 18% 12%,rgba(37,99,235,.18),transparent 32%),radial-gradient(circle at 78% 16%,rgba(225,29,46,.14),transparent 28%),linear-gradient(135deg,#eef4ff 0%,#f8fbff 48%,#f3f6fb 100%) !important}.hn-tool-shell.hn-convert-workspace{position:fixed !important;inset:clamp(10px,2vw,30px) !important;z-index:999999 !important;width:auto !important;max-width:1540px !important;height:auto !important;max-height:calc(100vh - clamp(20px,4vw,60px)) !important;margin:auto !important;padding:0 !important;display:grid !important;grid-template-columns:210px minmax(0,1fr) !important;grid-template-rows:92px minmax(0,1fr) !important;border:1px solid rgba(203,213,225,.95) !important;border-radius:24px !important;overflow:hidden !important;background:#ffffff !important;box-shadow:0 30px 90px rgba(15,23,42,.30),0 0 0 1px rgba(255,255,255,.55) inset !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar{grid-column:2 !important;grid-row:1 !important;min-height:92px !important;padding:18px 24px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:18px !important;background:rgba(255,255,255,.96) !important;border-bottom:1px solid #e5eaf3 !important;box-shadow:none !important;backdrop-filter:blur(12px)}.hn-workspace-left{gap:14px !important}.hn-workspace-left::before{content:"";width:48px;height:48px;flex:0 0 auto;border-radius:15px;background:linear-gradient(135deg,#eff6ff,#ffffff),linear-gradient(135deg,rgba(37,99,235,.22),rgba(225,29,46,.12));border:1px solid #dbe7ff;box-shadow:0 10px 24px rgba(37,99,235,.12)}.hn-workspace-title{color:#0f172a !important;font-size:clamp(20px,2vw,27px) !important;font-weight:900 !important;letter-spacing:-.035em !important;line-height:1.12 !important}.hn-workspace-status{margin-top:5px !important;color:#64748b !important;font-size:13px !important}.hn-workspace-actions{gap:12px !important}.hn-workspace-reset,.hn-workspace-tools-btn,.hn-workspace-add{border-radius:14px !important;min-height:44px !important;font-weight:850 !important}.hn-workspace-reset{width:44px !important;height:44px !important;background:#ffffff !important;border:1px solid #dbe3ef !important;color:#0f172a !important;box-shadow:0 8px 20px rgba(15,23,42,.05) !important}.hn-workspace-reset:hover{background:#fff1f3 !important;color:#e11d2e !important;border-color:#fecdd3 !important}.hn-workspace-add,.hn-workspace-tools-btn{background:#ffffff !important;color:#2563eb !important;border:1px solid #bfdbfe !important;box-shadow:0 8px 20px rgba(37,99,235,.08) !important}.hn-workspace-add:hover,.hn-workspace-tools-btn:hover{background:#eff6ff !important;transform:translateY(-1px)}.hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail{grid-column:1 !important;grid-row:1 / -1 !important}.hn-workspace-tool-rail{width:210px !important;height:auto !important;min-height:0 !important;padding:18px 14px !important;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;border-right:1px solid #e5eaf3 !important;box-shadow:none !important;overflow:auto !important}.hn-rail-brand{padding:0 8px 18px !important;margin-bottom:14px !important;border-bottom:1px solid #e5eaf3 !important}.hn-rail-brand span{background:#2563eb !important;color:#ffffff !important;box-shadow:0 12px 24px rgba(37,99,235,.20) !important}.hn-rail-brand strong{color:#0f172a !important;font-size:15px !important}.hn-rail-list{gap:7px !important}.hn-rail-tool{border-radius:14px !important;padding:10px 9px !important;border:1px solid transparent !important}.hn-rail-tool:hover{background:#f1f5f9 !important;border-color:#dbe3ef !important;transform:translateX(2px);box-shadow:none !important}.hn-rail-tool.is-current{background:#eff6ff !important;border-color:#bfdbfe !important;color:#1d4ed8 !important;box-shadow:0 10px 24px rgba(37,99,235,.10) !important}.hn-rail-icon{background:#ffffff !important;border:1px solid #e2e8f0 !important}.hn-rail-text strong{font-size:12.5px !important;color:#0f172a !important}.hn-rail-text small{color:#64748b !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel{grid-column:2 !important;grid-row:2 !important;height:auto !important;min-height:0 !important;max-height:none !important;padding:22px 24px 24px !important;background:linear-gradient(135deg,#f8fafc 0%,#eef4ff 100%) !important;display:grid !important;grid-template-columns:minmax(0,1fr) minmax(320px,390px) !important;gap:20px !important;align-items:start !important;overflow:auto !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary{grid-column:1 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;min-height:54px !important;padding:14px 18px !important;margin:0 !important;border:1px solid #e5eaf3 !important;border-radius:17px !important;background:rgba(255,255,255,.92) !important;box-shadow:0 10px 26px rgba(15,23,42,.045) !important;color:#475569 !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary strong{color:#0f172a !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-column:1 !important;display:grid !important;grid-template-columns:repeat(auto-fill,minmax(170px,210px)) !important;gap:16px !important;width:100% !important;min-height:250px !important;max-height:none !important;padding:18px !important;margin:0 !important;overflow:auto !important;align-content:start !important;border:1px solid #e5eaf3 !important;border-radius:20px !important;background:rgba(255,255,255,.90) !important;box-shadow:0 14px 34px rgba(15,23,42,.05) !important}.hn-tool-shell.hn-convert-workspace .hn-file-card{position:relative !important;border:1px solid #e2e8f0 !important;border-radius:17px !important;padding:10px !important;background:#ffffff !important;box-shadow:0 10px 26px rgba(15,23,42,.07) !important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.hn-tool-shell.hn-convert-workspace .hn-file-card:hover{transform:translateY(-3px) !important;border-color:#bfdbfe !important;box-shadow:0 18px 36px rgba(15,23,42,.10) !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:165px !important;border-radius:13px !important;background:linear-gradient(135deg,#eaf2ff,#f8fafc) !important;overflow:hidden !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb img{object-fit:cover !important}.hn-tool-shell.hn-convert-workspace .hn-file-card strong{color:#0f172a !important;font-size:13px !important;line-height:1.35 !important}.hn-tool-shell.hn-convert-workspace .hn-file-card small,.hn-tool-shell.hn-convert-workspace .hn-file-card span{color:#64748b !important;font-size:12px !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-file-drop{display:flex !important;grid-column:1 !important;min-height:96px !important;margin:0 !important;padding:18px !important;border:1.8px dashed #cbd5e1 !important;border-radius:18px !important;background:rgba(255,255,255,.72) !important;align-items:center !important;justify-content:center !important;flex-direction:column !important;gap:5px !important;color:#334155 !important;box-shadow:none !important;transform:none !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-file-drop:hover,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-file-drop.is-dragover{border-color:#2563eb !important;background:#eff6ff !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-upload-icon{width:38px !important;height:38px !important;border-radius:13px !important;font-size:20px !important;margin:0 0 4px !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-file-drop strong{font-size:15px !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-file-drop span:not(.hn-upload-icon){font-size:12.5px !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-3,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-4,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>div:not([data-hn-single-editor-content="1"]):not(.hn-file-summary):not(.hn-file-queue):not(.hn-result):not(.hn-progress):not(.hn-main-output-screen){grid-column:2 !important;align-self:start !important;padding:20px !important;margin:0 !important;border:1px solid #e5eaf3 !important;border-radius:20px !important;background:#ffffff !important;box-shadow:0 16px 34px rgba(15,23,42,.075) !important}.hn-tool-shell.hn-convert-workspace .hn-row,.hn-tool-shell.hn-convert-workspace .hn-row-3,.hn-tool-shell.hn-convert-workspace .hn-row-4{display:grid !important;grid-template-columns:1fr !important;gap:14px !important}.hn-tool-shell.hn-convert-workspace .hn-label{color:#0f172a !important;font-size:13px !important;font-weight:850 !important;margin-bottom:7px !important}.hn-tool-shell.hn-convert-workspace .hn-input,.hn-tool-shell.hn-convert-workspace .hn-select,.hn-tool-shell.hn-convert-workspace .hn-number,.hn-tool-shell.hn-convert-workspace input,.hn-tool-shell.hn-convert-workspace select,.hn-tool-shell.hn-convert-workspace textarea{min-height:46px !important;border-radius:13px !important;border:1px solid #dbe3ef !important;background:#ffffff !important;box-shadow:0 6px 16px rgba(15,23,42,.035) !important;color:#0f172a !important;font-size:14px !important}.hn-tool-shell.hn-convert-workspace .hn-input:focus,.hn-tool-shell.hn-convert-workspace .hn-select:focus,.hn-tool-shell.hn-convert-workspace .hn-number:focus,.hn-tool-shell.hn-convert-workspace input:focus,.hn-tool-shell.hn-convert-workspace select:focus,.hn-tool-shell.hn-convert-workspace textarea:focus{outline:3px solid rgba(37,99,235,.14) !important;border-color:#2563eb !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-convert,.hn-tool-shell.hn-convert-workspace .hn-options-with-convert>.hn-convert{grid-column:2 !important;width:100% !important;min-height:56px !important;margin:0 !important;border-radius:15px !important;border:0 !important;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 52%,#0f46c8 100%) !important;color:#ffffff !important;font-size:15px !important;font-weight:900 !important;box-shadow:0 16px 34px rgba(37,99,235,.28) !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-convert:hover,.hn-tool-shell.hn-convert-workspace .hn-options-with-convert>.hn-convert:hover{transform:translateY(-2px) !important;box-shadow:0 20px 42px rgba(37,99,235,.34) !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel{grid-template-columns:1fr !important;padding:24px !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop{display:flex !important;grid-column:1 !important;min-height:min(540px,calc(100vh - 190px)) !important;margin:0 !important;padding:34px !important;border:2px dashed #bfdbfe !important;border-radius:22px !important;background:radial-gradient(circle at center top,rgba(37,99,235,.08),transparent 38%),#ffffff !important;align-items:center !important;justify-content:center !important;flex-direction:column !important;gap:10px !important;box-shadow:0 18px 44px rgba(15,23,42,.075) !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-upload-icon{width:72px !important;height:72px !important;border-radius:22px !important;font-size:34px !important;margin-bottom:8px !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop strong{font-size:clamp(22px,2.2vw,30px) !important;color:#0f172a !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop span:not(.hn-upload-icon){max-width:620px !important;color:#64748b !important;font-size:15px !important;line-height:1.55 !important}.hn-workspace-output-grid{gap:16px !important}.hn-workspace-output-card,.hn-output-item{border-radius:17px !important;border-color:#e5eaf3 !important;box-shadow:0 10px 26px rgba(15,23,42,.065) !important}@media (max-width:980px){.hn-tool-shell.hn-convert-workspace{inset:0 !important;max-width:none !important;max-height:none !important;border-radius:0 !important;grid-template-columns:68px minmax(0,1fr) !important;grid-template-rows:78px minmax(0,1fr) !important}.hn-workspace-tool-rail{width:68px !important;padding:10px 7px !important}.hn-rail-brand strong,.hn-rail-text{display:none !important}.hn-rail-tool{grid-template-columns:1fr !important;justify-items:center !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar{min-height:78px !important;padding:12px 14px !important}.hn-workspace-left::before{display:none !important}.hn-workspace-actions{gap:8px !important}.hn-workspace-tools-btn{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel{grid-template-columns:1fr !important;padding:14px !important;gap:14px !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary,.hn-tool-shell.hn-convert-workspace .hn-file-queue,.hn-tool-shell.hn-convert-workspace .hn-file-drop,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-3,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-4,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>div:not([data-hn-single-editor-content="1"]):not(.hn-file-summary):not(.hn-file-queue):not(.hn-result):not(.hn-progress):not(.hn-main-output-screen),.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-convert,.hn-tool-shell.hn-convert-workspace .hn-options-with-convert>.hn-convert,.hn-tool-shell.hn-convert-workspace .hn-progress,.hn-tool-shell.hn-convert-workspace .hn-result{grid-column:1 !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(145px,1fr)) !important;min-height:120px !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:140px !important}}@media (max-width:640px){.hn-tool-shell.hn-convert-workspace{grid-template-columns:1fr !important;grid-template-rows:72px minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail{display:none !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar,.hn-tool-shell.hn-convert-workspace .hn-tool-panel{grid-column:1 !important}.hn-workspace-title{font-size:18px !important}.hn-workspace-status{display:none !important}.hn-workspace-add{min-height:38px !important;padding:8px 11px !important;font-size:13px !important}.hn-workspace-reset{width:38px !important;height:38px !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(2,minmax(0,1fr)) !important;padding:12px !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:115px !important}}body.hn-convert-workspace-open,html:has(body.hn-convert-workspace-open){overflow:hidden !important}body.hn-convert-workspace-open{background:#f8fafc !important}body.hn-convert-workspace-open #wpadminbar{z-index:1 !important}.hn-tool-shell.hn-convert-workspace{--pct-red:#E11D2E;--pct-navy:#0F172A;--pct-blue:#2563EB;--pct-bg:#F8FAFC;--pct-soft:#F1F5F9;--pct-card:#FFFFFF;--pct-line:#E2E8F0;--pct-muted:#64748B;position:fixed !important;inset:0 !important;z-index:2147483000 !important;width:100vw !important;max-width:none !important;height:100vh !important;height:100dvh !important;max-height:none !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;overflow:hidden !important;display:grid !important;grid-template-columns:270px minmax(0,1fr) !important;grid-template-rows:78px minmax(0,1fr) !important;background:radial-gradient(circle at 16% 0%,rgba(37,99,235,.12),transparent 28%),radial-gradient(circle at 88% 4%,rgba(225,29,46,.10),transparent 30%),linear-gradient(180deg,#ffffff 0%,#f8fafc 46%,#eef2f7 100%) !important;box-shadow:none !important;color:var(--pct-navy) !important}.hn-tool-shell.hn-convert-workspace>.hn-tool-head{display:none !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail{grid-column:1 !important;grid-row:1 / -1 !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar{grid-column:2 !important;grid-row:1 !important;min-height:78px !important;padding:14px 22px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;border-bottom:1px solid rgba(226,232,240,.95) !important;background:rgba(255,255,255,.92) !important;backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(15,23,42,.05) !important}.hn-workspace-left{min-width:0 !important;gap:14px !important}.hn-workspace-left::before{content:"";width:48px;height:48px;flex:0 0 48px;border-radius:16px;background:linear-gradient(135deg,rgba(225,29,46,.12),rgba(37,99,235,.10)),#ffffff;border:1px solid #dbe7ff;box-shadow:0 12px 25px rgba(37,99,235,.12)}.hn-workspace-title{color:var(--pct-navy) !important;font-size:clamp(22px,2vw,30px) !important;font-weight:950 !important;letter-spacing:-.045em !important;line-height:1.05 !important}.hn-workspace-status{margin-top:5px !important;color:var(--pct-muted) !important;font-size:13px !important}.hn-workspace-actions{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important;flex-wrap:wrap !important}.hn-workspace-reset,.hn-workspace-add,.hn-workspace-blank{min-height:44px !important;border-radius:14px !important;font-weight:850 !important;border:1px solid #dbe3ef !important;box-shadow:0 8px 20px rgba(15,23,42,.05) !important}.hn-workspace-reset{width:44px !important;height:44px !important;color:var(--pct-navy) !important;background:#ffffff !important}.hn-workspace-reset:hover{color:var(--pct-red) !important;background:#fff1f3 !important;border-color:#fecdd3 !important}.hn-workspace-add,.hn-workspace-blank{color:#1d4ed8 !important;background:#ffffff !important;border-color:#bfdbfe !important;padding:10px 15px !important}.hn-workspace-add:hover,.hn-workspace-blank:hover{background:#eff6ff !important;transform:translateY(-1px)}.hn-workspace-tool-rail{width:270px !important;height:100% !important;min-height:0 !important;padding:18px 16px !important;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;border-right:1px solid rgba(226,232,240,.95) !important;box-shadow:12px 0 35px rgba(15,23,42,.055) !important;overflow:auto !important}.hn-rail-brand{padding:0 8px 18px !important;margin:0 0 18px !important;border-bottom:1px solid #e5eaf3 !important}.hn-rail-brand span{width:42px !important;height:42px !important;border-radius:15px !important;background:linear-gradient(135deg,var(--pct-red),#b91c1c) !important;color:#ffffff !important;box-shadow:0 12px 24px rgba(225,29,46,.22) !important}.hn-rail-brand strong{color:var(--pct-navy) !important;font-size:16px !important}.hn-rail-list{gap:7px !important}.hn-rail-tool{grid-template-columns:36px minmax(0,1fr) !important;gap:10px !important;padding:10px 10px !important;border-radius:15px !important;border:1px solid transparent !important;color:#334155 !important}.hn-rail-tool:hover{background:#f8fafc !important;border-color:#dbe3ef !important;transform:translateX(2px);box-shadow:none !important}.hn-rail-tool.is-current{color:var(--pct-red) !important;background:rgba(225,29,46,.08) !important;border-color:rgba(225,29,46,.16) !important;box-shadow:inset 3px 0 0 var(--pct-red),0 10px 22px rgba(225,29,46,.08) !important}.hn-rail-icon{width:36px !important;height:36px !important;border-radius:12px !important;background:#f1f5f9 !important;border:1px solid #e2e8f0 !important}.hn-rail-tool.is-current .hn-rail-icon{background:#fff1f3 !important;border-color:#fecdd3 !important}.hn-rail-text strong{color:var(--pct-navy) !important;font-size:13px !important}.hn-rail-text small{color:var(--pct-muted) !important;font-size:11px !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel{grid-column:2 !important;grid-row:2 !important;height:100% !important;min-height:0 !important;max-height:none !important;padding:18px !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:transparent !important;overflow:hidden !important;display:grid !important;grid-template-columns:minmax(300px,.78fr) minmax(380px,1.05fr) minmax(310px,360px) !important;grid-template-rows:auto minmax(0,1fr) !important;gap:16px !important;align-items:stretch !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel{grid-template-columns:minmax(0,1fr) minmax(310px,360px) !important;grid-template-rows:minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary{grid-column:1 !important;grid-row:1 !important;min-height:56px !important;margin:0 !important;padding:14px 18px !important;border-radius:20px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;color:#475569 !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary strong{color:var(--pct-navy) !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-column:1 !important;grid-row:2 !important;min-height:0 !important;width:100% !important;height:100% !important;padding:16px !important;margin:0 !important;overflow:auto !important;border-radius:24px !important;display:grid !important;grid-template-columns:repeat(auto-fill,minmax(156px,1fr)) !important;gap:14px !important;align-content:start !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-summary,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-queue,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-workspace-preview{display:none !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop{grid-column:1 !important;grid-row:1 !important;display:flex !important;min-height:100% !important;height:100% !important;padding:36px !important;margin:0 !important;border:2px dashed #bfdbfe !important;border-radius:28px !important;background:radial-gradient(circle at center top,rgba(37,99,235,.12),transparent 38%),#ffffff !important;box-shadow:0 18px 45px rgba(15,23,42,.075) !important;align-items:center !important;justify-content:center !important;flex-direction:column !important;color:var(--pct-navy) !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-file-drop{display:none !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-upload-icon{width:82px !important;height:82px !important;border-radius:26px !important;color:var(--pct-blue) !important;background:#eff6ff !important;border-color:#bfdbfe !important;box-shadow:0 18px 35px rgba(37,99,235,.13) !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop strong{font-size:clamp(24px,2.4vw,34px) !important;font-weight:950 !important;letter-spacing:-.04em !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop span:not(.hn-upload-icon){max-width:640px !important;color:var(--pct-muted) !important;font-size:15px !important;line-height:1.55 !important}.hn-tool-shell.hn-convert-workspace .hn-file-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{min-height:214px !important;position:relative !important;border:1px solid #e2e8f0 !important;border-radius:20px !important;padding:10px !important;background:#ffffff !important;box-shadow:0 10px 26px rgba(15,23,42,.065) !important;overflow:hidden !important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease !important}.hn-tool-shell.hn-convert-workspace .hn-file-card:hover,.hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected,.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card:hover,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card:hover{transform:translateY(-2px) !important;border-color:#bfdbfe !important;box-shadow:0 18px 38px rgba(15,23,42,.11) !important}.hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected{box-shadow:0 0 0 3px rgba(37,99,235,.14),0 18px 38px rgba(15,23,42,.11) !important}.hn-tool-shell.hn-convert-workspace .hn-file-order-badge{position:absolute !important;top:10px !important;left:10px !important;z-index:4 !important;width:26px !important;height:26px !important;border-radius:999px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;background:var(--pct-navy) !important;font-size:12px !important;font-weight:900 !important;box-shadow:0 8px 18px rgba(15,23,42,.18) !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:126px !important;border-radius:15px !important;background:linear-gradient(180deg,#f8fafc,#eef2ff) !important;border:1px solid #eef2f7 !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb img{width:100% !important;height:100% !important;object-fit:contain !important;transition:transform .18s ease !important}.hn-tool-shell.hn-convert-workspace .hn-file-icon{width:62px !important;height:76px !important;display:grid !important;place-items:center !important;border-radius:14px !important;background:#ffffff !important;border:1px solid #dbeafe !important;color:var(--pct-blue) !important;font-size:28px !important;box-shadow:0 14px 24px rgba(37,99,235,.12) !important}.hn-tool-shell.hn-convert-workspace .hn-file-name{display:block !important;margin-top:10px !important;color:var(--pct-navy) !important;font-size:13px !important;font-weight:850 !important;line-height:1.25 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.hn-tool-shell.hn-convert-workspace .hn-file-meta{display:block !important;margin-top:6px !important;color:var(--pct-muted) !important;font-size:11.5px !important;line-height:1.35 !important}.hn-tool-shell.hn-convert-workspace .hn-file-actions{position:absolute !important;top:10px !important;right:10px !important;z-index:5 !important;display:flex !important;gap:6px !important;flex-wrap:wrap !important;justify-content:flex-end !important;max-width:150px !important;opacity:0 !important;transform:translateY(-4px) !important;transition:opacity .16s ease,transform .16s ease !important}.hn-tool-shell.hn-convert-workspace .hn-file-card:hover .hn-file-actions,.hn-tool-shell.hn-convert-workspace .hn-file-card:focus-within .hn-file-actions{opacity:1 !important;transform:translateY(0) !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn,.hn-tool-shell.hn-convert-workspace .hn-preview-action-btn{width:30px !important;height:30px !important;min-height:30px !important;padding:0 !important;border-radius:10px !important;border:1px solid rgba(226,232,240,.95) !important;background:rgba(255,255,255,.96) !important;color:#334155 !important;box-shadow:0 8px 16px rgba(15,23,42,.08) !important;font-size:13px !important;line-height:1 !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn:hover,.hn-tool-shell.hn-convert-workspace .hn-preview-action-btn:hover,.hn-tool-shell.hn-convert-workspace .hn-mini-btn.is-active,.hn-tool-shell.hn-convert-workspace .hn-preview-action-btn.is-active{color:var(--pct-red) !important;background:#fff1f3 !important;border-color:#fecdd3 !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn.remove:hover,.hn-tool-shell.hn-convert-workspace .hn-preview-action-btn[data-action="delete"]:hover{color:#dc2626 !important;background:#fef2f2 !important;border-color:#fecaca !important}.hn-tool-shell.hn-convert-workspace .hn-drag-handle,.hn-tool-shell.hn-convert-workspace .hn-move-to-wrap,.hn-tool-shell.hn-convert-workspace .hn-reorder-help{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{display:grid !important;place-items:center !important;text-align:center !important;cursor:pointer !important;border-style:dashed !important;color:#475569 !important;background:linear-gradient(180deg,#ffffff,#f8fafc) !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card strong,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card strong{display:block !important;margin-top:10px !important;color:var(--pct-navy) !important;font-size:13px !important;font-weight:900 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card span,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card span{display:block !important;margin-top:4px !important;color:var(--pct-muted) !important;font-size:11px !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card .hn-workspace-add-icon,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card .hn-workspace-add-icon{width:48px !important;height:48px !important;margin:0 auto !important;border-radius:16px !important;display:grid !important;place-items:center !important;background:#eff6ff !important;color:var(--pct-blue) !important;border:1px solid #bfdbfe !important;font-size:24px !important;font-weight:900 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-preview{grid-column:2 !important;grid-row:1 / span 2 !important;min-width:0 !important;min-height:0 !important;height:100% !important;border-radius:24px !important;overflow:hidden !important;display:grid !important;grid-template-rows:auto minmax(0,1fr) auto !important}.hn-workspace-preview-head{padding:16px 18px !important;border-bottom:1px solid #e5eaf3 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important}.hn-workspace-preview-head h3{margin:0 !important;color:var(--pct-navy) !important;font-size:15px !important;font-weight:950 !important;letter-spacing:-.02em !important}.hn-workspace-preview-head p{margin:4px 0 0 !important;color:var(--pct-muted) !important;font-size:12px !important}.hn-preview-pill{height:34px !important;padding:0 11px !important;border-radius:999px !important;display:inline-flex !important;align-items:center !important;background:#f8fafc !important;border:1px solid #e2e8f0 !important;color:#475569 !important;font-size:12px !important;font-weight:850 !important;white-space:nowrap !important}.hn-workspace-preview-body{min-height:0 !important;padding:16px !important;display:grid !important;grid-template-columns:86px minmax(0,1fr) !important;gap:14px !important;overflow:hidden !important}.hn-preview-thumbs{min-height:0 !important;overflow:auto !important;display:flex !important;flex-direction:column !important;gap:10px !important}.hn-preview-thumb{min-height:82px !important;border:1px solid #e2e8f0 !important;border-radius:16px !important;background:#ffffff !important;color:#64748b !important;cursor:pointer !important;display:grid !important;place-items:center !important;overflow:hidden !important;font-size:12px !important;font-weight:850 !important}.hn-preview-thumb img{width:100% !important;height:100% !important;object-fit:cover !important}.hn-preview-thumb.is-active{border-color:rgba(37,99,235,.48) !important;box-shadow:0 0 0 3px rgba(37,99,235,.12) !important;color:var(--pct-blue) !important}.hn-preview-stage{min-width:0 !important;min-height:0 !important;border-radius:24px !important;border:1px solid #e2e8f0 !important;background:linear-gradient(45deg,#f8fafc 25%,transparent 25%),linear-gradient(-45deg,#f8fafc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8fafc 75%),linear-gradient(-45deg,transparent 75%,#f8fafc 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0px;background-color:#eef2f7 !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:22px !important;overflow:hidden !important}.hn-preview-page{width:min(78%,340px) !important;aspect-ratio:1 / 1.414 !important;border-radius:18px !important;background:#ffffff !important;border:1px solid #cbd5e1 !important;box-shadow:0 22px 65px rgba(15,23,42,.18) !important;display:grid !important;place-items:center !important;text-align:center !important;padding:24px !important;color:#94a3b8 !important;overflow:hidden !important}.hn-preview-page img{max-width:100% !important;max-height:100% !important;object-fit:contain !important;transition:transform .18s ease !important}.hn-preview-page strong{display:block !important;color:var(--pct-navy) !important;font-size:17px !important;margin-bottom:6px !important;overflow-wrap:anywhere !important}.hn-preview-page span{display:block !important;color:var(--pct-muted) !important;font-size:12px !important;line-height:1.45 !important}.hn-workspace-preview-actions{padding:14px 16px !important;border-top:1px solid #e5eaf3 !important;display:flex !important;flex-wrap:wrap !important;gap:8px !important;align-items:center !important}.hn-workspace-preview-actions .hn-preview-action-btn{width:auto !important;min-width:36px !important;padding:0 10px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;font-weight:850 !important;font-size:12px !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-3,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-4,.hn-tool-shell.hn-convert-workspace .hn-options-with-convert,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>div:not([data-hn-single-editor-content="1"]):not(.hn-file-summary):not(.hn-file-queue):not(.hn-result):not(.hn-progress):not(.hn-main-output-screen):not(.hn-workspace-preview){grid-column:3 !important;grid-row:auto !important;align-self:start !important;padding:20px !important;margin:0 !important;border-radius:24px !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel>.hn-row,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel>.hn-row-3,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel>.hn-row-4,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-options-with-convert,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel>div:not(.hn-file-summary):not(.hn-file-queue):not(.hn-result):not(.hn-progress):not(.hn-main-output-screen):not(.hn-workspace-preview){grid-column:2 !important}.hn-tool-shell.hn-convert-workspace .hn-options-with-convert::before,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row::before,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-3::before,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-4::before{content:"Conversion Settings";display:block !important;grid-column:1 / -1 !important;margin:0 0 4px !important;color:var(--pct-navy) !important;font-size:16px !important;font-weight:950 !important;letter-spacing:-.02em !important}.hn-tool-shell.hn-convert-workspace .hn-row,.hn-tool-shell.hn-convert-workspace .hn-row-3,.hn-tool-shell.hn-convert-workspace .hn-row-4,.hn-tool-shell.hn-convert-workspace .hn-options-with-convert{display:grid !important;grid-template-columns:1fr !important;gap:14px !important}.hn-tool-shell.hn-convert-workspace .hn-label{color:var(--pct-navy) !important;font-size:13px !important;font-weight:850 !important;margin-bottom:7px !important}.hn-tool-shell.hn-convert-workspace .hn-input,.hn-tool-shell.hn-convert-workspace .hn-select,.hn-tool-shell.hn-convert-workspace .hn-number,.hn-tool-shell.hn-convert-workspace input,.hn-tool-shell.hn-convert-workspace select,.hn-tool-shell.hn-convert-workspace textarea{min-height:46px !important;border-radius:14px !important;border:1px solid #dbe3ef !important;background:#ffffff !important;box-shadow:0 6px 16px rgba(15,23,42,.035) !important;color:var(--pct-navy) !important;font-size:14px !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-convert,.hn-tool-shell.hn-convert-workspace .hn-options-with-convert>.hn-convert,.hn-tool-shell.hn-convert-workspace .hn-convert{width:100% !important;min-height:56px !important;margin-top:4px !important;border-radius:16px !important;border:0 !important;background:linear-gradient(135deg,var(--pct-red),#b91c1c) !important;color:#ffffff !important;font-size:15px !important;font-weight:950 !important;box-shadow:0 18px 36px rgba(225,29,46,.26) !important}.hn-tool-shell.hn-convert-workspace .hn-convert:hover{transform:translateY(-2px) !important;box-shadow:0 22px 44px rgba(225,29,46,.33) !important}@media (max-width:1280px){.hn-tool-shell.hn-convert-workspace{grid-template-columns:232px minmax(0,1fr) !important}.hn-workspace-tool-rail{width:232px !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel{grid-template-columns:minmax(260px,.82fr) minmax(320px,1fr) minmax(280px,320px) !important;gap:12px !important;padding:12px !important}}@media (max-width:1080px){.hn-tool-shell.hn-convert-workspace{grid-template-columns:72px minmax(0,1fr) !important}.hn-workspace-tool-rail{width:72px !important;padding:12px 8px !important}.hn-rail-brand strong,.hn-rail-text{display:none !important}.hn-rail-tool{grid-template-columns:1fr !important;justify-items:center !important;padding:10px 6px !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel{overflow:auto !important;grid-template-columns:minmax(0,1fr) minmax(300px,360px) !important;grid-template-rows:auto auto auto !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary,.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-column:1 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-preview{grid-column:1 !important;grid-row:3 !important;min-height:430px !important}}@media (max-width:760px){.hn-tool-shell.hn-convert-workspace{grid-template-columns:1fr !important;grid-template-rows:auto minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail{display:none !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar,.hn-tool-shell.hn-convert-workspace .hn-tool-panel{grid-column:1 !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar{min-height:70px !important;padding:10px 12px !important}.hn-workspace-left::before{display:none !important}.hn-workspace-title{font-size:18px !important}.hn-workspace-status{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel{grid-template-columns:1fr !important;grid-template-rows:auto !important;overflow:auto !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-preview{min-height:420px !important}}html:has(body.hn-convert-workspace-open),body.hn-convert-workspace-open{overflow:hidden !important}body.hn-convert-workspace-open .site,body.hn-convert-workspace-open #page,body.hn-convert-workspace-open .site-content,body.hn-convert-workspace-open #content{overflow:visible !important}body.hn-convert-workspace-open #wpadminbar,body.hn-convert-workspace-open header,body.hn-convert-workspace-open .site-header,body.hn-convert-workspace-open #masthead{z-index:1 !important}.hn-tool-shell.hn-convert-workspace{--pct-red:#E11D2E;--pct-red-dark:#B91C1C;--pct-navy:#0F172A;--pct-blue:#2563EB;--pct-bg:#F5F7FB;--pct-card:#FFFFFF;--pct-line:#E2E8F0;--pct-muted:#64748B;--pct-soft:#F8FAFC;--pct-shadow:0 18px 45px rgba(15,23,42,.085);position:fixed !important;inset:0 !important;width:100vw !important;max-width:none !important;height:100vh !important;height:100dvh !important;max-height:none !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;z-index:2147483000 !important;overflow:hidden !important;display:grid !important;grid-template-columns:258px minmax(0,1fr) !important;grid-template-rows:76px minmax(0,1fr) !important;background:var(--pct-bg) !important;color:var(--pct-navy) !important;box-shadow:none !important}.hn-tool-shell.hn-convert-workspace,.hn-tool-shell.hn-convert-workspace *{box-sizing:border-box !important}.hn-tool-shell.hn-convert-workspace>.hn-tool-head{display:none !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail,.hn-workspace-tool-rail{grid-column:1 !important;grid-row:1 / -1 !important;width:258px !important;height:100% !important;min-height:0 !important;padding:18px 14px !important;border:0 !important;border-right:1px solid rgba(255,255,255,.08) !important;background:radial-gradient(circle at 12% 0%,rgba(37,99,235,.22),transparent 28%),linear-gradient(180deg,#0F172A 0%,#111827 56%,#0B1120 100%) !important;box-shadow:12px 0 36px rgba(15,23,42,.14) !important;overflow:auto !important;z-index:3 !important}.hn-rail-brand{display:flex !important;align-items:center !important;gap:11px !important;padding:4px 6px 18px !important;margin:0 0 15px !important;border-bottom:1px solid rgba(255,255,255,.10) !important}.hn-rail-brand span{width:42px !important;height:42px !important;min-width:42px !important;border-radius:14px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:linear-gradient(135deg,var(--pct-red),#BE123C) !important;color:#ffffff !important;font-size:11px !important;font-weight:950 !important;letter-spacing:-.02em !important;box-shadow:0 15px 30px rgba(225,29,46,.32) !important}.hn-rail-brand strong{color:#ffffff !important;font-size:15px !important;font-weight:900 !important;line-height:1.1 !important;letter-spacing:-.02em !important}.hn-rail-list{display:grid !important;gap:7px !important}.hn-rail-tool{display:grid !important;grid-template-columns:34px minmax(0,1fr) !important;align-items:center !important;gap:10px !important;padding:10px 10px !important;border-radius:15px !important;border:1px solid transparent !important;background:transparent !important;color:#CBD5E1 !important;text-decoration:none !important;box-shadow:none !important;transition:background .16s ease,border-color .16s ease,transform .16s ease !important}.hn-rail-tool:hover{transform:translateX(2px) !important;background:rgba(255,255,255,.07) !important;border-color:rgba(255,255,255,.12) !important;box-shadow:none !important}.hn-rail-tool.is-current{color:#ffffff !important;background:rgba(225,29,46,.16) !important;border-color:rgba(225,29,46,.38) !important;box-shadow:inset 3px 0 0 var(--pct-red) !important}.hn-rail-icon{width:34px !important;height:34px !important;border-radius:12px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.10) !important;font-size:16px !important}.hn-rail-tool.is-current .hn-rail-icon{background:rgba(255,255,255,.14) !important;border-color:rgba(255,255,255,.18) !important}.hn-rail-text strong{color:inherit !important;font-size:12.5px !important;line-height:1.18 !important;font-weight:850 !important;overflow-wrap:anywhere !important}.hn-rail-text small{color:#94A3B8 !important;font-size:10.5px !important;line-height:1.22 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar{grid-column:2 !important;grid-row:1 !important;min-height:76px !important;height:76px !important;padding:12px 22px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;background:rgba(255,255,255,.94) !important;border:0 !important;border-bottom:1px solid #E5EAF3 !important;box-shadow:0 8px 28px rgba(15,23,42,.045) !important;backdrop-filter:blur(12px) !important}.hn-workspace-left{min-width:0 !important;display:flex !important;align-items:center !important;gap:12px !important}.hn-workspace-left::before{content:attr(data-hn-workspace-badge) !important;width:46px !important;height:46px !important;min-width:46px !important;border-radius:16px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;color:var(--pct-red) !important;background:#FFF1F3 !important;border:1px solid #FECDD3 !important;box-shadow:0 12px 22px rgba(225,29,46,.10) !important;font-size:12px !important;font-weight:950 !important}.hn-workspace-reset{width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;border-radius:14px !important;border:1px solid #D8E0EC !important;background:#FFFFFF !important;color:var(--pct-navy) !important;font-weight:950 !important;box-shadow:0 8px 18px rgba(15,23,42,.05) !important}.hn-workspace-reset:hover{color:var(--pct-red) !important;border-color:#FECACA !important;background:#FFF5F6 !important}.hn-workspace-title{display:block !important;color:var(--pct-navy) !important;font-size:clamp(24px,1.7vw,31px) !important;font-weight:950 !important;line-height:1.02 !important;letter-spacing:-.055em !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.hn-workspace-status{display:block !important;margin-top:5px !important;color:var(--pct-muted) !important;font-size:13px !important;line-height:1.2 !important}.hn-workspace-actions{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important}.hn-workspace-add,.hn-workspace-blank{min-height:44px !important;padding:0 16px !important;border-radius:14px !important;border:1px solid #BFDBFE !important;background:#FFFFFF !important;color:#1E3A8A !important;font-size:14px !important;font-weight:900 !important;box-shadow:0 10px 22px rgba(37,99,235,.07) !important}.hn-workspace-add:hover,.hn-workspace-blank:hover{background:#EFF6FF !important;transform:translateY(-1px) !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel{grid-column:2 !important;grid-row:2 !important;min-width:0 !important;min-height:0 !important;height:100% !important;width:100% !important;max-width:none !important;padding:18px !important;margin:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:radial-gradient(circle at 30% 0%,rgba(37,99,235,.08),transparent 32%),#F3F6FB !important;overflow:hidden !important;display:grid !important;grid-template-columns:minmax(520px,1fr) minmax(360px,430px) minmax(330px,370px) !important;grid-template-rows:58px minmax(0,1fr) !important;gap:16px !important;align-items:stretch !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel{grid-template-columns:minmax(0,1fr) minmax(330px,370px) !important;grid-template-rows:minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop{grid-column:1 !important;grid-row:1 !important;display:flex !important;min-height:0 !important;height:100% !important;width:100% !important;padding:38px !important;margin:0 !important;border-radius:28px !important;border:2px dashed #BFDBFE !important;background:radial-gradient(circle at center top,rgba(37,99,235,.10),transparent 42%),linear-gradient(180deg,#FFFFFF,#FBFDFF) !important;box-shadow:var(--pct-shadow) !important;align-items:center !important;justify-content:center !important;flex-direction:column !important;gap:12px !important;color:var(--pct-navy) !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop strong{font-size:clamp(28px,2.5vw,40px) !important;font-weight:950 !important;letter-spacing:-.05em !important;color:var(--pct-navy) !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop span:not(.hn-upload-icon){max-width:650px !important;color:var(--pct-muted) !important;font-size:15px !important;line-height:1.55 !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-upload-icon{width:84px !important;height:84px !important;border-radius:28px !important;background:#EFF6FF !important;border:1px solid #BFDBFE !important;color:var(--pct-blue) !important;box-shadow:0 18px 38px rgba(37,99,235,.13) !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-file-drop{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary{grid-column:1 !important;grid-row:1 !important;min-height:58px !important;height:58px !important;padding:0 18px !important;margin:0 !important;border-radius:20px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;color:var(--pct-muted) !important;font-size:13px !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary strong{color:var(--pct-navy) !important;font-size:14px !important;font-weight:950 !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-column:1 !important;grid-row:2 !important;min-height:0 !important;height:100% !important;width:100% !important;padding:18px !important;margin:0 !important;border-radius:24px !important;overflow:auto !important;display:grid !important;grid-template-columns:repeat(auto-fill,minmax(178px,1fr)) !important;gap:16px !important;align-content:start !important}.hn-tool-shell.hn-convert-workspace .hn-file-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{min-width:0 !important;min-height:236px !important;height:auto !important;position:relative !important;padding:12px !important;border:1px solid #E2E8F0 !important;border-radius:22px !important;background:#FFFFFF !important;box-shadow:0 8px 22px rgba(15,23,42,.055) !important;overflow:hidden !important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease !important}.hn-tool-shell.hn-convert-workspace .hn-file-card:hover,.hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected,.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card:hover,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card:hover{transform:translateY(-2px) !important;border-color:#93C5FD !important;box-shadow:0 18px 38px rgba(15,23,42,.11) !important}.hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected{box-shadow:0 0 0 3px rgba(37,99,235,.15),0 18px 38px rgba(15,23,42,.11) !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:146px !important;border-radius:17px !important;border:1px solid #E6EEF8 !important;background:linear-gradient(180deg,#F8FAFC,#EEF4FF) !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb img{width:100% !important;height:100% !important;object-fit:contain !important}.hn-tool-shell.hn-convert-workspace .hn-file-icon{width:66px !important;height:80px !important;border-radius:16px !important;display:grid !important;place-items:center !important;background:#FFFFFF !important;border:1px solid #DBEAFE !important;color:var(--pct-blue) !important;font-size:30px !important;box-shadow:0 14px 28px rgba(37,99,235,.12) !important}.hn-tool-shell.hn-convert-workspace .hn-file-order-badge{top:12px !important;left:12px !important;width:28px !important;height:28px !important;z-index:5 !important;border-radius:999px !important;background:var(--pct-navy) !important;color:#ffffff !important;font-size:12px !important;font-weight:950 !important;box-shadow:0 8px 18px rgba(15,23,42,.22) !important}.hn-tool-shell.hn-convert-workspace .hn-file-name{display:block !important;margin-top:11px !important;color:var(--pct-navy) !important;font-size:13px !important;line-height:1.25 !important;font-weight:850 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.hn-tool-shell.hn-convert-workspace .hn-file-meta{display:block !important;margin-top:5px !important;color:var(--pct-muted) !important;font-size:11.5px !important;line-height:1.35 !important}.hn-tool-shell.hn-convert-workspace .hn-file-actions{position:absolute !important;top:12px !important;right:12px !important;z-index:6 !important;max-width:none !important;display:flex !important;flex-wrap:nowrap !important;gap:6px !important;padding:6px !important;border-radius:14px !important;background:rgba(255,255,255,.92) !important;border:1px solid rgba(226,232,240,.9) !important;box-shadow:0 12px 26px rgba(15,23,42,.14) !important;opacity:0 !important;transform:translateY(-6px) !important;transition:opacity .16s ease,transform .16s ease !important;backdrop-filter:blur(10px) !important}.hn-tool-shell.hn-convert-workspace .hn-file-card:hover .hn-file-actions,.hn-tool-shell.hn-convert-workspace .hn-file-card:focus-within .hn-file-actions{opacity:1 !important;transform:translateY(0) !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn{width:29px !important;height:29px !important;min-width:29px !important;min-height:29px !important;padding:0 !important;border-radius:10px !important;border:1px solid #E2E8F0 !important;background:#FFFFFF !important;color:#334155 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:13px !important;font-weight:900 !important;line-height:1 !important;box-shadow:none !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn:hover,.hn-tool-shell.hn-convert-workspace .hn-mini-btn.is-active{color:var(--pct-red) !important;border-color:#FECACA !important;background:#FFF1F3 !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn.remove:hover{color:#DC2626 !important;background:#FEF2F2 !important;border-color:#FECACA !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{display:grid !important;place-items:center !important;text-align:center !important;cursor:pointer !important;border-style:dashed !important;border-color:#CBD5E1 !important;background:linear-gradient(180deg,#FFFFFF,#F8FAFC) !important;color:var(--pct-muted) !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card:hover,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card:hover{border-color:#93C5FD !important;background:#F8FBFF !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card .hn-workspace-add-icon,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card .hn-workspace-add-icon{width:54px !important;height:54px !important;margin:0 auto 10px !important;border-radius:18px !important;display:grid !important;place-items:center !important;background:#EFF6FF !important;border:1px solid #BFDBFE !important;color:var(--pct-blue) !important;font-size:26px !important;font-weight:950 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card strong,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card strong{display:block !important;color:var(--pct-navy) !important;font-size:13px !important;font-weight:950 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card span,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card span{display:block !important;color:var(--pct-muted) !important;font-size:11.5px !important;line-height:1.35 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-preview{grid-column:2 !important;grid-row:1 / span 2 !important;min-width:0 !important;min-height:0 !important;height:100% !important;margin:0 !important;padding:0 !important;border-radius:24px !important;overflow:hidden !important;display:grid !important;grid-template-rows:auto minmax(0,1fr) auto !important}.hn-workspace-preview-head{padding:16px 18px !important;border-bottom:1px solid #E5EAF3 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important}.hn-workspace-preview-head h3{margin:0 !important;color:var(--pct-navy) !important;font-size:15px !important;line-height:1.2 !important;font-weight:950 !important;letter-spacing:-.02em !important}.hn-workspace-preview-head p{margin:4px 0 0 !important;color:var(--pct-muted) !important;font-size:12px !important;line-height:1.35 !important}.hn-preview-pill{height:32px !important;padding:0 10px !important;border-radius:999px !important;background:#F8FAFC !important;border:1px solid #E2E8F0 !important;color:#475569 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:12px !important;font-weight:900 !important;white-space:nowrap !important}.hn-workspace-preview-body{min-width:0 !important;min-height:0 !important;padding:14px !important;display:grid !important;grid-template-columns:74px minmax(0,1fr) !important;gap:12px !important;overflow:hidden !important}.hn-preview-thumbs{min-height:0 !important;overflow:auto !important;display:flex !important;flex-direction:column !important;gap:10px !important;padding:2px !important}.hn-preview-thumb{min-height:78px !important;border-radius:16px !important;border:1px solid #E2E8F0 !important;background:#FFFFFF !important;color:#64748B !important;cursor:pointer !important;display:grid !important;place-items:center !important;font-size:12px !important;font-weight:900 !important;overflow:hidden !important}.hn-preview-thumb.is-active{border-color:#93C5FD !important;box-shadow:0 0 0 3px rgba(37,99,235,.13) !important;color:var(--pct-blue) !important}.hn-preview-stage{min-width:0 !important;min-height:0 !important;border-radius:22px !important;border:1px solid #E2E8F0 !important;background-color:#EEF2F7 !important;background-image:linear-gradient(45deg,rgba(255,255,255,.55) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.55) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.55) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.55) 75%) !important;background-size:18px 18px !important;background-position:0 0,0 9px,9px -9px,-9px 0px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:24px !important;overflow:hidden !important}.hn-preview-page{width:min(86%,310px) !important;max-height:92% !important;aspect-ratio:1 / 1.414 !important;border-radius:18px !important;background:#FFFFFF !important;border:1px solid #CBD5E1 !important;box-shadow:0 24px 65px rgba(15,23,42,.20) !important;display:grid !important;place-items:center !important;text-align:center !important;padding:24px !important;color:#94A3B8 !important;overflow:hidden !important}.hn-preview-page strong{display:block !important;color:var(--pct-navy) !important;font-size:16px !important;line-height:1.35 !important;overflow-wrap:anywhere !important}.hn-preview-page span{display:block !important;margin-top:8px !important;color:var(--pct-muted) !important;font-size:12px !important;line-height:1.4 !important}.hn-workspace-preview-actions{padding:12px 14px !important;border-top:1px solid #E5EAF3 !important;display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:8px !important;align-items:stretch !important}.hn-workspace-preview-actions .hn-preview-action-btn{width:100% !important;min-width:0 !important;min-height:54px !important;height:auto !important;padding:7px 4px !important;border-radius:14px !important;border:1px solid #E2E8F0 !important;background:#FFFFFF !important;color:#334155 !important;display:grid !important;grid-template-rows:20px auto !important;place-items:center !important;gap:4px !important;box-shadow:none !important;font-size:0 !important;line-height:1 !important;overflow:hidden !important}.hn-workspace-preview-actions .hn-preview-action-btn span{font-size:16px !important;font-weight:950 !important;line-height:1 !important}.hn-workspace-preview-actions .hn-preview-action-btn small{display:block !important;max-width:100% !important;color:#64748B !important;font-size:9.5px !important;line-height:1.1 !important;font-weight:800 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.hn-workspace-preview-actions .hn-preview-action-btn:hover,.hn-workspace-preview-actions .hn-preview-action-btn.is-active{color:var(--pct-red) !important;border-color:#FECACA !important;background:#FFF1F3 !important}.hn-tool-shell.hn-convert-workspace .hn-options-with-convert,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-3,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-4,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>div:not([data-hn-single-editor-content="1"]):not(.hn-file-summary):not(.hn-file-queue):not(.hn-result):not(.hn-progress):not(.hn-main-output-screen):not(.hn-workspace-preview):not(.hn-file-drop){grid-column:3 !important;grid-row:1 / span 1 !important;align-self:start !important;width:100% !important;max-width:none !important;margin:0 !important;padding:20px !important;border-radius:24px !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-options-with-convert,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel>.hn-row,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel>.hn-row-3,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel>.hn-row-4,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel>div:not(.hn-file-summary):not(.hn-file-queue):not(.hn-result):not(.hn-progress):not(.hn-main-output-screen):not(.hn-workspace-preview):not(.hn-file-drop){grid-column:2 !important}.hn-tool-shell.hn-convert-workspace .hn-options-with-convert,.hn-tool-shell.hn-convert-workspace .hn-row,.hn-tool-shell.hn-convert-workspace .hn-row-3,.hn-tool-shell.hn-convert-workspace .hn-row-4{display:grid !important;grid-template-columns:1fr !important;gap:14px !important}.hn-tool-shell.hn-convert-workspace .hn-options-with-convert::before,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row::before,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-3::before,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-row-4::before{content:"Conversion Settings" !important;display:block !important;margin:0 0 2px !important;color:var(--pct-navy) !important;font-size:16px !important;font-weight:950 !important;letter-spacing:-.025em !important}.hn-tool-shell.hn-convert-workspace .hn-field{margin:0 !important}.hn-tool-shell.hn-convert-workspace .hn-label{display:block !important;margin:0 0 7px !important;color:var(--pct-navy) !important;font-size:13px !important;font-weight:900 !important;line-height:1.2 !important}.hn-tool-shell.hn-convert-workspace .hn-input,.hn-tool-shell.hn-convert-workspace .hn-select,.hn-tool-shell.hn-convert-workspace .hn-number,.hn-tool-shell.hn-convert-workspace input,.hn-tool-shell.hn-convert-workspace select,.hn-tool-shell.hn-convert-workspace textarea{width:100% !important;min-height:46px !important;border-radius:14px !important;border:1px solid #D8E0EC !important;background:#FFFFFF !important;color:var(--pct-navy) !important;font-size:14px !important;box-shadow:0 6px 16px rgba(15,23,42,.035) !important}.hn-tool-shell.hn-convert-workspace .hn-help,.hn-tool-shell.hn-convert-workspace .hn-muted,.hn-tool-shell.hn-convert-workspace small{color:var(--pct-muted) !important}.hn-tool-shell.hn-convert-workspace .hn-convert,.hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-convert,.hn-tool-shell.hn-convert-workspace .hn-options-with-convert>.hn-convert{width:100% !important;min-height:56px !important;margin:4px 0 0 !important;padding:14px 18px !important;border:0 !important;border-radius:16px !important;background:linear-gradient(135deg,var(--pct-red),var(--pct-red-dark)) !important;color:#FFFFFF !important;font-size:15px !important;font-weight:950 !important;box-shadow:0 18px 36px rgba(225,29,46,.28) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}.hn-tool-shell.hn-convert-workspace .hn-convert:hover{transform:translateY(-2px) !important;box-shadow:0 22px 46px rgba(225,29,46,.35) !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-summary,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-queue,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-workspace-preview{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-drag-handle,.hn-tool-shell.hn-convert-workspace .hn-move-to-wrap,.hn-tool-shell.hn-convert-workspace .hn-reorder-help{display:none !important}@media (max-width:1500px){.hn-tool-shell.hn-convert-workspace{grid-template-columns:232px minmax(0,1fr) !important}.hn-workspace-tool-rail{width:232px !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel{grid-template-columns:minmax(420px,1fr) minmax(330px,390px) minmax(300px,340px) !important;gap:14px !important;padding:14px !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(158px,1fr)) !important}}@media (max-width:1220px){.hn-tool-shell.hn-convert-workspace{grid-template-columns:74px minmax(0,1fr) !important}.hn-workspace-tool-rail{width:74px !important;padding:12px 8px !important}.hn-rail-brand{justify-content:center !important;padding-left:0 !important;padding-right:0 !important}.hn-rail-brand strong,.hn-rail-text{display:none !important}.hn-rail-tool{grid-template-columns:1fr !important;justify-items:center !important;padding:10px 7px !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel{overflow:auto !important;grid-template-columns:minmax(0,1fr) minmax(310px,360px) !important;grid-template-rows:58px minmax(380px,auto) auto !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary,.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-column:1 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-preview{grid-column:1 !important;grid-row:3 !important;min-height:520px !important}}@media (max-width:760px){.hn-tool-shell.hn-convert-workspace{grid-template-columns:1fr !important;grid-template-rows:auto minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail{display:none !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar,.hn-tool-shell.hn-convert-workspace .hn-tool-panel{grid-column:1 !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar{height:auto !important;min-height:70px !important;padding:10px 12px !important}.hn-workspace-left::before{display:none !important}.hn-workspace-title{font-size:19px !important}.hn-workspace-status{display:none !important}.hn-workspace-actions{gap:7px !important}.hn-workspace-add,.hn-workspace-blank{min-height:38px !important;padding:0 10px !important;font-size:12px !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel{padding:12px !important;grid-template-columns:1fr !important;grid-template-rows:auto !important;overflow:auto !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-preview{min-height:460px !important}.hn-workspace-preview-body{grid-template-columns:62px minmax(0,1fr) !important}}body.hn-convert-workspace-open{overflow:hidden !important;background:#F6F8FC !important}.hn-tool-shell.hn-convert-workspace{--pct-red:#E11D2E;--pct-red-dark:#BE123C;--pct-navy:#0F172A;--pct-blue:#2563EB;--pct-muted:#64748B;--pct-line:#E2E8F0;--pct-panel:#FFFFFF;--pct-canvas:#F4F7FB;--pct-shadow-sm:0 8px 18px rgba(15,23,42,.055);--pct-shadow-md:0 18px 42px rgba(15,23,42,.08);grid-template-columns:258px minmax(0,1fr) !important;grid-template-rows:76px minmax(0,1fr) !important;background:#F6F8FC !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail,.hn-workspace-tool-rail{background:radial-gradient(circle at 18% 0%,rgba(225,29,46,.20),transparent 24%),radial-gradient(circle at 100% 18%,rgba(37,99,235,.16),transparent 28%),linear-gradient(180deg,#0F172A 0%,#111827 52%,#0B1120 100%) !important}.hn-rail-tool{min-height:56px !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar{height:76px !important;min-height:76px !important;padding:12px 24px !important;background:rgba(255,255,255,.96) !important;border-bottom:1px solid #E7ECF4 !important;box-shadow:0 8px 24px rgba(15,23,42,.035) !important}.hn-workspace-left::before{width:44px !important;height:44px !important;min-width:44px !important;border-radius:15px !important;background:linear-gradient(135deg,#FFF1F3,#FFFFFF) !important;border-color:#FECACA !important}.hn-workspace-title{font-size:clamp(23px,1.7vw,30px) !important;letter-spacing:-.05em !important}.hn-workspace-add,.hn-workspace-blank{border-color:#C7DBFF !important;color:#123A82 !important;box-shadow:0 8px 18px rgba(37,99,235,.055) !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel{grid-column:2 !important;grid-row:2 !important;display:grid !important;grid-template-columns:minmax(640px,1fr) minmax(320px,370px) !important;grid-template-rows:auto auto minmax(0,1fr) !important;gap:18px !important;padding:20px !important;width:100% !important;height:100% !important;min-height:0 !important;border:0 !important;border-radius:0 !important;overflow:hidden !important;background:radial-gradient(circle at 22% 0%,rgba(37,99,235,.075),transparent 34%),linear-gradient(180deg,#F7F9FD 0%,#EEF3FA 100%) !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel{grid-template-columns:minmax(0,1fr) minmax(320px,370px) !important;grid-template-rows:minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop{grid-column:1 !important;grid-row:1 !important;border-radius:26px !important;background:radial-gradient(circle at 50% 0%,rgba(37,99,235,.10),transparent 42%),#FFFFFF !important;box-shadow:var(--pct-shadow-md) !important}body .hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-workspace-settings-card{grid-column:2 !important;grid-row:1 / -1 !important;align-self:start !important;width:100% !important;min-width:0 !important;margin:0 !important;padding:0 !important;border-radius:24px !important;border:1px solid #E5EAF3 !important;background:rgba(255,255,255,.98) !important;box-shadow:var(--pct-shadow-md) !important;overflow:hidden !important;position:sticky !important;top:0 !important;z-index:2 !important}.hn-workspace-settings-head{padding:18px 20px 14px !important;border-bottom:1px solid #EEF2F7 !important;background:linear-gradient(180deg,#FFFFFF,#FBFCFF) !important}.hn-workspace-settings-head strong{display:block !important;color:var(--pct-navy) !important;font-size:17px !important;line-height:1.15 !important;font-weight:950 !important;letter-spacing:-.03em !important}.hn-workspace-settings-head span{display:block !important;margin-top:4px !important;color:var(--pct-muted) !important;font-size:12px !important;line-height:1.35 !important}.hn-workspace-settings-body{padding:18px 20px 20px !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-options-with-convert,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row-3,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row-4{display:grid !important;grid-template-columns:1fr !important;gap:16px !important;width:100% !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-options-with-convert::before,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row::before,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row-3::before,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row-4::before{content:none !important;display:none !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-field{margin:0 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-label{margin-bottom:8px !important;font-size:13px !important;font-weight:900 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card select,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card input,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card textarea{min-height:50px !important;border-radius:15px !important;border-color:#D6E0EE !important;box-shadow:none !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-convert,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-pdf-main-convert{width:100% !important;min-height:58px !important;margin:2px 0 0 !important;border-radius:17px !important;background:linear-gradient(135deg,var(--pct-red),var(--pct-red-dark)) !important;color:#FFFFFF !important;box-shadow:0 18px 36px rgba(225,29,46,.25) !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-compression-note,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card small,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-help{display:block !important;margin-top:6px !important;color:var(--pct-muted) !important;font-size:12px !important;line-height:1.35 !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary{grid-column:1 !important;grid-row:1 !important;height:auto !important;min-height:58px !important;margin:0 !important;padding:0 18px !important;border-radius:24px 24px 0 0 !important;border:1px solid #E5EAF3 !important;border-bottom:0 !important;background:#FFFFFF !important;box-shadow:var(--pct-shadow-sm) !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-column:1 !important;grid-row:2 !important;height:auto !important;min-height:262px !important;max-height:340px !important;width:100% !important;margin:0 !important;padding:18px !important;border-radius:0 0 24px 24px !important;border:1px solid #E5EAF3 !important;border-top:0 !important;background:#FFFFFF !important;box-shadow:var(--pct-shadow-sm) !important;overflow:auto !important;display:grid !important;grid-template-columns:repeat(auto-fill,minmax(190px,220px)) !important;justify-content:start !important;align-content:start !important;gap:16px !important}.hn-tool-shell.hn-convert-workspace .hn-file-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{min-height:220px !important;max-width:220px !important;padding:13px !important;border-radius:22px !important;border-color:#DDE7F3 !important;box-shadow:0 8px 18px rgba(15,23,42,.045) !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:132px !important;border-radius:18px !important;background:linear-gradient(180deg,#F8FAFC,#EEF4FF) !important}.hn-tool-shell.hn-convert-workspace .hn-file-name{margin-top:10px !important;font-size:13px !important}.hn-tool-shell.hn-convert-workspace .hn-file-meta{margin-top:5px !important;font-size:12px !important}.hn-tool-shell.hn-convert-workspace .hn-file-actions{top:10px !important;right:10px !important;display:flex !important;grid-template-columns:none !important;width:auto !important;max-width:calc(100% - 20px) !important;overflow:hidden !important}.hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected .hn-file-actions{opacity:1 !important;transform:translateY(0) !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;font-size:12px !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{border-style:dashed !important;background:linear-gradient(180deg,#FFFFFF,#F9FBFF) !important}body .hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-workspace-preview{grid-column:1 !important;grid-row:3 !important;width:100% !important;min-width:0 !important;min-height:0 !important;height:100% !important;margin:0 !important;border-radius:24px !important;border:1px solid #E5EAF3 !important;background:#FFFFFF !important;box-shadow:var(--pct-shadow-md) !important;overflow:hidden !important;display:grid !important;grid-template-rows:auto minmax(0,1fr) auto !important}.hn-workspace-preview-head{padding:16px 20px !important;background:linear-gradient(180deg,#FFFFFF,#FBFCFF) !important}.hn-workspace-preview-head h3{font-size:16px !important}.hn-workspace-preview-body{padding:16px !important;display:grid !important;grid-template-columns:92px minmax(0,1fr) !important;gap:16px !important;min-height:0 !important}.hn-preview-thumbs{padding:2px !important;gap:10px !important}.hn-preview-thumb{min-height:86px !important;border-radius:18px !important}.hn-preview-stage{min-height:0 !important;border-radius:22px !important}.hn-preview-page{max-width:min(360px,72%) !important;min-height:min(360px,72%) !important;padding:28px !important;border-radius:22px !important;box-shadow:0 18px 38px rgba(15,23,42,.12) !important}.hn-workspace-preview-actions{min-height:66px !important;padding:12px 16px !important;border-top:1px solid #EEF2F7 !important;background:#FBFCFF !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;flex-wrap:nowrap !important;overflow-x:auto !important}.hn-preview-action-btn{width:auto !important;min-width:92px !important;height:42px !important;padding:0 12px !important;border-radius:14px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;background:#FFFFFF !important;border:1px solid #E2E8F0 !important;color:#334155 !important;box-shadow:0 6px 14px rgba(15,23,42,.045) !important;font-weight:850 !important}.hn-preview-action-btn span{font-size:14px !important;line-height:1 !important}.hn-preview-action-btn small{margin:0 !important;display:inline !important;font-size:12px !important;color:inherit !important}.hn-preview-action-btn:hover{color:var(--pct-red) !important;border-color:#FECACA !important;background:#FFF5F6 !important}@media (max-width:1500px){.hn-tool-shell.hn-convert-workspace .hn-tool-panel,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel{grid-template-columns:minmax(560px,1fr) minmax(310px,350px) !important;grid-template-rows:auto auto minmax(0,1fr) !important;gap:16px !important;padding:16px !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(176px,210px)) !important}}@media (max-width:1220px){.hn-tool-shell.hn-convert-workspace{grid-template-columns:74px minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:auto auto auto auto !important;overflow:auto !important}body .hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-workspace-settings-card{position:static !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{max-height:none !important}body .hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-workspace-preview{min-height:540px !important}}@media (max-width:760px){.hn-tool-shell.hn-convert-workspace .hn-tool-panel,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel{padding:12px !important;grid-template-columns:1fr !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.hn-tool-shell.hn-convert-workspace .hn-file-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{max-width:none !important}.hn-workspace-preview-body{grid-template-columns:62px minmax(0,1fr) !important}.hn-preview-action-btn{min-width:78px !important}}body.hn-convert-workspace-open{overflow:hidden !important}body .hn-tool-shell.hn-convert-workspace{--pct-red:#E11D2E;--pct-red-dark:#B91525;--pct-navy:#0F172A;--pct-blue:#2563EB;--pct-muted:#64748B;--pct-line:#E5EAF3;--pct-panel:#FFFFFF;--pct-soft:#F8FAFC}.hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail{padding:22px 16px !important}.hn-tool-shell.hn-convert-workspace .hn-rail-brand{margin-bottom:18px !important}.hn-tool-shell.hn-convert-workspace .hn-rail-dashboard{display:flex !important;align-items:center !important;gap:12px !important;min-height:50px !important;margin:0 0 18px !important;padding:10px 12px !important;border-radius:16px !important;text-decoration:none !important;color:#E5E7EB !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.10) !important}.hn-tool-shell.hn-convert-workspace .hn-rail-dashboard:hover{background:rgba(255,255,255,.10) !important}.hn-tool-shell.hn-convert-workspace .hn-rail-dashboard-icon{width:32px !important;height:32px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:12px !important;background:rgba(255,255,255,.12) !important}.hn-tool-shell.hn-convert-workspace .hn-rail-dashboard strong,.hn-tool-shell.hn-convert-workspace .hn-rail-dashboard small{display:block !important}.hn-tool-shell.hn-convert-workspace .hn-rail-dashboard strong{font-size:13px !important;font-weight:900 !important}.hn-tool-shell.hn-convert-workspace .hn-rail-dashboard small{margin-top:2px !important;color:#94A3B8 !important;font-size:11px !important}.hn-tool-shell.hn-convert-workspace .hn-rail-list{display:block !important;overflow:auto !important;padding-right:2px !important}.hn-tool-shell.hn-convert-workspace .hn-rail-section{margin-top:18px !important}.hn-tool-shell.hn-convert-workspace .hn-rail-section:first-child{margin-top:0 !important}.hn-tool-shell.hn-convert-workspace .hn-rail-section-title{display:block !important;margin:0 0 9px 8px !important;color:#94A3B8 !important;font-size:10px !important;line-height:1 !important;font-weight:900 !important;letter-spacing:.08em !important}.hn-tool-shell.hn-convert-workspace .hn-rail-tool{margin-bottom:8px !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel{grid-template-columns:minmax(620px,1fr) minmax(340px,390px) !important;grid-template-rows:auto minmax(0,1fr) !important;gap:22px !important;padding:22px 24px 26px !important;align-items:start !important;background:radial-gradient(circle at 28% 0%,rgba(37,99,235,.08),transparent 36%),linear-gradient(180deg,#F8FAFC 0%,#EEF3FA 100%) !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel{grid-template-columns:minmax(0,1fr) minmax(340px,390px) !important;grid-template-rows:minmax(0,1fr) !important}body .hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-workspace-preview{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-bar{min-height:72px !important;padding:0 24px !important;border-bottom:1px solid #E5EAF3 !important;background:rgba(255,255,255,.96) !important;backdrop-filter:blur(10px) !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-left{gap:12px !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-reset{width:auto !important;min-width:96px !important;height:44px !important;padding:0 14px !important;border-radius:16px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;background:#FFFFFF !important;color:#0F172A !important;border:1px solid #D8E3F2 !important;box-shadow:0 8px 18px rgba(15,23,42,.06) !important;font-weight:900 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-reset span{font-size:16px !important;line-height:1 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-reset strong{font-size:13px !important;line-height:1 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-reset:hover{border-color:#BFDBFE !important;color:#2563EB !important;transform:translateY(-1px) !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary{grid-column:1 !important;grid-row:1 !important;min-height:60px !important;margin:0 !important;padding:0 20px !important;border-radius:22px !important;border:1px solid var(--pct-line) !important;background:rgba(255,255,255,.98) !important;box-shadow:0 14px 34px rgba(15,23,42,.06) !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-column:1 !important;grid-row:2 !important;height:auto !important;min-height:430px !important;max-height:calc(100vh - 210px) !important;padding:22px !important;border-radius:28px !important;border:1px solid var(--pct-line) !important;background:rgba(255,255,255,.98) !important;box-shadow:0 24px 54px rgba(15,23,42,.08) !important;overflow:auto !important;display:grid !important;grid-template-columns:repeat(auto-fill,minmax(210px,235px)) !important;justify-content:start !important;align-content:start !important;gap:18px !important}.hn-tool-shell.hn-convert-workspace .hn-reorder-help{grid-column:1 / -1 !important;padding:11px 14px !important;border-radius:16px !important;background:#F8FAFC !important;border:1px solid #E5EAF3 !important;color:#64748B !important;font-size:12px !important;font-weight:750 !important}.hn-tool-shell.hn-convert-workspace .hn-file-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{position:relative !important;min-height:236px !important;max-width:235px !important;padding:14px !important;border-radius:24px !important;border:1px solid #DDE7F3 !important;background:#FFFFFF !important;box-shadow:0 10px 24px rgba(15,23,42,.055) !important}.hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected{border-color:#9EC5FF !important;box-shadow:0 18px 34px rgba(37,99,235,.14) !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:142px !important;border-radius:20px !important;background:linear-gradient(180deg,#F8FAFC,#EEF4FF) !important}.hn-tool-shell.hn-convert-workspace .hn-file-order-badge{width:27px !important;height:27px !important;border-radius:999px !important;background:#0F172A !important;color:#FFFFFF !important;font-size:12px !important;box-shadow:0 8px 18px rgba(15,23,42,.18) !important}.hn-tool-shell.hn-convert-workspace .hn-file-name{margin-top:11px !important;color:#24324A !important;font-size:13px !important;font-weight:900 !important;line-height:1.25 !important}.hn-tool-shell.hn-convert-workspace .hn-file-meta{margin-top:6px !important;color:#64748B !important;font-size:12px !important;font-weight:650 !important}.hn-tool-shell.hn-convert-workspace .hn-file-actions{position:absolute !important;inset:12px !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:7px !important;width:auto !important;max-width:none !important;padding:10px !important;border-radius:18px !important;border:1px solid rgba(203,213,225,.9) !important;background:rgba(255,255,255,.96) !important;box-shadow:0 18px 38px rgba(15,23,42,.14) !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translateY(4px) !important;z-index:8 !important;overflow:hidden !important}.hn-tool-shell.hn-convert-workspace .hn-file-card:hover .hn-file-actions,.hn-tool-shell.hn-convert-workspace .hn-file-card:focus-within .hn-file-actions{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translateY(0) !important}.hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected .hn-file-actions{opacity:0 !important;visibility:hidden !important;pointer-events:none !important}.hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected:hover .hn-file-actions,.hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected:focus-within .hn-file-actions{opacity:1 !important;visibility:visible !important;pointer-events:auto !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn{width:auto !important;height:36px !important;min-width:0 !important;min-height:36px !important;padding:0 8px !important;border-radius:12px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;background:#F8FAFC !important;border:1px solid #E2E8F0 !important;color:#24324A !important;box-shadow:none !important;font-weight:850 !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn span{font-size:13px !important;line-height:1 !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn em{display:inline !important;font-style:normal !important;font-size:11px !important;line-height:1 !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn:hover{background:#EFF6FF !important;border-color:#BFDBFE !important;color:#2563EB !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn.remove:hover{background:#FFF1F2 !important;border-color:#FDA4AF !important;color:#E11D2E !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{border:1.5px dashed #C7D6EA !important;background:linear-gradient(180deg,#FFFFFF,#F8FBFF) !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card:hover,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card:hover{border-color:#93C5FD !important;background:#F8FBFF !important;box-shadow:0 18px 34px rgba(37,99,235,.10) !important}body .hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-workspace-settings-card{grid-column:2 !important;grid-row:1 / span 2 !important;position:sticky !important;top:0 !important;align-self:start !important;width:100% !important;margin:0 !important;padding:0 !important;border-radius:28px !important;border:1px solid var(--pct-line) !important;background:rgba(255,255,255,.98) !important;box-shadow:0 24px 54px rgba(15,23,42,.09) !important;overflow:hidden !important}.hn-workspace-settings-head{min-height:82px !important;padding:20px 22px !important;display:flex !important;align-items:center !important;gap:14px !important;border-bottom:1px solid #EEF2F7 !important;background:radial-gradient(circle at 100% 0%,rgba(225,29,46,.09),transparent 36%),linear-gradient(180deg,#FFFFFF,#FBFCFF) !important}.hn-workspace-settings-head .hn-settings-icon{width:42px !important;height:42px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 auto !important;border-radius:16px !important;color:#E11D2E !important;background:#FFF1F2 !important;border:1px solid #FFE1E5 !important;box-shadow:0 12px 24px rgba(225,29,46,.10) !important}.hn-workspace-settings-head strong{display:block !important;color:#0F172A !important;font-size:20px !important;line-height:1.08 !important;font-weight:950 !important;letter-spacing:-.035em !important}.hn-workspace-settings-head span:not(.hn-settings-icon){display:block !important;margin-top:5px !important;color:#64748B !important;font-size:12px !important;line-height:1.35 !important;font-weight:650 !important}.hn-workspace-settings-body{padding:22px !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-options-with-convert,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row-3,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row-4{display:grid !important;grid-template-columns:1fr !important;gap:18px !important;width:100% !important;margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-field{position:relative !important;margin:0 !important;padding:15px !important;border-radius:18px !important;background:#F8FAFC !important;border:1px solid #E8EEF7 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-label{margin:0 0 9px !important;color:#0F172A !important;font-size:12px !important;font-weight:950 !important;letter-spacing:-.01em !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card select,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card input,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card textarea{width:100% !important;min-height:52px !important;border-radius:16px !important;border:1px solid #D5E0EE !important;background:#FFFFFF !important;color:#0F172A !important;box-shadow:0 8px 18px rgba(15,23,42,.04) !important;font-weight:750 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card select:focus,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card input:focus,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card textarea:focus{border-color:#2563EB !important;box-shadow:0 0 0 4px rgba(37,99,235,.12) !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-compression-note,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card small,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-help{margin-top:8px !important;color:#64748B !important;font-size:12px !important;line-height:1.35 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-convert,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-pdf-main-convert{width:100% !important;min-height:60px !important;margin-top:4px !important;border:0 !important;border-radius:18px !important;background:linear-gradient(135deg,#E11D2E 0%,#C9182A 100%) !important;color:#FFFFFF !important;box-shadow:0 20px 42px rgba(225,29,46,.27) !important;font-size:15px !important;font-weight:950 !important;letter-spacing:-.01em !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-convert:hover,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-pdf-main-convert:hover{transform:translateY(-1px) !important;box-shadow:0 24px 50px rgba(225,29,46,.32) !important}.hn-workspace-result-overlay{position:fixed !important;inset:0 !important;z-index:999999 !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:28px !important;background:rgba(15,23,42,.54) !important;backdrop-filter:blur(10px) !important;opacity:0 !important;pointer-events:none !important;transition:opacity .18s ease !important}.hn-workspace-result-overlay.is-open{opacity:1 !important;pointer-events:auto !important}.hn-workspace-result-dialog{width:min(1120px,100%) !important;max-height:min(780px,calc(100vh - 56px)) !important;border-radius:30px !important;background:#FFFFFF !important;border:1px solid rgba(255,255,255,.6) !important;box-shadow:0 40px 100px rgba(0,0,0,.28) !important;display:grid !important;grid-template-rows:auto minmax(0,1fr) !important;overflow:hidden !important;transform:translateY(8px) scale(.985) !important;transition:transform .18s ease !important}.hn-workspace-result-overlay.is-open .hn-workspace-result-dialog{transform:translateY(0) scale(1) !important}.hn-workspace-result-head{min-height:82px !important;padding:20px 24px !important;display:flex !important;align-items:center !important;gap:14px !important;border-bottom:1px solid #EEF2F7 !important;background:radial-gradient(circle at 0% 0%,rgba(37,99,235,.10),transparent 32%),linear-gradient(180deg,#FFFFFF,#FBFCFF) !important}.hn-result-status-icon{width:44px !important;height:44px !important;border-radius:16px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:#ECFDF5 !important;border:1px solid #BBF7D0 !important;color:#16A34A !important;font-size:22px !important;font-weight:950 !important;box-shadow:0 12px 24px rgba(22,163,74,.12) !important}.hn-workspace-result-head strong{display:block !important;color:#0F172A !important;font-size:22px !important;line-height:1.1 !important;font-weight:950 !important;letter-spacing:-.035em !important}.hn-workspace-result-head span{display:block !important;margin-top:4px !important;color:#64748B !important;font-size:13px !important;font-weight:650 !important}.hn-output-modal-close{margin-left:auto !important;width:44px !important;height:44px !important;border-radius:15px !important;border:1px solid #E2E8F0 !important;background:#FFFFFF !important;color:#0F172A !important;font-size:24px !important;line-height:1 !important;cursor:pointer !important}.hn-output-modal-close:hover{color:#E11D2E !important;border-color:#FDA4AF !important;background:#FFF1F2 !important}.hn-workspace-result-content{min-height:0 !important;overflow:auto !important;padding:24px !important;background:linear-gradient(180deg,#F8FAFC,#EEF3FA) !important}.hn-workspace-result-content .hn-workspace-output-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr)) !important;gap:16px !important}.hn-workspace-result-content .hn-workspace-output-card{border-radius:20px !important;border:1px solid #E5EAF3 !important;background:#FFFFFF !important;box-shadow:0 10px 24px rgba(15,23,42,.06) !important}@media (max-width:1220px){.hn-tool-shell.hn-convert-workspace .hn-tool-panel,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:auto auto auto !important;overflow:auto !important}body .hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-workspace-settings-card,.hn-tool-shell.hn-convert-workspace .hn-file-summary,.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-column:1 !important;grid-row:auto !important;position:static !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{max-height:none !important}}@media (max-width:760px){.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:1fr !important}.hn-tool-shell.hn-convert-workspace .hn-file-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{max-width:none !important}.hn-workspace-result-overlay{padding:12px !important}.hn-workspace-result-dialog{border-radius:22px !important}}body .hn-tool-shell.hn-convert-workspace{--pct-red:#E11D2E;--pct-red-dark:#B91525;--pct-navy:#0F172A;--pct-blue:#2563EB;--pct-muted:#64748B;--pct-line:#E2E8F0;--pct-card:#FFFFFF;--pct-soft:#F8FAFC;--pct-canvas:#F4F7FB;grid-template-columns:258px minmax(0,1fr) !important;grid-template-rows:76px minmax(0,1fr) !important;background:#F6F8FC !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail{padding:24px 18px !important}.hn-tool-shell.hn-convert-workspace .hn-rail-brand{margin-bottom:28px !important;padding-bottom:22px !important}.hn-tool-shell.hn-convert-workspace .hn-rail-dashboard{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-rail-section{margin:0 0 26px !important}.hn-tool-shell.hn-convert-workspace .hn-rail-section:last-child{margin-bottom:0 !important}.hn-tool-shell.hn-convert-workspace .hn-rail-section-title{display:block !important;margin:0 0 12px 6px !important;color:#94A3B8 !important;font-size:11px !important;line-height:1 !important;font-weight:900 !important;letter-spacing:.075em !important}.hn-tool-shell.hn-convert-workspace .hn-rail-tool{min-height:52px !important;margin-bottom:7px !important;border-radius:14px !important}.hn-tool-shell.hn-convert-workspace .hn-rail-all-tools{margin-top:-8px !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar{height:76px !important;min-height:76px !important;padding:12px 28px !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-actions{gap:12px !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-reset{width:auto !important;min-width:98px !important;height:44px !important;min-height:44px !important;padding:0 14px !important;border-radius:14px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;background:#FFFFFF !important;border:1px solid #D8E3F2 !important;color:#0F172A !important;box-shadow:0 8px 18px rgba(15,23,42,.055) !important;font-weight:900 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-reset span,.hn-tool-shell.hn-convert-workspace .hn-workspace-reset strong{display:inline !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-reset:hover{color:#2563EB !important;background:#F8FAFC !important;border-color:#BFDBFE !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel{grid-template-columns:minmax(620px,1fr) minmax(405px,445px) !important;grid-template-rows:auto minmax(0,1fr) !important;gap:28px !important;padding:28px 30px 32px !important;align-items:start !important;background:radial-gradient(circle at 28% 0%,rgba(37,99,235,.075),transparent 36%),linear-gradient(180deg,#F8FAFC 0%,#EEF3FA 100%) !important}.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel{grid-template-columns:minmax(0,1fr) minmax(405px,445px) !important;grid-template-rows:minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary{grid-column:1 !important;grid-row:1 !important;min-height:66px !important;padding:0 28px !important;border-radius:26px 26px 0 0 !important;border:1px solid #E5EAF3 !important;border-bottom:0 !important;background:#FFFFFF !important;box-shadow:0 14px 34px rgba(15,23,42,.055) !important}.hn-tool-shell.hn-convert-workspace .hn-file-summary strong{color:#0F172A !important;font-size:15px !important;font-weight:950 !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-column:1 !important;grid-row:2 !important;min-height:450px !important;max-height:calc(100vh - 228px) !important;padding:32px !important;border-radius:0 0 26px 26px !important;border:1px solid #E5EAF3 !important;border-top:0 !important;background:#FFFFFF !important;box-shadow:0 22px 52px rgba(15,23,42,.075) !important;overflow:auto !important;display:grid !important;grid-template-columns:repeat(auto-fill,minmax(235px,260px)) !important;justify-content:start !important;align-content:start !important;gap:24px !important}.hn-tool-shell.hn-convert-workspace .hn-file-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{max-width:260px !important;min-height:300px !important;padding:16px 16px 64px !important;border-radius:24px !important;border:1px solid #DDE7F3 !important;background:#FFFFFF !important;box-shadow:0 10px 24px rgba(15,23,42,.06) !important;overflow:visible !important}.hn-tool-shell.hn-convert-workspace .hn-file-card:hover,.hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected{border-color:#93C5FD !important;box-shadow:0 0 0 3px rgba(37,99,235,.11),0 18px 38px rgba(15,23,42,.10) !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:154px !important;border-radius:20px !important;background:linear-gradient(180deg,#F8FAFC,#EEF4FF) !important}.hn-tool-shell.hn-convert-workspace .hn-file-name{margin-top:13px !important;color:#23324A !important;font-size:14px !important;line-height:1.28 !important;font-weight:900 !important}.hn-tool-shell.hn-convert-workspace .hn-file-meta{margin-top:7px !important;color:#64748B !important;font-size:12.5px !important;font-weight:650 !important}.hn-tool-shell.hn-convert-workspace .hn-file-actions{position:static !important;inset:auto !important;display:block !important;width:auto !important;max-width:none !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;overflow:visible !important;z-index:8 !important}.hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected .hn-file-actions,.hn-tool-shell.hn-convert-workspace .hn-file-card:hover .hn-file-actions,.hn-tool-shell.hn-convert-workspace .hn-file-card:focus-within .hn-file-actions{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important}.hn-tool-shell.hn-convert-workspace .hn-card-preview-btn{position:absolute !important;top:14px !important;right:14px !important;width:46px !important;height:46px !important;min-width:46px !important;min-height:46px !important;border-radius:17px !important;border:1px solid #D8E3F2 !important;background:rgba(255,255,255,.96) !important;color:#0F172A !important;box-shadow:0 12px 24px rgba(15,23,42,.10) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;z-index:12 !important}.hn-tool-shell.hn-convert-workspace .hn-card-preview-btn span{font-size:21px !important;line-height:1 !important}.hn-tool-shell.hn-convert-workspace .hn-card-preview-btn em{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-card-preview-btn:hover{border-color:#93C5FD !important;color:#2563EB !important;background:#EFF6FF !important}.hn-tool-shell.hn-convert-workspace .hn-card-bottom-actions{position:absolute !important;left:16px !important;right:16px !important;bottom:14px !important;min-height:44px !important;display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:8px !important;padding-top:12px !important;border-top:1px solid #EEF2F7 !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn:not(.hn-card-preview-btn){width:100% !important;height:40px !important;min-width:0 !important;min-height:40px !important;padding:0 !important;border-radius:13px !important;border:1px solid #D8E3F2 !important;background:#FFFFFF !important;color:#0F172A !important;box-shadow:0 8px 16px rgba(15,23,42,.05) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn:not(.hn-card-preview-btn) span{font-size:17px !important;line-height:1 !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn:not(.hn-card-preview-btn) em{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn:not(.hn-card-preview-btn):hover,.hn-tool-shell.hn-convert-workspace .hn-mini-btn.is-active:not(.hn-card-preview-btn){border-color:#93C5FD !important;color:#2563EB !important;background:#EFF6FF !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn.remove:not(.hn-card-preview-btn):hover{border-color:#FDA4AF !important;color:#E11D2E !important;background:#FFF1F2 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{padding-bottom:16px !important;display:grid !important;place-items:center !important;text-align:center !important;border:1.8px dashed #BFDBFE !important;background:linear-gradient(180deg,#FFFFFF,#F8FBFF) !important}body .hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-workspace-settings-card{grid-column:2 !important;grid-row:1 / span 2 !important;width:100% !important;max-width:445px !important;padding:0 !important;border-radius:18px !important;border:1px solid #E2E8F0 !important;background:#FFFFFF !important;box-shadow:0 18px 42px rgba(15,23,42,.08) !important;overflow:hidden !important;position:sticky !important;top:0 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-head{min-height:78px !important;padding:18px 22px !important;display:grid !important;grid-template-columns:34px minmax(0,1fr) auto !important;align-items:center !important;gap:12px !important;border-bottom:0 !important;background:#FFFFFF !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-head .hn-settings-icon{width:32px !important;height:32px !important;border:0 !important;background:transparent !important;color:#2563EB !important;box-shadow:none !important;font-size:22px !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-head strong{color:#0F172A !important;font-size:18px !important;font-weight:950 !important;line-height:1.1 !important;letter-spacing:-.025em !important}.hn-tool-shell.hn-convert-workspace .hn-save-preset{min-height:34px !important;padding:0 13px !important;border-radius:9px !important;border:1px solid #E2E8F0 !important;background:#FFFFFF !important;color:#0F172A !important;font-size:12px !important;font-weight:850 !important;cursor:pointer !important;box-shadow:0 8px 16px rgba(15,23,42,.04) !important}.hn-tool-shell.hn-convert-workspace .hn-save-preset:hover{border-color:#BFDBFE !important;color:#2563EB !important;background:#F8FAFC !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-body{padding:0 22px 22px !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-options-with-convert,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row-3,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row-4{display:grid !important;grid-template-columns:1fr !important;gap:22px !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-field{padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;margin:0 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-label{display:block !important;margin:0 0 10px !important;color:#0F172A !important;font-size:13px !important;line-height:1.2 !important;font-weight:900 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card select,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card input:not([type="radio"]):not([type="checkbox"]),.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card textarea{width:100% !important;min-height:48px !important;border-radius:10px !important;border:1px solid #CBD5E1 !important;background:#FFFFFF !important;color:#0F172A !important;font-size:14px !important;font-weight:650 !important;box-shadow:none !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card select:focus,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card input:not([type="radio"]):not([type="checkbox"]):focus,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card textarea:focus{outline:none !important;border-color:#2563EB !important;box-shadow:0 0 0 3px rgba(37,99,235,.13) !important}.hn-tool-shell.hn-convert-workspace .hn-settings-divider{padding-top:22px !important;border-top:1px solid #E2E8F0 !important;display:grid !important;gap:16px !important}.hn-tool-shell.hn-convert-workspace .hn-settings-divider>strong{display:block !important;color:#0F172A !important;font-size:14px !important;line-height:1.2 !important;font-weight:950 !important}.hn-tool-shell.hn-convert-workspace .hn-radio-row{display:grid !important;grid-template-columns:18px minmax(0,1fr) !important;align-items:center !important;gap:10px !important;color:#24324A !important;font-size:14px !important;line-height:1.25 !important}.hn-tool-shell.hn-convert-workspace .hn-radio-row-custom{grid-template-columns:18px 104px minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace .hn-radio-row input[type="radio"]{width:16px !important;height:16px !important;min-height:16px !important;accent-color:#2563EB !important}.hn-tool-shell.hn-convert-workspace .hn-range-input{min-height:38px !important;height:38px !important;padding:8px 12px !important;border-radius:8px !important}.hn-tool-shell.hn-convert-workspace .hn-toggle-row{display:grid !important;grid-template-columns:minmax(0,1fr) 42px !important;align-items:center !important;gap:12px !important;color:#24324A !important;font-size:14px !important;line-height:1.3 !important}.hn-tool-shell.hn-convert-workspace .hn-toggle-row input{position:absolute !important;opacity:0 !important;pointer-events:none !important}.hn-tool-shell.hn-convert-workspace .hn-toggle-row i{position:relative !important;width:42px !important;height:24px !important;border-radius:999px !important;background:#CBD5E1 !important;transition:background .16s ease !important}.hn-tool-shell.hn-convert-workspace .hn-toggle-row i::after{content:"" !important;position:absolute !important;top:3px !important;left:3px !important;width:18px !important;height:18px !important;border-radius:999px !important;background:#FFFFFF !important;box-shadow:0 2px 6px rgba(15,23,42,.18) !important;transition:transform .16s ease !important}.hn-tool-shell.hn-convert-workspace .hn-toggle-row input:checked + i{background:#2563EB !important}.hn-tool-shell.hn-convert-workspace .hn-toggle-row input:checked + i::after{transform:translateX(18px) !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-compression-note,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card small,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-help{margin-top:8px !important;color:#64748B !important;font-size:12px !important;line-height:1.35 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-pct-settings-convert,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-convert,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-pdf-main-convert{width:100% !important;min-height:58px !important;margin:0 !important;border-radius:10px !important;border:0 !important;background:linear-gradient(135deg,#FF1733 0%,#E11D2E 100%) !important;color:#FFFFFF !important;font-size:16px !important;font-weight:950 !important;box-shadow:0 18px 36px rgba(225,29,46,.25) !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-pct-settings-convert:hover,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-convert:hover,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-pdf-main-convert:hover{transform:translateY(-1px) !important;box-shadow:0 22px 42px rgba(225,29,46,.32) !important}.hn-tool-shell.hn-convert-workspace .hn-settings-secure-note{display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;color:#64748B !important;font-size:13px !important;line-height:1.2 !important;margin:-2px 0 0 !important}.hn-tool-shell.hn-convert-workspace .hn-settings-secure-note span{color:#94A3B8 !important}@media (max-width:1440px){body .hn-tool-shell.hn-convert-workspace{grid-template-columns:240px minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail{width:240px !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel{grid-template-columns:minmax(520px,1fr) minmax(380px,420px) !important;padding:24px !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(220px,245px)) !important;padding:28px !important}}@media (max-width:1220px){body .hn-tool-shell.hn-convert-workspace{grid-template-columns:74px minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail{width:74px !important;padding:12px 8px !important}.hn-tool-shell.hn-convert-workspace .hn-rail-section-title,.hn-tool-shell.hn-convert-workspace .hn-rail-brand strong,.hn-tool-shell.hn-convert-workspace .hn-rail-text{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-rail-brand{justify-content:center !important;padding:0 0 14px !important}.hn-tool-shell.hn-convert-workspace .hn-rail-tool{grid-template-columns:1fr !important;justify-items:center !important}.hn-tool-shell.hn-convert-workspace .hn-tool-panel,.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel,.hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-tool-panel{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:auto auto auto !important;overflow:auto !important}body .hn-tool-shell.hn-convert-workspace .hn-tool-panel>.hn-workspace-settings-card,.hn-tool-shell.hn-convert-workspace .hn-file-summary,.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-column:1 !important;grid-row:auto !important;position:static !important;max-width:none !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{max-height:none !important}}@media (max-width:760px){.hn-tool-shell.hn-convert-workspace>.hn-workspace-bar{padding:10px 12px !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank,.hn-tool-shell.hn-convert-workspace .hn-workspace-reset{min-width:0 !important;padding:0 10px !important;font-size:12px !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-reset strong{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:1fr !important;padding:18px !important}.hn-tool-shell.hn-convert-workspace .hn-file-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{max-width:none !important}.hn-tool-shell.hn-convert-workspace .hn-radio-row-custom{grid-template-columns:18px minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace .hn-radio-row-custom .hn-range-input{grid-column:2 !important}}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-settings-divider-extra,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-toggle-row{display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-options-with-convert,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row-3,body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row-4{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:22px !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-field{width:100% !important;max-width:none !important;display:block !important;grid-column:1 / -1 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-field + .hn-field{margin-top:0 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-settings-divider-page{order:50 !important;margin-top:2px !important;padding-top:22px !important;border-top:1px solid #E2E8F0 !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-pct-settings-convert,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-convert,.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-pdf-main-convert{order:80 !important;margin-top:2px !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-settings-secure-note{order:90 !important}.hn-tool-shell.hn-convert-workspace .hn-radio-row-custom{grid-template-columns:18px 110px minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace .hn-range-input{min-width:0 !important}@media (max-width:760px){.hn-tool-shell.hn-convert-workspace .hn-radio-row-custom{grid-template-columns:18px minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace .hn-radio-row-custom .hn-range-input{grid-column:2 !important}}body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-top{margin:0 0 20px !important;padding-bottom:16px !important;border-bottom:1px solid #EEF2F7 !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-top strong{font-size:22px !important;font-weight:950 !important;letter-spacing:-.035em !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(190px,230px)) !important;gap:18px !important;justify-content:start !important;align-items:start !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-card{border-radius:22px !important;border:1px solid #E5EAF3 !important;background:#FFFFFF !important;box-shadow:0 12px 28px rgba(15,23,42,.07) !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-preview{height:220px !important;border-radius:18px !important;background:#EEF4FF !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-card-actions .hn-btn{border-radius:14px !important;font-weight:850 !important}body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card .hn-btn:not(.light),body .hn-tool-shell.hn-convert-workspace .hn-download-all{background:#2563EB !important;color:#FFFFFF !important;box-shadow:0 14px 28px rgba(37,99,235,.20) !important}body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card .hn-btn.light{background:#FFFFFF !important;border:1px solid #E2E8F0 !important;color:#0F172A !important;box-shadow:none !important}@media (max-width:1180px){}@media (max-width:760px){body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-grid{grid-template-columns:1fr !important}}.hn-workspace-switch-loader{position:fixed !important;top:74px !important;right:0 !important;bottom:0 !important;left:252px !important;z-index:2147483002 !important;visibility:visible !important;display:block !important;background:transparent !important;color:#0F172A !important;pointer-events:all !important}.hn-workspace-switch-loader *{visibility:visible !important;box-sizing:border-box !important}.hn-workspace-switch-rail{display:none !important}.hn-workspace-switch-card{position:absolute !important;top:98px !important;left:50% !important;transform:translateX(-50%) !important;width:min(380px,calc(100vw - 320px)) !important;min-height:84px !important;border:1px solid rgba(219,229,243,.95) !important;border-radius:22px !important;background:rgba(255,255,255,.96) !important;padding:18px 22px !important;box-shadow:0 22px 60px rgba(15,23,42,.16) !important;text-align:left !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;display:flex !important;align-items:center !important;gap:14px !important;backdrop-filter:blur(8px) !important;animation:hnWorkspaceLoaderFloat .22s ease-out both !important}.hn-workspace-switch-spinner{width:34px !important;height:34px !important;border-radius:999px !important;flex:0 0 auto !important;border:3px solid #DBEAFE !important;border-top-color:#E11D2E !important;border-right-color:#2563EB !important;animation:hnWorkspaceSpinner .82s linear infinite !important}.hn-workspace-switch-copy{min-width:0 !important;display:block !important}.hn-workspace-switch-card strong{display:block !important;font-size:17px !important;line-height:1.2 !important;margin:0 0 5px !important;color:#0F172A !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.hn-workspace-switch-card small{color:#64748B !important;font-size:13px !important;line-height:1.35 !important}@keyframes hnWorkspaceSpinner{to{transform:rotate(360deg)}}@keyframes hnWorkspaceLoaderFloat{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}@media (max-width:900px){.hn-workspace-switch-loader{left:0 !important;top:70px !important}.hn-workspace-switch-card{top:84px !important;width:min(360px,calc(100vw - 32px)) !important}}body .hn-workspace-switch-loader{left:252px !important;right:430px !important;top:74px !important;bottom:auto !important;height:230px !important;background:transparent !important;pointer-events:none !important}body .hn-workspace-switch-card{top:92px !important;left:50% !important;transform:translateX(-50%) !important;width:min(380px,calc(100vw - 720px)) !important;pointer-events:auto !important}@media (max-width:1280px){body .hn-workspace-switch-loader{right:24px !important}body .hn-workspace-switch-card{width:min(360px,calc(100vw - 330px)) !important}}@media (max-width:900px){body .hn-workspace-switch-loader{left:0 !important;right:0 !important;top:70px !important}body .hn-workspace-switch-card{top:84px !important;width:min(360px,calc(100vw - 32px)) !important}}.hn-tool-assets-loading .hn-convert{opacity:.65;pointer-events:none}.hn-tool-assets-loading .hn-convert::after{content:" · preparing";font-weight:600}.hn-tool-shell.hn-convert-workspace .hn-tool-panel.hn-tiff-converter>.hn-tiff-range-field{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(220px,250px)) !important;gap:22px !important;padding:24px !important}.hn-tool-shell.hn-convert-workspace .hn-file-card{min-height:330px !important;padding:14px 14px 76px !important;overflow:visible !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:170px !important;margin-bottom:12px !important}.hn-tool-shell.hn-convert-workspace .hn-file-name{margin-top:0 !important;padding-right:0 !important;white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;min-height:36px !important}.hn-tool-shell.hn-convert-workspace .hn-file-meta{display:block !important;margin-top:6px !important;min-height:18px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.hn-tool-shell.hn-convert-workspace .hn-card-preview-btn{top:14px !important;right:14px !important}.hn-tool-shell.hn-convert-workspace .hn-card-bottom-actions{left:14px !important;right:14px !important;bottom:14px !important}.hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,.hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{min-height:330px !important}.hn-tool-shell.hn-convert-workspace .hn-settings-divider .hn-range-note{display:block !important;margin-top:10px !important}@media (max-width:1280px){.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(200px,1fr)) !important}}.hn-tool-shell.hn-convert-workspace{grid-template-columns:232px minmax(0,1fr) !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail,.hn-workspace-tool-rail{width:232px !important;padding:16px 12px !important}.hn-rail-brand{padding-left:6px !important;padding-right:6px !important}.hn-rail-brand strong{font-size:15px !important}.hn-rail-tool{grid-template-columns:30px minmax(0,1fr) !important;gap:8px !important;padding:9px 8px !important;border-radius:13px !important}.hn-rail-icon{width:30px !important;height:30px !important;border-radius:10px !important;font-size:15px !important}.hn-rail-text strong{font-size:12px !important}.hn-rail-text small{font-size:10.5px !important;-webkit-line-clamp:2 !important}.hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode){grid-template-columns:minmax(0,1fr) minmax(318px,380px) !important;gap:18px !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(152px,178px)) !important;gap:18px !important;padding:20px !important;align-content:start !important}.hn-tool-shell.hn-convert-workspace .hn-file-card{min-height:255px !important;max-width:178px !important;padding:10px !important;border-radius:18px !important;overflow:visible !important;display:grid !important;grid-template-rows:118px auto auto 1fr !important;gap:7px !important;background:#fff !important}.hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected{border-color:#93c5fd !important;box-shadow:0 18px 42px rgba(37,99,235,.16) !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:118px !important;border-radius:15px !important;border:1px solid #e2e8f0 !important;background:linear-gradient(135deg,#f8fbff,#eaf2ff) !important}.hn-tool-shell.hn-convert-workspace .hn-file-thumb img{width:100% !important;height:100% !important;object-fit:contain !important;background:#fff !important}.hn-tool-shell.hn-convert-workspace .hn-file-icon{width:48px !important;height:48px !important;border-radius:15px !important;background:#ffffff !important;color:#64748b !important;box-shadow:0 10px 22px rgba(15,23,42,.08) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:25px !important}.hn-tool-shell.hn-convert-workspace .hn-file-name{display:block !important;min-height:34px !important;max-height:38px !important;overflow:hidden !important;color:#0f172a !important;font-size:12.4px !important;line-height:1.28 !important;font-weight:850 !important;word-break:break-word !important}.hn-tool-shell.hn-convert-workspace .hn-file-meta{display:block !important;min-height:16px !important;color:#64748b !important;font-size:11.3px !important;line-height:1.25 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.hn-tool-shell.hn-convert-workspace .hn-file-order-badge{top:-10px !important;left:-8px !important;width:28px !important;height:28px !important;border-radius:50% !important;background:#0f172a !important;color:#fff !important;font-size:12px !important;font-weight:900 !important;border:2px solid #fff !important;box-shadow:0 8px 18px rgba(15,23,42,.22) !important;z-index:3 !important}.hn-tool-shell.hn-convert-workspace .hn-file-actions{position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;pointer-events:auto !important;display:block !important;width:100% !important;margin-top:4px !important}.hn-tool-shell.hn-convert-workspace .hn-card-preview-btn{position:absolute !important;top:107px !important;right:10px !important;width:36px !important;height:36px !important;border-radius:12px !important;background:#ffffff !important;border:1px solid #bfdbfe !important;color:#2563eb !important;box-shadow:0 10px 24px rgba(37,99,235,.16) !important;z-index:4 !important}.hn-tool-shell.hn-convert-workspace .hn-card-preview-btn em{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-card-preview-btn span{font-size:17px !important}.hn-tool-shell.hn-convert-workspace .hn-card-bottom-actions{display:grid !important;grid-template-columns:repeat(6,1fr) !important;gap:5px !important;padding:8px !important;border:1px solid #e5eaf3 !important;border-radius:14px !important;background:#f8fafc !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn{width:100% !important;min-width:0 !important;height:30px !important;padding:0 !important;border-radius:10px !important;border:1px solid #dbe3ef !important;background:#ffffff !important;color:#0f172a !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-shadow:none !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn:hover{color:#1d4ed8 !important;border-color:#93c5fd !important;background:#eff6ff !important;transform:translateY(-1px) !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn.remove{color:#e11d2e !important;border-color:#fecdd3 !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn.remove:hover{background:#fff1f2 !important;border-color:#fb7185 !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn em{display:none !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn span{font-size:15px !important;line-height:1 !important}.hn-tool-shell.hn-convert-workspace .hn-mini-btn.drag{cursor:grab !important;color:#64748b !important}.hn-tool-shell.hn-convert-workspace .hn-reorder-help,.hn-tool-shell.hn-convert-workspace .hn-move-to-wrap,.hn-tool-shell.hn-convert-workspace .hn-drag-handle{display:none !important}.hn-workspace-add-card,.hn-workspace-blank-card{max-width:178px !important;min-height:255px !important;border-radius:18px !important}.hn-workspace-add-card>div,.hn-workspace-blank-card>div{gap:6px !important}.hn-workspace-add-icon{width:48px !important;height:48px !important;border-radius:15px !important}.hn-file-preview-overlay{position:fixed !important;inset:0 !important;z-index:999999 !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:28px !important;background:rgba(15,23,42,.58) !important;backdrop-filter:blur(8px) !important}.hn-file-preview-dialog{width:min(980px,94vw) !important;height:min(760px,88vh) !important;display:grid !important;grid-template-rows:auto 1fr !important;border-radius:24px !important;background:#ffffff !important;overflow:hidden !important;box-shadow:0 35px 90px rgba(15,23,42,.35) !important;border:1px solid rgba(226,232,240,.9) !important}.hn-file-preview-head{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:16px !important;padding:18px 20px !important;border-bottom:1px solid #e5eaf3 !important;background:linear-gradient(135deg,#ffffff,#f8fbff) !important}.hn-file-preview-head strong{display:block !important;font-size:18px !important;color:#0f172a !important}.hn-file-preview-head span{display:block !important;margin-top:4px !important;color:#64748b !important;font-size:13px !important}.hn-file-preview-close{width:42px !important;height:42px !important;border-radius:14px !important;border:1px solid #dbe3ef !important;background:#fff !important;color:#0f172a !important;font-size:24px !important;font-weight:800 !important;cursor:pointer !important}.hn-file-preview-close:hover{background:#fff1f2 !important;color:#e11d2e !important;border-color:#fecdd3 !important}.hn-file-preview-body{min-height:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:20px !important;background:#eef4ff !important}.hn-file-preview-body img,.hn-file-preview-body iframe{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;object-fit:contain !important;border:0 !important;border-radius:18px !important;background:#fff !important;box-shadow:0 12px 30px rgba(15,23,42,.12) !important}.hn-file-preview-placeholder{width:min(420px,80vw) !important;min-height:280px !important;border-radius:22px !important;border:1px dashed #bfdbfe !important;background:#fff !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:10px !important;color:#0f172a !important}.hn-file-preview-placeholder span{font-size:54px !important}.hn-file-preview-placeholder small{color:#64748b !important}@media (max-width:920px){.hn-tool-shell.hn-convert-workspace{grid-template-columns:1fr !important}.hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail{width:72px !important}.hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) !important}}body .hn-tool-shell.hn-convert-workspace{grid-template-columns:218px minmax(0,1fr) !important}body .hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail,body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail,body .hn-workspace-tool-rail{width:218px !important;min-width:218px !important;max-width:218px !important;padding:16px 12px !important;overflow-y:auto !important;overflow-x:hidden !important;scrollbar-width:thin !important;scrollbar-color:rgba(148,163,184,.38) transparent !important}body .hn-workspace-tool-rail::-webkit-scrollbar{width:6px !important}body .hn-workspace-tool-rail::-webkit-scrollbar-track{background:transparent !important}body .hn-workspace-tool-rail::-webkit-scrollbar-thumb{background:rgba(148,163,184,.34) !important;border-radius:999px !important}body .hn-tool-shell.hn-convert-workspace .hn-rail-brand strong{font-size:14px !important}body .hn-tool-shell.hn-convert-workspace .hn-rail-tool{min-height:48px !important;padding:8px 7px !important}body .hn-tool-shell.hn-convert-workspace .hn-rail-text small{font-size:10px !important;line-height:1.2 !important}body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode){padding:22px 24px !important;gap:18px !important;grid-template-columns:minmax(0,1fr) minmax(318px,378px) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-summary{border-radius:20px 20px 0 0 !important;padding:15px 24px !important;background:rgba(255,255,255,.96) !important;border:1px solid rgba(226,232,240,.95) !important;border-bottom:0 !important;margin:0 !important;box-shadow:0 14px 34px rgba(15,23,42,.045) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(164px,184px)) !important;gap:20px !important;padding:24px 26px 30px !important;margin:0 !important;min-height:calc(100vh - 205px) !important;align-content:start !important;align-items:start !important;background:rgba(255,255,255,.98) !important;border:1px solid rgba(226,232,240,.95) !important;border-top:0 !important;border-radius:0 0 24px 24px !important;box-shadow:0 20px 50px rgba(15,23,42,.065) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card{width:100% !important;max-width:184px !important;min-height:238px !important;padding:10px !important;border-radius:18px !important;border:1px solid #DDE7F5 !important;background:#fff !important;box-shadow:0 12px 28px rgba(15,23,42,.07) !important;overflow:hidden !important;display:grid !important;grid-template-rows:104px minmax(36px,auto) 18px 40px !important;gap:8px !important;position:relative !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card:hover{transform:translateY(-2px) !important;border-color:#B7CDF7 !important;box-shadow:0 18px 36px rgba(37,99,235,.13) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected{border-color:#93C5FD !important;box-shadow:0 18px 38px rgba(37,99,235,.15) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:104px !important;min-height:104px !important;border-radius:14px !important;border:1px solid #E4ECF8 !important;background:linear-gradient(135deg,#F8FBFF,#EAF2FF) !important;overflow:hidden !important}body .hn-tool-shell.hn-convert-workspace .hn-file-thumb img{object-fit:contain !important;padding:6px !important;background:#fff !important}body .hn-tool-shell.hn-convert-workspace .hn-file-icon{width:42px !important;height:42px !important;border-radius:14px !important;font-size:22px !important;background:#fff !important;color:#64748B !important;box-shadow:0 8px 18px rgba(15,23,42,.08) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-order-badge{top:10px !important;left:10px !important;width:26px !important;height:26px !important;border-radius:999px !important;border:2px solid #fff !important;background:#0F172A !important;color:#fff !important;box-shadow:0 8px 18px rgba(15,23,42,.18) !important;z-index:6 !important}body .hn-tool-shell.hn-convert-workspace .hn-card-preview-btn{top:74px !important;right:16px !important;width:34px !important;height:34px !important;border-radius:12px !important;background:#fff !important;border:1px solid #BFDBFE !important;color:#2563EB !important;box-shadow:0 10px 22px rgba(37,99,235,.15) !important;z-index:7 !important}body .hn-tool-shell.hn-convert-workspace .hn-file-name{min-height:0 !important;max-height:38px !important;margin:0 !important;padding:0 1px !important;color:#172033 !important;font-size:12.2px !important;line-height:1.28 !important;font-weight:850 !important;overflow:hidden !important;word-break:break-word !important}body .hn-tool-shell.hn-convert-workspace .hn-file-meta{margin:0 !important;padding:0 1px !important;color:#64748B !important;font-size:11px !important;line-height:1.25 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}body .hn-tool-shell.hn-convert-workspace .hn-file-actions{position:static !important;display:block !important;width:100% !important;margin:0 !important;opacity:1 !important;visibility:visible !important;transform:none !important}body .hn-tool-shell.hn-convert-workspace .hn-card-bottom-actions{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:6px !important;height:40px !important;padding:5px !important;border-radius:13px !important;background:#F8FAFC !important;border:1px solid #E4ECF8 !important}body .hn-tool-shell.hn-convert-workspace .hn-card-bottom-actions .move-left,body .hn-tool-shell.hn-convert-workspace .hn-card-bottom-actions .move-right{display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-mini-btn{height:28px !important;min-height:28px !important;width:100% !important;padding:0 !important;border-radius:9px !important;border:1px solid #D9E3F2 !important;background:#fff !important;color:#0F172A !important;box-shadow:none !important}body .hn-tool-shell.hn-convert-workspace .hn-mini-btn span{font-size:14px !important;line-height:1 !important}body .hn-tool-shell.hn-convert-workspace .hn-mini-btn em{display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-mini-btn:hover{background:#EFF6FF !important;border-color:#93C5FD !important;color:#1D4ED8 !important}body .hn-tool-shell.hn-convert-workspace .hn-mini-btn.remove{color:#E11D2E !important;border-color:#FECACA !important}body .hn-tool-shell.hn-convert-workspace .hn-mini-btn.remove:hover{background:#FFF1F2 !important;border-color:#FB7185 !important}body .hn-workspace-add-card,body .hn-workspace-blank-card{max-width:184px !important;min-height:238px !important;border-radius:18px !important;align-self:start !important}body .hn-workspace-add-card>div,body .hn-workspace-blank-card>div{gap:7px !important}body .hn-workspace-add-icon{width:44px !important;height:44px !important;border-radius:14px !important}@media (max-width:980px){body .hn-tool-shell.hn-convert-workspace{grid-template-columns:72px minmax(0,1fr) !important}body .hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail,body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail,body .hn-workspace-tool-rail{width:72px !important;min-width:72px !important;max-width:72px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(154px,1fr)) !important;padding:18px !important}}body .hn-tool-shell.hn-convert-workspace{grid-template-columns:220px minmax(0,1fr) !important}body .hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail,body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail,body .hn-workspace-tool-rail{width:220px !important;min-width:220px !important;max-width:220px !important;padding:14px 10px 18px !important}body .hn-tool-shell.hn-convert-workspace .hn-rail-brand{padding:6px 8px 16px !important;margin-bottom:10px !important}body .hn-tool-shell.hn-convert-workspace .hn-rail-tool{min-height:50px !important;padding:10px 9px !important;border-radius:14px !important}body .hn-tool-shell.hn-convert-workspace .hn-rail-text strong{font-size:12.5px !important}body .hn-tool-shell.hn-convert-workspace .hn-rail-text small{font-size:10.5px !important;line-height:1.28 !important}body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode){padding:18px 20px 20px 16px !important;gap:18px !important;grid-template-columns:minmax(0,1fr) minmax(320px,380px) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-summary{padding:16px 22px !important;border-radius:22px 22px 0 0 !important}body .hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(188px,196px)) !important;gap:20px !important;padding:28px !important;min-height:calc(100vh - 210px) !important;border-radius:0 0 24px 24px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{width:100% !important;max-width:none !important;min-height:252px !important;border-radius:20px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card{display:grid !important;grid-template-rows:118px minmax(34px,auto) minmax(26px,auto) 44px !important;gap:10px !important;padding:12px !important;border:1px solid #dbe4f2 !important;box-shadow:0 12px 28px rgba(15,23,42,.07) !important;position:relative !important;overflow:visible !important;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card::before{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}body .hn-tool-shell.hn-convert-workspace .hn-file-card:hover{transform:translateY(-2px) !important;border-color:#bfd2f7 !important;box-shadow:0 18px 36px rgba(37,99,235,.13) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected{border-color:#8eb8ff !important;outline:2px solid rgba(96,165,250,.35) !important;outline-offset:0 !important;box-shadow:0 18px 40px rgba(37,99,235,.16) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:118px !important;min-height:118px !important;border-radius:16px !important;border:1px solid #e5edf7 !important;background:linear-gradient(135deg,#f8fbff 0%,#e8f1ff 100%) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-thumb img{width:100% !important;height:100% !important;object-fit:contain !important;padding:10px !important;background:transparent !important}body .hn-tool-shell.hn-convert-workspace .hn-file-order-badge{top:11px !important;left:11px !important;width:28px !important;height:28px !important;border-radius:999px !important;background:#0f172a !important;color:#ffffff !important;border:2px solid #ffffff !important;box-shadow:0 10px 24px rgba(15,23,42,.18) !important}body .hn-tool-shell.hn-convert-workspace .hn-card-preview-btn{position:absolute !important;top:93px !important;right:18px !important;width:36px !important;height:36px !important;min-height:36px !important;border-radius:12px !important;border:1px solid #bfdbfe !important;background:#ffffff !important;color:#2563eb !important;box-shadow:0 10px 22px rgba(37,99,235,.16) !important;z-index:8 !important}body .hn-tool-shell.hn-convert-workspace .hn-card-preview-btn span{font-size:16px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-name{margin:0 !important;min-height:34px !important;max-height:36px !important;color:#172033 !important;font-size:13px !important;font-weight:800 !important;line-height:1.28 !important;overflow:hidden !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important}body .hn-tool-shell.hn-convert-workspace .hn-file-meta{margin:0 !important;color:#64748b !important;font-size:11.5px !important;line-height:1.32 !important;white-space:normal !important;overflow:hidden !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important}body .hn-tool-shell.hn-convert-workspace .hn-file-actions{margin:0 !important;width:100% !important;display:block !important;opacity:1 !important;visibility:visible !important}body .hn-tool-shell.hn-convert-workspace .hn-card-bottom-actions{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:7px !important;height:44px !important;padding:6px !important;border-radius:14px !important;border:1px solid #e4ecf8 !important;background:#f8fbff !important}body .hn-tool-shell.hn-convert-workspace .hn-card-bottom-actions .move-left,body .hn-tool-shell.hn-convert-workspace .hn-card-bottom-actions .move-right{display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-card-bottom-actions .drag{order:1}body .hn-tool-shell.hn-convert-workspace .hn-card-bottom-actions .rotate{order:2}body .hn-tool-shell.hn-convert-workspace .hn-card-bottom-actions .duplicate{order:3}body .hn-tool-shell.hn-convert-workspace .hn-card-bottom-actions .remove{order:4}body .hn-tool-shell.hn-convert-workspace .hn-mini-btn:not(.hn-card-preview-btn){height:30px !important;min-height:30px !important;border-radius:10px !important;border:1px solid #d9e3f2 !important;background:#ffffff !important;color:#0f172a !important;box-shadow:none !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}body .hn-tool-shell.hn-convert-workspace .hn-mini-btn:not(.hn-card-preview-btn) span{font-size:14px !important}body .hn-tool-shell.hn-convert-workspace .hn-mini-btn:not(.hn-card-preview-btn) em{display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-mini-btn:not(.hn-card-preview-btn):hover{background:#eff6ff !important;border-color:#93c5fd !important;color:#1d4ed8 !important}body .hn-tool-shell.hn-convert-workspace .hn-mini-btn.remove:not(.hn-card-preview-btn){color:#dc2626 !important;border-color:#fecaca !important}body .hn-tool-shell.hn-convert-workspace .hn-mini-btn.remove:not(.hn-card-preview-btn):hover{background:#fff1f2 !important;border-color:#fb7185 !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{padding:18px !important;border:1.5px dashed #bfdbfe !important;background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%) !important;box-shadow:0 10px 26px rgba(15,23,42,.05) !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card:hover,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card:hover{border-color:#60a5fa !important;background:#f8fbff !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card>div,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card>div{gap:8px !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card strong,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card strong{font-size:14px !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card span,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card span{font-size:12px !important;line-height:1.35 !important}@media (max-width:1200px){body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode){grid-template-columns:minmax(0,1fr) minmax(300px,340px) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(176px,1fr)) !important}}@media (max-width:980px){body .hn-tool-shell.hn-convert-workspace{grid-template-columns:76px minmax(0,1fr) !important}body .hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail,body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail,body .hn-workspace-tool-rail{width:76px !important;min-width:76px !important;max-width:76px !important;padding:14px 8px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(164px,1fr)) !important;padding:18px !important}}body .hn-tool-shell.hn-convert-workspace{grid-template-columns:220px minmax(0,1fr) !important}body .hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail,body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail,body .hn-workspace-tool-rail{width:220px !important;min-width:220px !important;max-width:220px !important;overflow-x:hidden !important}body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode){padding:18px 20px 20px 16px !important;gap:18px !important;grid-template-columns:minmax(0,1fr) minmax(320px,380px) !important;background:transparent !important}body .hn-tool-shell.hn-convert-workspace .hn-file-summary{margin:0 !important;padding:16px 22px !important;border-radius:22px 22px 0 0 !important;border:1px solid rgba(226,232,240,.95) !important;border-bottom:0 !important;background:rgba(255,255,255,.97) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(214px,214px)) !important;gap:22px !important;padding:28px !important;margin:0 !important;min-height:calc(100vh - 210px) !important;align-content:start !important;align-items:start !important;border:1px solid rgba(226,232,240,.95) !important;border-top:0 !important;border-radius:0 0 24px 24px !important;background:rgba(255,255,255,.98) !important;box-shadow:0 20px 50px rgba(15,23,42,.065) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card{width:214px !important;max-width:214px !important;min-height:288px !important;padding:12px !important;border-radius:20px !important;border:1px solid #dbe4f2 !important;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;box-shadow:0 12px 28px rgba(15,23,42,.07) !important;position:relative !important;overflow:hidden !important;display:grid !important;grid-template-rows:124px minmax(36px,auto) minmax(26px,auto) 58px !important;gap:10px !important;cursor:grab !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card:hover{transform:translateY(-2px) !important;border-color:#b7cdf7 !important;box-shadow:0 18px 36px rgba(37,99,235,.13) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.is-selected{border-color:#93c5fd !important;outline:2px solid rgba(147,197,253,.45) !important;outline-offset:0 !important;box-shadow:0 18px 40px rgba(37,99,235,.16) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:124px !important;min-height:124px !important;border-radius:16px !important;border:1px solid #e5edf7 !important;background:linear-gradient(135deg,#f8fbff 0%,#eaf2ff 100%) !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important}body .hn-tool-shell.hn-convert-workspace .hn-file-thumb img{width:100% !important;height:100% !important;object-fit:contain !important;padding:10px !important;background:transparent !important}body .hn-tool-shell.hn-convert-workspace .hn-doc-icon{width:52px !important;height:52px !important;border-radius:16px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;color:#64748b !important;background:#ffffff !important;box-shadow:0 10px 24px rgba(15,23,42,.08) !important}body .hn-tool-shell.hn-convert-workspace .hn-doc-icon svg{width:30px !important;height:30px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-order-badge{top:10px !important;left:10px !important;width:28px !important;height:28px !important;border-radius:999px !important;border:2px solid #ffffff !important;background:#0f172a !important;color:#ffffff !important;font-size:13px !important;font-weight:900 !important;box-shadow:0 10px 22px rgba(15,23,42,.20) !important;z-index:5 !important}body .hn-tool-shell.hn-convert-workspace .hn-file-name{margin:0 !important;padding:0 2px !important;min-height:36px !important;max-height:38px !important;color:#172033 !important;font-size:13px !important;line-height:1.28 !important;font-weight:850 !important;overflow:hidden !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;word-break:break-word !important}body .hn-tool-shell.hn-convert-workspace .hn-file-meta{margin:0 !important;padding:0 2px !important;color:#64748b !important;font-size:11.4px !important;line-height:1.3 !important;overflow:hidden !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important}body .hn-tool-shell.hn-convert-workspace .hn-file-actions.hn-card-actions-pro{display:block !important;width:100% !important;height:58px !important;margin:0 !important;padding:0 !important;opacity:1 !important;visibility:visible !important;transform:none !important;position:static !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action{appearance:none !important;-webkit-appearance:none !important;border:0 !important;background:transparent !important;box-shadow:none !important;width:auto !important;min-width:0 !important;height:auto !important;min-height:0 !important;padding:0 !important;margin:0 !important;color:#334155 !important;font-family:inherit !important;cursor:pointer !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:4px !important;padding:6px !important;border-radius:15px !important;border:1px solid #e4ecf8 !important;background:#f8fbff !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action{display:inline-flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:3px !important;min-height:44px !important;border-radius:11px !important;transition:background .14s ease,color .14s ease,transform .14s ease !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action svg{width:16px !important;height:16px !important;display:block !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action span{display:block !important;font-size:8.8px !important;line-height:1 !important;font-weight:750 !important;letter-spacing:-.01em !important;white-space:nowrap !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action:hover{background:#eff6ff !important;color:#1d4ed8 !important;transform:translateY(-1px) !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action.remove{color:#e11d2e !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action.remove:hover{background:#fff1f2 !important;color:#be123c !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{width:214px !important;max-width:214px !important;min-height:288px !important;padding:18px !important;border-radius:20px !important;border:1.5px dashed #bfdbfe !important;background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%) !important;box-shadow:0 10px 26px rgba(15,23,42,.05) !important;align-self:start !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card:hover,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card:hover{border-color:#60a5fa !important;background:#f8fbff !important;transform:translateY(-2px) !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card>div,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card>div{gap:8px !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-icon{width:48px !important;height:48px !important;border-radius:16px !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card strong,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card strong{font-size:14px !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card span,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card span{font-size:12px !important;line-height:1.35 !important}@media (max-width:1200px){body .hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(198px,1fr)) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{width:100% !important;max-width:214px !important}}@media (max-width:980px){body .hn-tool-shell.hn-convert-workspace{grid-template-columns:76px minmax(0,1fr) !important}body .hn-tool-shell.hn-convert-workspace>.hn-workspace-tool-rail,body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail,body .hn-workspace-tool-rail{width:76px !important;min-width:76px !important;max-width:76px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(174px,1fr)) !important;padding:18px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{width:100% !important;max-width:none !important}}body .hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(230px,244px)) !important;gap:22px !important;padding:28px 30px 34px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{width:100% !important;max-width:244px !important;min-height:292px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card{grid-template-rows:136px minmax(38px,auto) minmax(24px,auto) 58px !important;gap:11px !important;padding:13px !important;border-radius:21px !important;overflow:visible !important}body .hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:136px !important;min-height:136px !important;border-radius:17px !important}body .hn-tool-shell.hn-convert-workspace .hn-doc-icon{width:58px !important;height:58px !important;border-radius:18px !important}body .hn-tool-shell.hn-convert-workspace .hn-doc-icon svg{width:34px !important;height:34px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-name{font-size:13.4px !important;line-height:1.28 !important;max-height:40px !important;min-height:38px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-meta{font-size:11.8px !important;line-height:1.35 !important;color:#64748b !important}body .hn-tool-shell.hn-convert-workspace .hn-file-actions.hn-card-actions-pro{position:static !important;height:58px !important;display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:7px !important;padding:7px !important;margin:0 !important;border-radius:16px !important;border:1px solid #e4ecf8 !important;background:#f8fbff !important;opacity:1 !important;visibility:visible !important;transform:none !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action.preview{position:absolute !important;top:102px !important;right:22px !important;width:40px !important;height:40px !important;min-height:40px !important;padding:0 !important;border-radius:14px !important;border:1px solid #bfdbfe !important;background:#ffffff !important;color:#2563eb !important;box-shadow:0 12px 24px rgba(37,99,235,.18) !important;z-index:8 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action.preview svg{width:19px !important;height:19px !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action.preview span{display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action:not(.preview){min-height:42px !important;height:42px !important;padding:0 !important;border-radius:12px !important;border:1px solid #d9e3f2 !important;background:#ffffff !important;color:#0f172a !important;box-shadow:none !important;display:inline-flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:3px !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action:not(.preview) svg{width:16px !important;height:16px !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action:not(.preview) span{display:block !important;font-size:9.6px !important;line-height:1 !important;font-weight:760 !important;letter-spacing:-.01em !important;white-space:nowrap !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action:not(.preview):hover{background:#eff6ff !important;color:#1d4ed8 !important;border-color:#93c5fd !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action.remove:not(.preview){color:#e11d2e !important;border-color:#fecaca !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action.remove:not(.preview):hover{background:#fff1f2 !important;color:#be123c !important;border-color:#fb7185 !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{min-height:292px !important;padding:20px !important;border-radius:21px !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-icon{width:54px !important;height:54px !important;border-radius:18px !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card strong,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card strong{font-size:15px !important}@media (max-width:1200px){body .hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(214px,1fr)) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{max-width:none !important}}body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode){padding:18px 20px 22px 18px !important;gap:18px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-summary{margin:0 !important;border-radius:22px 22px 0 0 !important;padding:16px 24px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(206px,218px)) !important;gap:24px !important;padding:28px 28px 34px !important;align-items:start !important;align-content:start !important;justify-content:start !important;border-radius:0 0 24px 24px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{width:100% !important;max-width:218px !important;min-height:274px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card{grid-template-rows:128px minmax(36px,auto) minmax(24px,auto) 54px !important;gap:10px !important;padding:13px !important;border-radius:20px !important;position:relative !important;overflow:visible !important;background:#ffffff !important;border:1px solid #dbe7f5 !important}body .hn-tool-shell.hn-convert-workspace .hn-file-thumb{height:128px !important;min-height:128px !important;border-radius:16px !important;background:linear-gradient(135deg,#f8fbff 0%,#eaf2ff 100%) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-thumb img{object-fit:contain !important;padding:8px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-order-badge{top:11px !important;left:11px !important;width:28px !important;height:28px !important;z-index:7 !important}body .hn-tool-shell.hn-convert-workspace .hn-card-preview-pro{position:absolute !important;top:104px !important;right:18px !important;width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important;padding:0 !important;border-radius:14px !important;border:1px solid #bfdbfe !important;background:#ffffff !important;color:#2563eb !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 12px 24px rgba(37,99,235,.18) !important;cursor:pointer !important;z-index:10 !important}body .hn-tool-shell.hn-convert-workspace .hn-card-preview-pro svg{width:18px !important;height:18px !important}body .hn-tool-shell.hn-convert-workspace .hn-card-preview-pro:hover{background:#eff6ff !important;border-color:#60a5fa !important;transform:translateY(-1px) !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action.preview,body .hn-tool-shell.hn-convert-workspace .hn-card-preview-btn{display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-name{font-size:13px !important;line-height:1.28 !important;min-height:34px !important;max-height:36px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-meta{font-size:11.6px !important;line-height:1.35 !important}body .hn-tool-shell.hn-convert-workspace .hn-file-actions.hn-card-actions-pro{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;height:54px !important;padding:6px !important;gap:6px !important;border-radius:15px !important;background:#f8fbff !important;border:1px solid #e4ecf8 !important;position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action:not(.preview){min-height:40px !important;height:40px !important;padding:0 !important;border-radius:12px !important;border:1px solid #d9e3f2 !important;background:#ffffff !important;color:#0f172a !important;box-shadow:none !important;display:inline-flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:3px !important;cursor:pointer !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action:not(.preview) svg{width:15px !important;height:15px !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action:not(.preview) span{font-size:9.4px !important;line-height:1 !important;font-weight:760 !important;white-space:nowrap !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action.drag{cursor:grab !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action.drag:active{cursor:grabbing !important}body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action.remove:not(.preview){color:#e11d2e !important;border-color:#fecaca !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{min-height:274px !important;padding:18px !important;border-radius:20px !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-icon{width:50px !important;height:50px !important;border-radius:17px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging{opacity:1 !important;transform:none !important;background:transparent !important;border:2px dashed #93c5fd !important;box-shadow:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging>*,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging>*{visibility:hidden !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging::after,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging::after{content:"Moving";position:absolute;inset:12px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#2563eb;font-size:12px;font-weight:800;background:rgba(239,246,255,.55);visibility:visible !important}body .hn-tool-shell.hn-convert-workspace .hn-drop-placeholder{width:100% !important;max-width:218px !important;min-height:274px !important;border-radius:20px !important;border:2px dashed #2563eb !important;background:rgba(239,246,255,.55) !important;box-shadow:none !important}body .hn-tool-shell.hn-convert-workspace .hn-drop-placeholder span{color:#2563eb !important;font-size:12px !important;font-weight:800 !important}body .hn-custom-drag-preview,body .hn-custom-drag-preview *{opacity:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important}@media (max-width:1200px){body .hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(194px,1fr)) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{max-width:none !important}}body .hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(196px,208px)) !important;gap:26px !important;padding:30px 34px 36px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{max-width:208px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card{overflow:visible !important;position:relative !important}body .hn-tool-shell.hn-convert-workspace .hn-card-preview-pro{display:inline-flex !important;position:absolute !important;top:16px !important;right:16px !important;width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important;padding:0 !important;margin:0 !important;border-radius:14px !important;border:1px solid #bfdbfe !important;background:rgba(255,255,255,.96) !important;color:#2563eb !important;align-items:center !important;justify-content:center !important;box-shadow:0 10px 22px rgba(37,99,235,.16) !important;cursor:pointer !important;z-index:50 !important;pointer-events:auto !important}body .hn-tool-shell.hn-convert-workspace .hn-card-preview-pro svg{width:18px !important;height:18px !important;pointer-events:none !important}body .hn-tool-shell.hn-convert-workspace .hn-card-preview-pro:hover{background:#eff6ff !important;border-color:#60a5fa !important;color:#1d4ed8 !important;transform:translateY(-1px) !important}body .hn-tool-shell.hn-convert-workspace .hn-drop-placeholder{display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging{opacity:.36 !important;transform:scale(.985) !important;background:#ffffff !important;border:1px solid #dbe7f5 !important;box-shadow:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging>*,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging>*{visibility:visible !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging::after,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging::after{content:none !important;display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-before::before,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-after::after{content:"" !important;position:absolute !important;top:-8px !important;bottom:-8px !important;width:4px !important;border-radius:999px !important;background:#2563eb !important;box-shadow:0 0 0 4px rgba(37,99,235,.12) !important;z-index:60 !important;pointer-events:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-before::before{left:-15px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-after::after{right:-15px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-target{border-color:#93c5fd !important}@media (max-width:1200px){body .hn-tool-shell.hn-convert-workspace .hn-file-queue{grid-template-columns:repeat(auto-fill,minmax(186px,1fr)) !important;padding:24px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-add-card,body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank-card{max-width:none !important}}.hn-file-preview-overlay{opacity:0 !important;transition:opacity .14s ease !important}.hn-file-preview-overlay.is-open{opacity:1 !important}.hn-file-preview-dialog{transform:translateY(10px) scale(.985) !important;transition:transform .16s ease !important}.hn-file-preview-overlay.is-open .hn-file-preview-dialog{transform:translateY(0) scale(1) !important}body .hn-tool-shell.hn-convert-workspace .hn-card-preview-pro{position:absolute !important;top:12px !important;right:12px !important;z-index:35 !important}body .hn-tool-shell.hn-convert-workspace .hn-file-thumb{cursor:zoom-in !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card{position:relative !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging{opacity:.88 !important;transform:none !important;box-shadow:0 8px 18px rgba(15,23,42,.08) !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging>*,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging>*{visibility:visible !important}.hn-custom-drag-preview{opacity:.98 !important;transform:rotate(1deg) !important;border-radius:18px !important;overflow:hidden !important;background:#fff !important;border:1px solid #d8e3f4 !important;box-shadow:0 22px 50px rgba(15,23,42,.22) !important}.hn-custom-drag-preview .hn-card-actions-pro,.hn-custom-drag-preview .hn-card-preview-pro,.hn-custom-drag-preview .hn-file-order-badge{display:none !important}.hn-custom-drag-preview .hn-file-thumb{height:110px !important}.hn-custom-drag-preview .hn-file-name,.hn-custom-drag-preview .hn-file-meta{padding-inline:12px !important}body .hn-file-preview-overlay,body .hn-standalone-preview-overlay{position:fixed !important;inset:0 !important;z-index:2147483000 !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:28px !important;background:rgba(15,23,42,.62) !important;backdrop-filter:blur(8px) !important;opacity:0 !important;visibility:visible !important;pointer-events:auto !important;transition:opacity .14s ease !important}body .hn-file-preview-overlay.is-open,body .hn-standalone-preview-overlay.is-open{opacity:1 !important}body .hn-file-preview-dialog{width:min(1040px,94vw) !important;height:min(780px,88vh) !important;z-index:2147483001 !important}body .hn-file-preview-body img,body .hn-file-preview-body iframe{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:contain !important}body .hn-preview-cloned-thumb{width:min(760px,84vw) !important;height:min(560px,72vh) !important;display:flex !important;align-items:center !important;justify-content:center !important;background:#fff !important}body .hn-preview-cloned-thumb img{object-fit:contain !important;width:100% !important;height:100% !important}body .hn-tool-shell.hn-convert-workspace .hn-card-preview-pro{position:absolute !important;top:14px !important;right:14px !important;z-index:60 !important;width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;cursor:zoom-in !important;pointer-events:auto !important}body .hn-tool-shell.hn-convert-workspace .hn-file-thumb{cursor:zoom-in !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging{opacity:.28 !important;transform:none !important;background:transparent !important;border:1.5px dashed #9ec5ff !important;box-shadow:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging>*,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging>*{visibility:hidden !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging::after,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging::after{content:none !important;display:none !important}body .hn-custom-drag-preview{opacity:.98 !important;visibility:visible !important;display:grid !important;background:#ffffff !important;border:1px solid #d8e3f4 !important;border-radius:18px !important;box-shadow:0 24px 55px rgba(15,23,42,.26) !important;overflow:hidden !important;pointer-events:none !important}body .hn-custom-drag-preview *{opacity:1 !important;visibility:visible !important}body .hn-custom-drag-preview .hn-card-actions-pro,body .hn-custom-drag-preview .hn-card-preview-pro,body .hn-custom-drag-preview .hn-file-order-badge{display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-before::before,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-after::after{content:"" !important;position:absolute !important;top:-10px !important;bottom:-10px !important;width:4px !important;border-radius:999px !important;background:#2563eb !important;box-shadow:0 0 0 5px rgba(37,99,235,.12) !important;z-index:80 !important;pointer-events:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-before::before{left:-12px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-after::after{right:-12px !important}body .hn-file-preview-overlay{z-index:2147483647 !important;padding:18px !important}body .hn-file-preview-dialog{width:min(1260px,96vw) !important;height:min(840px,92vh) !important;border-radius:24px !important}body .hn-file-preview-head{padding:16px 20px !important}body .hn-file-preview-body{padding:14px !important}body .hn-file-preview-body iframe{width:100% !important;height:100% !important;min-height:640px !important;background:#fff !important}body .hn-file-preview-body img{object-fit:contain !important;background:#fff !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging{opacity:.08 !important;transform:none !important;background:transparent !important;border:1px dashed rgba(147,197,253,.38) !important;box-shadow:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging>*,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging>*{visibility:hidden !important}body .hn-custom-drag-preview{display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-before::before,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-after::after{content:"" !important;position:absolute !important;top:8px !important;bottom:8px !important;width:5px !important;border-radius:999px !important;background:#2563eb !important;box-shadow:0 0 0 5px rgba(37,99,235,.14) !important;z-index:70 !important;pointer-events:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-before::before{left:-14px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-after::after{right:-14px !important}body .hn-file-preview-overlay{z-index:2147483647 !important;padding:14px !important}body .hn-file-preview-dialog{width:min(1400px,98vw) !important;height:min(900px,94vh) !important}body .hn-file-preview-body{padding:10px !important}body .hn-file-preview-body iframe{width:100% !important;height:100% !important;min-height:700px !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging{opacity:.10 !important;transform:none !important;background:transparent !important;border:1px dashed rgba(147,197,253,.40) !important;box-shadow:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging>*,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging>*{visibility:hidden !important}.hn-drag-canvas-preview{display:block !important;opacity:1 !important;visibility:visible !important;z-index:2147483646 !important}.hn-custom-drag-preview{display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging{opacity:0 !important;box-shadow:none !important;transform:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging>*,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging>*{opacity:0 !important}body .hn-floating-drag-ghost{position:fixed !important;top:0;left:0;margin:0 !important;pointer-events:none !important;z-index:999999 !important;opacity:.97 !important;transform:rotate(1.25deg) translateZ(0) !important;width:214px !important;max-width:214px !important;box-shadow:0 18px 40px rgba(15,23,42,.22) !important;border:1px solid rgba(96,165,250,.32) !important;border-radius:20px !important;overflow:hidden !important;background:#fff !important}body .hn-floating-drag-ghost .hn-file-actions,body .hn-floating-drag-ghost .hn-card-actions-pro,body .hn-floating-drag-ghost .hn-card-action,body .hn-floating-drag-ghost .hn-card-badge,body .hn-floating-drag-ghost .hn-preview-launch{pointer-events:none !important}body .hn-floating-drag-ghost,body .hn-drag-canvas-preview,body .hn-custom-drag-preview{display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging{opacity:.42 !important;transform:scale(.985) !important;background:#ffffff !important;border:1px dashed rgba(37,99,235,.40) !important;box-shadow:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging>*,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging>*{opacity:1 !important;visibility:visible !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-before::before,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-after::after{background:#2563eb !important;box-shadow:0 0 0 4px rgba(37,99,235,.12) !important}body .hn-tool-shell.hn-convert-workspace .hn-drop-placeholder{width:100% !important;min-height:255px !important;border-radius:20px !important;border:2px dashed #93c5fd !important;background:rgba(239,246,255,.58) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#2563eb !important;pointer-events:none !important;align-self:start !important}body .hn-tool-shell.hn-convert-workspace .hn-drop-placeholder>div{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:8px !important;font-weight:800 !important;font-size:13px !important}body .hn-tool-shell.hn-convert-workspace .hn-drop-placeholder span{width:42px !important;height:42px !important;border-radius:14px !important;border:1px solid #bfdbfe !important;background:#ffffff !important;position:relative !important;box-shadow:0 10px 22px rgba(37,99,235,.10) !important}body .hn-tool-shell.hn-convert-workspace .hn-drop-placeholder span::before,body .hn-tool-shell.hn-convert-workspace .hn-drop-placeholder span::after{content:"" !important;position:absolute !important;background:#2563eb !important;border-radius:999px !important;left:12px !important;right:12px !important;top:20px !important;height:2px !important}body .hn-tool-shell.hn-convert-workspace .hn-drop-placeholder span::after{top:12px !important;bottom:12px !important;left:20px !important;right:auto !important;width:2px !important;height:auto !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging{opacity:0 !important;visibility:hidden !important;border-color:transparent !important;background:transparent !important;box-shadow:none !important;transform:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.dragging>*,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-dragging>*{opacity:0 !important;visibility:hidden !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-before::before,body .hn-tool-shell.hn-convert-workspace .hn-file-card.hn-drop-after::after{content:none !important;display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-file-card .hn-doc-icon-blank{color:#2563eb !important;background:#eff6ff !important;border:1px solid #bfdbfe !important}body .hn-tool-shell.hn-convert-workspace .hn-tool-panel.hn-pdf-delete-pages .hn-delete-options .hn-load-delete-pages{grid-column:1 / -1 !important;width:100% !important;min-height:56px !important;margin:8px 0 0 0 !important;border-radius:16px !important;background:#E11D2E !important;color:#FFFFFF !important;border:0 !important;box-shadow:0 18px 34px rgba(225,29,46,.20) !important;font-weight:950 !important}body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-pdf-delete-pages>.hn-file-drop{display:none !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-delete-options{display:grid !important;grid-template-columns:1fr !important;gap:18px !important;width:100% !important;margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important}body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-load-delete-pages{width:100% !important;min-height:56px !important;margin:10px 0 0 0 !important;border-radius:16px !important;background:#E11D2E !important;color:#FFFFFF !important;border:0 !important;box-shadow:0 18px 34px rgba(225,29,46,.20) !important;font-weight:950 !important}body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-pdf-delete-pages>.hn-file-drop{display:none !important}body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-file-queue{padding-top:36px !important;padding-right:30px !important;padding-bottom:42px !important;padding-left:34px !important;box-sizing:border-box !important;gap:24px !important;align-content:start !important;align-items:start !important;justify-content:start !important}body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-file-queue>.hn-file-card:first-child,body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-file-queue>.hn-workspace-add-card:first-child,body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-file-queue>.hn-workspace-blank-card:first-child{margin-left:0 !important}body .hn-tool-shell.hn-convert-workspace .hn-tool-panel.hn-pdf-editor-mode>.hn-file-queue{padding:0 !important}@media (max-width:980px){body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode)>.hn-file-queue{padding-top:24px !important;padding-right:18px !important;padding-bottom:34px !important;padding-left:18px !important;gap:18px !important}}


/* v1.2.104 - processing logo uses the uploaded high-resolution SVG. */
body.hn-processing-screen-open .hn-processing-logo {
  width: min(320px, 72vw) !important;
  max-width: 320px !important;
  height: auto !important;
  image-rendering: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}

@media (max-width: 760px) {
  body.hn-processing-screen-open .hn-processing-logo {
    width: min(250px, 78vw) !important;
    max-width: 250px !important;
  }
}

/* v1.2.106 - Move uploaded file summary into the main file board.
   The file count / total size line now sits inside the white file-card area,
   instead of floating as a separate top strip. */
body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode) > .hn-file-summary {
  grid-column: 1 !important;
  grid-row: 2 !important;
  align-self: start !important;
  z-index: 4 !important;
  margin: 0 !important;
  padding: 22px 30px 12px 30px !important;
  min-height: auto !important;
  border: 0 !important;
  border-radius: 24px 24px 0 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #64748B !important;
}

body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode) > .hn-file-summary strong {
  color: #0F172A !important;
  font-weight: 950 !important;
}

body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode) > .hn-file-queue {
  grid-column: 1 !important;
  grid-row: 2 !important;
  padding-top: 88px !important;
  border-top: 1px solid rgba(226,232,240,.95) !important;
  border-radius: 24px !important;
}

@media (max-width: 980px) {
  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode) > .hn-file-summary {
    padding: 18px 18px 10px 18px !important;
  }
  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode) > .hn-file-queue {
    padding-top: 78px !important;
  }
}


/* v1.2.107 - Empty uploaded-file board after deleting all files.
   Keep the Add files card visible and centered without changing normal file-card spacing. */
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-empty-add-card {
  align-self: start !important;
}


/* v1.2.109 - TIFF output UX fix
   TIFF files are download-only in most browsers, and output action labels should not wrap. */
body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-card-actions .hn-btn,
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card .hn-btn {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-preview .hn-output-doc-preview strong {
  letter-spacing: .02em !important;
}


/* v1.2.124 Core output Preview modal. Does not touch PDF Tools .hn-edit-view preview. */
.hn-core-output-preview-backdrop,
.hn-large-preview-backdrop {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: rgba(15,23,42,.72);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
}
.hn-core-output-preview-modal,
.hn-large-preview-modal {
  width: min(1100px, 96vw);
  max-height: 94vh;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 30px 90px rgba(0,0,0,.35);
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
  overflow: hidden;
}
.hn-large-preview-header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.hn-large-preview-header strong { display:block; font-size:16px; overflow-wrap:anywhere; }
.hn-large-preview-title > span { display:block; margin-top:3px; color:#6b7280; font-size:13px; }
.hn-large-preview-close {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #111827;
  font-size: 28px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.hn-core-output-preview-body,
.hn-large-preview-body {
  min-height: 0;
  overflow: auto;
  background: #f8fafc;
  padding: 18px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.hn-core-output-preview-body img,
.hn-large-preview-body img {
  max-width: 100%;
  max-height: 72vh;
  width: auto;
  height: auto;
  object-fit: contain;
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 28px rgba(17,24,39,.12);
}
.hn-core-output-preview-file {
  width: min(520px, 90vw);
  min-height: 320px;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #111827;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
}
.hn-core-output-preview-file span { font-size: 52px; line-height:1; }
.hn-core-output-preview-file strong { font-size: 18px; font-weight: 900; }
.hn-core-output-preview-file small { color:#6b7280; overflow-wrap:anywhere; word-break:break-word; max-width:100%; }
.hn-large-preview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  padding: 14px 16px;
  border-top: 1px solid #e5e7eb;
}

/* v1.2.129 - Modal footer actions match the PDF to JPG preview style across all shared modals. */
.hn-large-preview-actions {
  align-items: center !important;
  background: #ffffff !important;
}

.hn-large-preview-actions .hn-btn,
.hn-large-preview-actions button {
  min-height: 44px !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

.hn-large-preview-actions .hn-btn.light,
.hn-large-preview-actions .hn-large-prev,
.hn-large-preview-actions .hn-large-next {
  background: #FFFFFF !important;
  color: #0F172A !important;
  border: 1px solid #D8E3F2 !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.04) !important;
}

.hn-large-preview-actions .hn-btn.light:hover,
.hn-large-preview-actions .hn-large-prev:hover,
.hn-large-preview-actions .hn-large-next:hover {
  border-color: #BFDBFE !important;
  background: #F8FAFC !important;
  transform: translateY(-1px) !important;
}

.hn-large-preview-actions .hn-btn.light:disabled,
.hn-large-preview-actions .hn-large-prev:disabled,
.hn-large-preview-actions .hn-large-next:disabled {
  color: #94A3B8 !important;
  border-color: #E5E7EB !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
}

.hn-large-preview-actions .hn-large-download,
.hn-large-preview-actions .hn-btn:not(.light) {
  background: #2563EB !important;
  color: #FFFFFF !important;
  border: 0 !important;
  box-shadow: 0 16px 30px rgba(37,99,235,.18) !important;
}

.hn-large-preview-actions .hn-large-download:hover,
.hn-large-preview-actions .hn-btn:not(.light):hover {
  background: #1D4ED8 !important;
  transform: translateY(-1px) !important;
}

.hn-large-preview-actions .hn-large-prev,
.hn-large-preview-actions .hn-large-next {
  min-width: 106px !important;
}

.hn-large-preview-actions .hn-large-download {
  min-width: 176px !important;
}
@media(max-width:640px){ .hn-large-preview-actions .hn-btn{ width:100%; } }


/* v1.2.126 Core output Preview: same modal surface as PDF to JPG */
.hn-core-output-preview-backdrop {
  z-index: 2147483000 !important;
}

.hn-core-output-preview-modal {
  width: min(1100px, 96vw) !important;
  max-height: 94vh !important;
}

.hn-core-output-preview-body {
  min-height: 0 !important;
  overflow: auto !important;
  background: #f8fafc !important;
  padding: 18px !important;
  display: flex !important;
  align-items: start !important;
  justify-content: center !important;
}

.hn-core-output-preview-body > img {
  max-width: 100% !important;
  max-height: 72vh !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 10px 28px rgba(17,24,39,.12) !important;
}

.hn-core-output-preview-file {
  width: min(520px, 90vw) !important;
  min-height: 360px !important;
  border-radius: 16px !important;
  border: 1px solid #e5e7eb !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: #111827 !important;
  box-shadow: 0 10px 28px rgba(17,24,39,.12) !important;
}

.hn-core-output-preview-file span {
  font-size: 48px !important;
  line-height: 1 !important;
}

.hn-core-output-preview-file strong {
  font-size: 18px !important;
  font-weight: 900 !important;
}

.hn-core-output-preview-file small {
  max-width: 90% !important;
  color: #6b7280 !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
}


/* v1.2.130 - PDF outputs use one direct browser PDF viewer.
   The removed custom PDF.js layer prevents the temporary first preview screen. */

/* v1.2.127 - Shared result cards use the PDF to JPG visual contract.
   Core owns only .hn-output-preview events; PDF Tools .hn-edit-view remains isolated. */
.hn-core-output-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(176px, 196px)) !important;
  justify-content: start !important;
  gap: 18px !important;
  align-content: start !important;
  margin-top: 14px !important;
  padding-bottom: 0 !important;
}
.hn-core-output-card {
  position: relative !important;
  width: 100% !important;
  max-width: 196px !important;
  min-width: 0 !important;
  padding: 10px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 20px rgba(17,24,39,.06) !important;
  box-sizing: border-box !important;
}
.hn-core-output-card .hn-edit-page-badge {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 2 !important;
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #111827 !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  box-shadow: none !important;
}
.hn-core-output-card .hn-edit-page-preview {
  width: 100% !important;
  height: 174px !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.hn-core-output-card .hn-edit-page-preview > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #ffffff !important;
}
.hn-core-output-card .hn-output-doc-preview {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #334155 !important;
  background: #f8fafc !important;
}
.hn-core-output-card .hn-output-doc-preview span { font-size: 40px !important; line-height: 1 !important; }
.hn-core-output-card .hn-output-doc-preview strong { font-size: 13px !important; font-weight: 900 !important; letter-spacing: .02em !important; }
.hn-core-output-card .hn-edit-page-info {
  margin-top: 10px !important;
  min-width: 0 !important;
}
.hn-core-output-card .hn-edit-page-info strong {
  display: -webkit-box !important;
  min-height: 32px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
.hn-core-output-card .hn-edit-page-info small {
  display: block !important;
  margin-top: 3px !important;
  color: #6b7280 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  overflow-wrap: anywhere !important;
}
.hn-core-output-card .hn-edit-page-bottom-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 7px !important;
  margin-top: 9px !important;
}
.hn-core-output-card .hn-edit-page-bottom-actions .hn-btn,
.hn-core-output-card .hn-edit-page-bottom-actions button {
  width: 100% !important;
  min-height: 38px !important;
  padding: 8px 7px !important;
  border-radius: 12px !important;
  font-size: 12.5px !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}
.hn-core-output-preview-frame {
  width: min(980px, 100%) !important;
  height: 72vh !important;
  min-height: 520px !important;
  border: 1px solid #e5e7eb !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(17,24,39,.12) !important;
}
@media (max-width: 980px) {
  .hn-core-output-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
  }
  .hn-core-output-card { max-width: none !important; }
}
@media (max-width: 640px) {
  .hn-core-output-preview-frame {
    min-height: 62vh !important;
    height: 62vh !important;
  }
}

/* v1.2.131 - Shared image preview zoom controls.
   Applies to JPG, PNG, WebP and TIFF preview images across Core, PDF Tools,
   and Image Tools result modals. PDF iframe previews are intentionally excluded. */
.hn-large-preview-body.hn-image-zoom-body,
.hn-file-preview-body.hn-image-zoom-body {
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f8fafc !important;
}

.hn-image-zoom-toolbar {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px !important;
  border: 1px solid rgba(203,213,225,.95) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.14) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.hn-image-zoom-btn,
.hn-image-zoom-level,
.hn-image-zoom-fit {
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 10px !important;
  border: 1px solid #dbe4f0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-family: inherit !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background .15s ease, border-color .15s ease, transform .15s ease !important;
}

.hn-image-zoom-level {
  min-width: 70px !important;
  font-size: 13px !important;
}

.hn-image-zoom-fit {
  min-width: 46px !important;
  font-size: 13px !important;
}

.hn-image-zoom-btn:hover,
.hn-image-zoom-level:hover,
.hn-image-zoom-fit:hover {
  background: #eff6ff !important;
  border-color: #93c5fd !important;
  transform: translateY(-1px) !important;
}

.hn-image-zoom-btn:disabled {
  opacity: .42 !important;
  cursor: not-allowed !important;
  transform: none !important;
  background: #f8fafc !important;
  border-color: #e5e7eb !important;
}

.hn-image-zoom-viewport {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding: 66px 18px 18px !important;
  outline: none !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
  touch-action: pan-x pan-y !important;
}

.hn-image-zoom-viewport:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(37,99,235,.22) !important;
}

/* v1.2.294 — Core preview headers now own the visible zoom controls. When
   those controls are present, the image viewport no longer reserves the old
   floating-toolbar space inside the canvas. Legacy tool-specific previews can
   still fall back to the floating toolbar. */
.hn-image-zoom-body.hn-image-zoom-header-controls .hn-image-zoom-viewport {
  padding: 18px !important;
}

.hn-image-zoom-stage {
  width: max(100%, var(--hn-image-preview-width, 1px)) !important;
  min-height: max(100%, var(--hn-image-preview-height, 1px)) !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

.hn-image-zoom-stage > img {
  flex: 0 0 auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  transform: none !important;
  transform-origin: center top !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
  transition: width .16s ease, height .16s ease !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 10px 28px rgba(17,24,39,.12) !important;
}

/* v1.2.306 — When shared image zoom is active, the zoom stage is the sole
   owner of rendered image dimensions. This intentionally outranks legacy
   Loaded/File Preview rules that forced images to width/height:100%!important,
   which prevented values below 100% from visually shrinking. */
body .hn-file-preview-body.hn-image-zoom-body .hn-image-zoom-stage > img,
body .hn-large-preview-body.hn-image-zoom-body .hn-image-zoom-stage > img {
  width: var(--hn-image-preview-width, auto) !important;
  height: var(--hn-image-preview-height, auto) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
}

.hn-image-zoom-viewport.is-pannable {
  cursor: grab !important;
}

.hn-image-zoom-viewport.is-panning {
  cursor: grabbing !important;
  user-select: none !important;
}

.hn-image-zoom-viewport.is-panning .hn-image-zoom-stage > img {
  transition: none !important;
}

@media (max-width: 640px) {
  .hn-image-zoom-toolbar {
    top: 10px !important;
    right: 10px !important;
    gap: 4px !important;
    padding: 5px !important;
  }
  .hn-image-zoom-btn,
  .hn-image-zoom-level,
  .hn-image-zoom-fit {
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 8px !important;
  }
  .hn-image-zoom-level {
    min-width: 62px !important;
  }
  .hn-image-zoom-viewport {
    padding: 58px 10px 10px !important;
  }
  .hn-image-zoom-body.hn-image-zoom-header-controls .hn-image-zoom-viewport {
    padding: 10px !important;
  }
}

.hn-image-zoom-body,
.hn-image-zoom-toolbar,
.hn-image-zoom-viewport,
.hn-image-zoom-stage {
  box-sizing: border-box !important;
}

/* v1.2.142 - Shared output action extensions.
   Tool modules may add operations such as multi-page TIFF download without
   creating a separate result screen or duplicating result-card CSS. */
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card .hn-output-action-error,
.hn-output-actions .hn-output-action-error {
  display: block;
  width: 100%;
  margin: 2px 0 0;
  color: #b91c1c;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 700;
  overflow-wrap: anywhere;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card .hn-output-action-error[hidden],
.hn-output-actions .hn-output-action-error[hidden] {
  display: none !important;
}


/* v1.2.151 — One shared PDF to JPG result-card and drag contract.
   All Core-managed tools now use the same remove, move selector, drag handle,
   real grid placeholder, Preview, and Download card structure. */
.hn-core-output-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(164px, 184px)) !important;
  grid-auto-rows: max-content !important;
  gap: 12px !important;
  justify-content: start !important;
  align-content: start !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  min-height: 0 !important;
}
.hn-core-output-card {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 10px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid #E5EAF3 !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.07) !important;
  cursor: default !important;
  box-sizing: border-box !important;
}
.hn-core-output-card[draggable="true"] { cursor: grab !important; }
.hn-core-output-card .hn-edit-page-preview {
  width: 100% !important;
  height: 190px !important;
  border-radius: 12px !important;
  background: #F8FAFC !important;
  border: 1px solid #E5E7EB !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.hn-core-output-card .hn-edit-page-preview > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #FFFFFF !important;
}
.hn-core-output-card .hn-edit-page-info { margin-top: 9px !important; min-width: 0 !important; }
.hn-core-output-card .hn-edit-page-info strong {
  display: block !important;
  min-height: 0 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.hn-core-output-card .hn-edit-page-info small {
  display: block !important;
  margin-top: 3px !important;
  color: #6B7280 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  overflow-wrap: anywhere !important;
}
.hn-core-output-card .hn-edit-page-move {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  margin-top: 9px !important;
  padding: 8px !important;
  border-radius: 12px !important;
  border: 1px solid #DBEAFE !important;
  background: #EFF6FF !important;
  min-width: 0 !important;
}
.hn-core-output-card .hn-edit-page-move label {
  display: block !important;
  color: #1E3A8A !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}
.hn-core-output-card .hn-edit-page-move select {
  width: 100% !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 7px 36px 7px 12px !important;
  border-radius: 10px !important;
  border: 1px solid #BFDBFE !important;
  background-color: #FFFFFF !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
.hn-core-output-card .hn-edit-drag-handle {
  width: 100% !important;
  margin-top: 10px !important;
  border: 1px dashed #CBD5E1 !important;
  background: #F8FAFC !important;
  color: #475569 !important;
  border-radius: 10px !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: grab !important;
}
.hn-core-output-card .hn-edit-remove-corner {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 5 !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid #FECACA !important;
  background: #FFFFFF !important;
  color: #DC2626 !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.10) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}
.hn-core-output-card .hn-edit-remove-corner:hover {
  background: #FFF1F2 !important;
  border-color: #FCA5A5 !important;
  transform: translateY(-1px) !important;
}
.hn-core-output-card .hn-edit-page-bottom-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 9px !important;
}
.hn-core-output-card .hn-edit-page-bottom-actions .hn-btn,
.hn-core-output-card .hn-edit-page-bottom-actions button {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 8px 7px !important;
  border-radius: 12px !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  box-shadow: none !important;
}
.hn-result-sort-card.hn-edit-page-drop-target {
  /* v1.2.281 — the dashed insertion placeholder is the only drag target cue.
     Avoid expanding the hovered card with an outer outline while sorting. */
  outline: 0 !important;
  outline-offset: 0 !important;
}
.hn-result-sort-grid > .hn-edit-drop-placeholder {
  min-height: 330px !important;
  border: 3px dashed #2563EB !important;
  border-radius: 18px !important;
  background: repeating-linear-gradient(45deg,rgba(37,99,235,.07),rgba(37,99,235,.07) 10px,rgba(37,99,235,.13) 10px,rgba(37,99,235,.13) 20px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1D4ED8 !important;
  font-weight: 900 !important;
  text-align: center !important;
  box-shadow: inset 0 0 0 4px rgba(255,255,255,.65),0 12px 26px rgba(37,99,235,.13) !important;
}
.hn-result-sort-grid > .hn-edit-drop-placeholder span {
  background: #FFFFFF !important;
  color: #1D4ED8 !important;
  border: 1px solid #BFDBFE !important;
  border-radius: 999px !important;
  padding: 8px 14px !important;
  font-size: 14px !important;
}
/* The dragged card leaves CSS grid flow completely, matching PDF to JPG. */
.hn-result-sort-card.hn-edit-page-dragging {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  transform: none !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
.hn-core-output-empty {
  grid-column: 1 / -1 !important;
  min-height: 220px !important;
  border: 2px dashed #CBD5E1 !important;
  border-radius: 18px !important;
  background: #F8FAFC !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  color: #475569 !important;
  text-align: center !important;
}
.hn-core-output-empty strong { color: #0F172A !important; font-size: 17px !important; }
.hn-core-output-empty span { font-size: 13px !important; }
@media (max-width: 1024px) {
  .hn-core-output-grid { grid-template-columns: repeat(auto-fill,minmax(154px,1fr)) !important; }
}
@media (max-width: 640px) {
  .hn-core-output-grid {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding: 0 !important;
  }
  .hn-core-output-card {
    display: grid !important;
    grid-template-columns: 96px minmax(0,1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
  }
  .hn-core-output-card .hn-edit-page-preview { height: 96px !important; grid-row: 1 / span 5 !important; }
  .hn-core-output-card .hn-edit-page-info,
  .hn-core-output-card .hn-edit-page-move,
  .hn-core-output-card .hn-edit-drag-handle,
  .hn-core-output-card .hn-edit-page-bottom-actions { grid-column: 2 !important; }
  .hn-result-sort-grid > .hn-edit-drop-placeholder { min-height: 150px !important; grid-column: 1 / -1 !important; }
}
@media (max-width: 420px) {
  .hn-core-output-card .hn-edit-page-bottom-actions { grid-template-columns: 1fr !important; }
}

/* v1.2.152 — one shared pointer drag system for every result card. */
.hn-edit-drag-handle {
  touch-action: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}
.hn-edit-drag-handle.is-sorting,
body.hn-result-sort-active,
body.hn-result-sort-active * {
  cursor: grabbing !important;
}
body.hn-result-sort-active {
  user-select: none !important;
  -webkit-user-select: none !important;
}
.hn-result-drag-ghost {
  position: fixed !important;
  z-index: 2147483646 !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  opacity: .96 !important;
  pointer-events: none !important;
  transform: translate3d(0,0,0) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.18) !important;
  will-change: transform !important;
  transition: none !important;
  overflow: hidden !important;
  background: #fff !important;
}
.hn-result-drag-ghost .hn-edit-remove,
.hn-result-drag-ghost .hn-edit-page-move,
.hn-result-drag-ghost .hn-edit-page-bottom-actions {
  pointer-events: none !important;
}
.hn-result-sort-placeholder {
  pointer-events: none !important;
  box-sizing: border-box !important;
}


/* v1.2.153 — restore full-card drag affordance on desktop.
   Interactive controls keep their own cursors and never start card sorting. */
@media (hover: hover) and (pointer: fine) {
  .hn-edit-page-card,
  .hn-core-output-card,
  .hn-result-sort-card {
    cursor: grab !important;
  }
  .hn-edit-page-card.is-sorting,
  .hn-core-output-card.is-sorting,
  .hn-result-sort-card.is-sorting {
    cursor: grabbing !important;
  }
  .hn-edit-page-card button,
  .hn-edit-page-card a,
  .hn-edit-page-card input,
  .hn-edit-page-card select,
  .hn-edit-page-card textarea,
  .hn-edit-page-card label,
  .hn-core-output-card button,
  .hn-core-output-card a,
  .hn-core-output-card input,
  .hn-core-output-card select,
  .hn-core-output-card textarea,
  .hn-core-output-card label,
  .hn-result-sort-card button,
  .hn-result-sort-card a,
  .hn-result-sort-card input,
  .hn-result-sort-card select,
  .hn-result-sort-card textarea,
  .hn-result-sort-card label {
    cursor: auto;
  }
  .hn-edit-page-card button,
  .hn-edit-page-card a,
  .hn-core-output-card button,
  .hn-core-output-card a,
  .hn-result-sort-card button,
  .hn-result-sort-card a {
    cursor: pointer;
  }
  .hn-edit-page-card select,
  .hn-core-output-card select,
  .hn-result-sort-card select {
    cursor: pointer;
  }
  .hn-edit-page-card .hn-edit-drag-handle,
  .hn-core-output-card .hn-edit-drag-handle,
  .hn-result-sort-card .hn-edit-drag-handle {
    cursor: grab !important;
  }
}




/* v1.2.159 — the original floating result-card shadow system is Core-owned.
   Any current or future tool that calls HNTools.bindResultSortable receives
   the same floating card, source-out-of-grid and real Drop here placeholder. */
.hn-result-sort-grid { position: relative !important; }
.hn-result-sort-card { box-sizing: border-box !important; }


/* v1.2.160 — reusable single-document editor workspace profile.
   File queue data remains in Core, while long-form editors receive one compact
   document strip and one overflow-safe editor canvas. */
body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace .hn-tool-panel.hn-single-document-editor-active {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 10px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: transparent !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace .hn-tool-panel.hn-single-document-editor-active > .hn-file-drop,
body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace .hn-tool-panel.hn-single-document-editor-active > .hn-file-summary,
body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace .hn-tool-panel.hn-single-document-editor-active > .hn-file-queue {
  display: none !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace .hn-tool-panel.hn-single-document-editor-active > .hn-single-document-bar {
  grid-column: 1 !important;
  grid-row: 1 !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace .hn-tool-panel.hn-single-document-editor-active > [data-hn-single-editor-content="1"] {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: visible !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace [data-hn-single-editor-content="1"],
body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace [data-hn-single-editor-content="1"] > *,
body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace [data-hn-single-editor-preview="1"] {
  min-width: 0 !important;
  max-width: 100% !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace [data-hn-single-editor-preview="1"] {
  overflow: hidden !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace [data-hn-single-editor-scrollbox="1"] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}
.hn-single-document-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid #dfe7f2;
  border-radius: 16px;
  background: rgba(255,255,255,.96);
}
.hn-single-document-main {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}
.hn-single-document-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border: 1px solid #fecdd3;
  border-radius: 12px;
  background: #fff1f2;
  color: #e11d2e;
}
.hn-single-document-icon svg { width: 22px; height: 22px; }
.hn-single-document-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.hn-single-document-copy strong {
  display: block;
  max-width: min(64vw, 760px);
  overflow: hidden;
  color: #0f172a;
  font-size: 14px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hn-single-document-copy small {
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}
.hn-single-document-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.hn-single-document-actions .hn-btn {
  min-height: 38px !important;
  padding: 8px 12px !important;
  border-radius: 11px !important;
  font-size: 12px !important;
  box-shadow: none !important;
}
.hn-single-document-actions .hn-single-document-remove { color: #dc2626 !important; }
@media (max-width: 900px) {
  body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace .hn-tool-panel.hn-single-document-editor-active {
    padding: 14px !important;
  }
  .hn-single-document-bar { align-items: stretch; flex-direction: column; }
  .hn-single-document-copy strong { max-width: 80vw; }
  .hn-single-document-actions { width: 100%; }
  .hn-single-document-actions .hn-btn { flex: 1 1 0; }
}
@media (max-width: 560px) {
  .hn-single-document-actions { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); }
  .hn-single-document-actions .hn-btn { width: 100%; padding: 8px 6px !important; }
}

/* v1.2.160 specificity guard: legacy workspace grids use :not() selectors;
   the explicit profile must always own the panel grid when active. */
html body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-single-document-editor-active[data-hn-workspace-profile="single-document-editor"]:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  padding: 10px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
html body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-single-document-editor-active[data-hn-workspace-profile="single-document-editor"] > .hn-single-document-bar,
html body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-single-document-editor-active[data-hn-workspace-profile="single-document-editor"] > [data-hn-single-editor-content="1"] {
  grid-column: 1 / -1 !important;
}

/* v1.2.161 — reusable multi-document editor workspace profile. */
body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace .hn-tool-panel.hn-multi-document-editor-active {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 10px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: transparent !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace .hn-tool-panel.hn-multi-document-editor-active > .hn-file-drop,
body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace .hn-tool-panel.hn-multi-document-editor-active > .hn-file-summary,
body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace .hn-tool-panel.hn-multi-document-editor-active > .hn-file-queue {
  display: none !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace .hn-tool-panel.hn-multi-document-editor-active > .hn-multi-document-list {
  grid-column: 1 !important;
  grid-row: 1 !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace .hn-tool-panel.hn-multi-document-editor-active > [data-hn-multi-editor-content="1"] {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: visible !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace [data-hn-multi-editor-content="1"],
body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace [data-hn-multi-editor-content="1"] > *,
body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace [data-hn-multi-editor-preview="1"] {
  min-width: 0 !important;
  max-width: 100% !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace [data-hn-multi-editor-preview="1"] {
  overflow: hidden !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace [data-hn-multi-editor-scrollbox="1"] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: auto !important;
  overscroll-behavior-x: contain !important;
  overscroll-behavior-y: auto !important;
}
.hn-multi-document-list {
  display: grid;
  gap: 9px;
  width: 100%;
  min-width: 0;
}
.hn-multi-document-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #dfe7f2;
  border-radius: 15px;
  background: rgba(255,255,255,.96);
  transition: border-color .18s ease, background-color .18s ease;
}
.hn-multi-document-row.is-active {
  border-color: #93c5fd;
  background: #f8fbff;
}
.hn-multi-document-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.hn-multi-document-order {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}
.hn-multi-document-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border: 1px solid #fecdd3;
  border-radius: 11px;
  background: #fff1f2;
  color: #e11d2e;
}
.hn-multi-document-icon svg { width: 21px; height: 21px; }
.hn-multi-document-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.hn-multi-document-copy strong {
  display: block;
  max-width: min(49vw, 700px);
  overflow: hidden;
  color: #0f172a;
  font-size: 13px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hn-multi-document-copy small {
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
}
.hn-multi-document-actions {
  display: flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
}
.hn-multi-document-actions .hn-btn {
  min-height: 36px !important;
  padding: 7px 11px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  box-shadow: none !important;
}
.hn-multi-document-actions .hn-multi-document-edit[aria-current="true"] {
  border-color: #2563eb !important;
  background: #2563eb !important;
  color: #fff !important;
}
.hn-multi-document-actions .hn-multi-document-remove { color: #dc2626 !important; }
@media (max-width: 980px) {
  body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace .hn-tool-panel.hn-multi-document-editor-active { padding: 14px !important; }
  .hn-multi-document-row { align-items: stretch; flex-direction: column; }
  .hn-multi-document-copy strong { max-width: 80vw; }
  .hn-multi-document-actions { width: 100%; }
  .hn-multi-document-actions .hn-btn { flex: 1 1 0; }
}
@media (max-width: 620px) {
  .hn-multi-document-actions { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hn-multi-document-actions .hn-btn { width: 100%; padding: 8px 6px !important; }
}
html body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-multi-document-editor-active[data-hn-workspace-profile="multi-document-editor"]:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  padding: 10px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
html body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-multi-document-editor-active[data-hn-workspace-profile="multi-document-editor"] > .hn-multi-document-list,
html body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-multi-document-editor-active[data-hn-workspace-profile="multi-document-editor"] > [data-hn-multi-editor-content="1"] {
  grid-column: 1 / -1 !important;
}
.hn-multi-document-list {
  max-height: 270px;
  overflow: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
}


/* v1.2.162 — structural multi-document workspace root.
   The root keeps the uploaded-file list above the editor and isolates editor
   content from legacy direct-child workspace column rules. */
body .hn-tool-panel[data-hn-workspace-profile="multi-document-editor"]:not(.hn-multi-document-editor-active) > [data-hn-multi-editor-content="1"],
body .hn-tool-panel[data-hn-workspace-profile="multi-document-editor"]:not(.hn-multi-document-editor-active) > .hn-multi-document-workspace-root {
  display: none !important;
}
html body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace:not(.hn-empty-workspace) .hn-tool-panel.hn-multi-document-editor-active[data-hn-workspace-profile="multi-document-editor"] > .hn-multi-document-workspace-root {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 / -1 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 14px !important;
  align-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace .hn-multi-document-workspace-root > .hn-multi-document-list {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  max-height: 270px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 2px 0 0 !important;
}
html body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace .hn-multi-document-workspace-root > [data-hn-multi-editor-content="1"] {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace .hn-multi-document-workspace-root .hn-multi-document-row {
  min-width: 0 !important;
  max-width: 100% !important;
}
@media (max-width: 980px) {
  html body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace .hn-multi-document-workspace-root > .hn-multi-document-list {
    max-height: 360px !important;
  }
}


/* v1.2.163 — main output fully replaces the source editor surface.
   Every direct source child is hidden while the shared result grid is open,
   including reusable single/multi-document editor roots. */



/* v1.2.167 — exact restoration of the previously approved Core-owned
   floating result-card shadow. Values are copied from v1.2.159; no new
   shadow design or plugin-specific override is introduced. */
body .hn-result-drag-ghost {
  position: fixed !important;
  z-index: 2147483646 !important;
  opacity: .96 !important;
  transform: translate3d(0,0,0) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.18) !important;
  will-change: transform !important;
  transition: none !important;
  background: #fff !important;
  pointer-events: none !important;
}
body.hn-result-sort-active .hn-result-sort-card.hn-edit-page-dragging {
  box-shadow: none !important;
  opacity: 0 !important;
}
body .hn-result-sort-placeholder {
  pointer-events: none !important;
}


/* v1.2.168 — canonical Core upload-card shadow and pointer-sort contract.
   Values restore the approved v1.2.153 upload surface while the upload queue
   now uses the same Core pointer lifecycle as shared result cards. */
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card {
  border: 1px solid #dbe7f5 !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.07) !important;
  transform: none !important;
  cursor: grab !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card:hover {
  border-color: #b7cdf7 !important;
  box-shadow: 0 18px 36px rgba(37,99,235,.13) !important;
  transform: translateY(-2px) !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.is-selected:not(.hn-upload-thumb-card) {
  border-color: #93c5fd !important;
  box-shadow: 0 18px 40px rgba(37,99,235,.16) !important;
  transform: translateY(-2px) !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-add-card,
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-blank-card {
  border-color: #bfdbfe !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.05) !important;
  transform: none !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-add-card:hover,
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-blank-card:hover {
  border-color: #60a5fa !important;
  box-shadow: 0 18px 34px rgba(37,99,235,.10) !important;
  transform: translateY(-2px) !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue.hn-result-sort-grid > .hn-file-card.hn-result-sort-card {
  touch-action: pan-y !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue.hn-result-sort-grid > .hn-file-card.hn-result-sort-card:active {
  cursor: grabbing !important;
}
body > .hn-result-drag-ghost.hn-file-card {
  margin: 0 !important;
  border: 1px solid #93c5fd !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 24px 60px rgba(15,23,42,.28) !important;
  overflow: hidden !important;
  cursor: grabbing !important;
}
body > .hn-result-drag-ghost.hn-file-card .hn-file-actions,
body > .hn-result-drag-ghost.hn-file-card .hn-card-preview-pro {
  pointer-events: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-edit-page-dragging {
  box-shadow: none !important;
  opacity: 0 !important;
  transform: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-result-sort-placeholder {
  border: 2px dashed #93c5fd !important;
  border-radius: 20px !important;
  background: rgba(239,246,255,.58) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.65) !important;
  color: #2563eb !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-result-sort-placeholder > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #1d4ed8 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 22px rgba(37,99,235,.10) !important;
}


/* v1.2.169 — compact shared workspace proportions.
   Core owns the card width and the right action-column width for BOTH the
   upload workspace and the shared result screen. Tool plugins do not override
   these dimensions. */
@media (min-width: 1181px) {
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-processing-mode):not([data-hn-main-output="1"]) {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 300px) !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-processing-mode):not([data-hn-main-output="1"]) > .hn-workspace-settings-card,
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-processing-mode):not([data-hn-main-output="1"]) > .hn-row,
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-processing-mode):not([data-hn-main-output="1"]) > .hn-row-3,
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-processing-mode):not([data-hn-main-output="1"]) > .hn-row-4,
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-processing-mode):not([data-hn-main-output="1"]) > .hn-convert,
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-processing-mode):not([data-hn-main-output="1"]) > .hn-result:not(.hn-main-output-screen) {
    max-width: 300px !important;
  }

  
  
}

/* Upload cards: slightly narrower without changing the shared shadow or drag contract. */
body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue {
  grid-template-columns: repeat(auto-fill, minmax(184px, 196px)) !important;
  gap: 8px !important;
}
body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue > .hn-file-card,
body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue > .hn-workspace-add-card,
body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue > .hn-workspace-blank-card {
  width: 100% !important;
  max-width: 196px !important;
}

/* Result cards: use the same compact Core contract in every tool. */
body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-grid,
body.hn-main-output-open .hn-tool-shell.hn-convert-workspace .hn-workspace-output-grid,
.hn-core-output-grid {
  grid-template-columns: repeat(auto-fill, minmax(164px, 184px)) !important;
  gap: 16px !important;
}
.hn-core-output-card {
  max-width: 184px !important;
  padding: 9px !important;
}
.hn-core-output-card .hn-edit-page-preview {
  height: 162px !important;
}

@media (max-width: 1180px) {
  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue {
    grid-template-columns: repeat(auto-fill, minmax(174px, 1fr)) !important;
  }
  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue > .hn-file-card,
  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue > .hn-workspace-add-card,
  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue > .hn-workspace-blank-card,
  .hn-core-output-card {
    max-width: none !important;
  }
}

@media (max-width: 640px) {
  .hn-core-output-card .hn-edit-page-preview {
    height: 96px !important;
  }
}

/* v1.2.170 — one Core-owned action-column width for upload, standard output,
   and tool editor result surfaces. Tool plugins consume this variable instead
   of keeping a separate hard-coded right column. */
body .hn-tool-shell.hn-convert-workspace {
  --hn-workspace-action-column-min: 260px;
  --hn-workspace-action-column-max: 300px;
}
@media (min-width: 1181px) {
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-processing-mode):not([data-hn-main-output="1"]) {
    grid-template-columns: minmax(0, 1fr) minmax(var(--hn-workspace-action-column-min), var(--hn-workspace-action-column-max)) !important;
  }
  
  
}

/* v1.2.171 — content-first shared workspace.
   The file/result canvas receives the majority of the viewport.  The tool rail,
   top bar and both upload/result action columns use one compact Core contract. */
body .hn-tool-shell.hn-convert-workspace {
  --hn-workspace-rail-width: 152px;
  --hn-workspace-topbar-height: 74px;
  --hn-workspace-action-column-min: 236px;
  --hn-workspace-action-column-max: 260px;
  inset: clamp(5px, .7vw, 12px) !important;
  max-width: none !important;
  max-height: calc(100vh - clamp(10px, 1.4vw, 24px)) !important;
  grid-template-columns: var(--hn-workspace-rail-width) minmax(0, 1fr) !important;
  grid-template-rows: var(--hn-workspace-topbar-height) minmax(0, 1fr) !important;
}
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-tool-rail {
  width: var(--hn-workspace-rail-width) !important;
  padding: 10px 8px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-rail-brand {
  gap: 7px !important;
  padding: 0 5px 11px !important;
  margin-bottom: 9px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-rail-brand span {
  width: 32px !important;
  height: 32px !important;
  border-radius: 11px !important;
  font-size: 11px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-rail-brand strong {
  font-size: 13px !important;
  line-height: 1.08 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-rail-tool {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 7px !important;
  padding: 7px 6px !important;
  border-radius: 11px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-rail-icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-rail-text strong {
  font-size: 11px !important;
  line-height: 1.15 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-rail-text small {
  font-size: 9.5px !important;
  line-height: 1.18 !important;
  -webkit-line-clamp: 1 !important;
}
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-bar {
  min-height: var(--hn-workspace-topbar-height) !important;
  height: var(--hn-workspace-topbar-height) !important;
  padding: 10px 16px !important;
  gap: 12px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-left {
  gap: 10px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-left::before {
  width: 40px !important;
  height: 40px !important;
  border-radius: 13px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-title {
  font-size: clamp(20px, 1.55vw, 25px) !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-status {
  margin-top: 2px !important;
  font-size: 12px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-actions {
  gap: 8px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-reset,
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tools-btn,
body .hn-tool-shell.hn-convert-workspace .hn-workspace-add {
  min-height: 40px !important;
  border-radius: 12px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-reset {
  width: 40px !important;
  height: 40px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-tool-panel {
  min-height: 0 !important;
  height: 100% !important;
  padding: 12px !important;
  gap: 14px !important;
}

/* The right settings card starts directly with the real controls. */
body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-head,
body .hn-tool-shell.hn-convert-workspace .hn-save-preset {
  display: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-options-with-convert::before,
body .hn-tool-shell.hn-convert-workspace .hn-tool-panel > .hn-row::before,
body .hn-tool-shell.hn-convert-workspace .hn-tool-panel > .hn-row-3::before,
body .hn-tool-shell.hn-convert-workspace .hn-tool-panel > .hn-row-4::before,
body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-options-with-convert::before,
body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row::before,
body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row-3::before,
body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-row-4::before {
  content: none !important;
  display: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-body {
  padding: 14px !important;
}

@media (min-width: 1181px) {
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-processing-mode):not([data-hn-main-output="1"]) {
    grid-template-columns: minmax(0, 1fr) minmax(var(--hn-workspace-action-column-min), var(--hn-workspace-action-column-max)) !important;
  }
  
}

@media (max-width: 1220px) and (min-width: 641px) {
  body .hn-tool-shell.hn-convert-workspace {
    --hn-workspace-rail-width: 64px;
    --hn-workspace-topbar-height: 70px;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-tool-rail {
    padding: 9px 7px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-brand {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-brand strong,
  body .hn-tool-shell.hn-convert-workspace .hn-rail-text {
    display: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-tool {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
  }
}

@media (max-width: 640px) {
  body .hn-tool-shell.hn-convert-workspace {
    inset: 0 !important;
    max-height: 100vh !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 64px minmax(0, 1fr) 72px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-bar {
    height: 64px !important;
    min-height: 64px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-tool-rail {
    width: 100% !important;
    height: 72px !important;
  }
}


/* v1.2.173 — viewport-safe content-first workspace and compact shared card controls.
   Core owns the shell geometry, upload-card controls, standard result-card controls,
   and compact right-side output surfaces. */
@media (min-width: 641px) {
  body .hn-tool-shell.hn-convert-workspace {
    --hn-workspace-rail-width: 152px;
    --hn-workspace-topbar-height: 68px;
    --hn-workspace-action-column-min: 228px;
    --hn-workspace-action-column-max: 248px;
    inset: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    grid-template-columns: var(--hn-workspace-rail-width) minmax(0, 1fr) !important;
    grid-template-rows: var(--hn-workspace-topbar-height) minmax(0, 1fr) !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-tool-rail {
    grid-column: 1 !important;
    grid-row: 1 / -1 !important;
    width: var(--hn-workspace-rail-width) !important;
    min-width: var(--hn-workspace-rail-width) !important;
    max-width: var(--hn-workspace-rail-width) !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-bar {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: var(--hn-workspace-topbar-height) !important;
    min-height: var(--hn-workspace-topbar-height) !important;
    margin: 0 !important;
    padding: 8px 14px !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px !important;
    align-self: stretch !important;
    justify-self: stretch !important;
  }

  body .hn-workspace-switch-loader {
    top: var(--hn-workspace-topbar-height) !important;
    left: var(--hn-workspace-rail-width) !important;
  }
}

/* Give the central upload/result canvas more usable room. */
body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace)
  .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue {
  padding: 18px 14px 26px !important;
  gap: 16px !important;
}

@media (min-width: 1181px) {
  body .hn-tool-shell.hn-convert-workspace
    .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-processing-mode){
    grid-template-columns: minmax(0, 1fr) minmax(
      var(--hn-workspace-action-column-min),
      var(--hn-workspace-action-column-max)
    ) !important;
    gap: 12px !important;
  }

  
}

/* Upload-card action strip: readable but less dominant. */
body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro {
  height: 50px !important;
  min-height: 50px !important;
  gap: 4px !important;
  padding: 5px !important;
  border-radius: 13px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action:not(.preview) {
  height: 36px !important;
  min-height: 36px !important;
  gap: 2px !important;
  border-radius: 9px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action svg {
  width: 14px !important;
  height: 14px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action span {
  font-size: 8.1px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action.preview {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 12px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-card-actions-pro .hn-card-action.preview svg {
  width: 16px !important;
  height: 16px !important;
}

/* Shared result-card controls. */
.hn-core-output-card .hn-edit-page-move {
  margin-top: 7px !important;
  padding: 6px !important;
  gap: 4px !important;
  border-radius: 10px !important;
}
.hn-core-output-card .hn-edit-page-move label {
  font-size: 11px !important;
  line-height: 1.15 !important;
}
.hn-core-output-card .hn-edit-page-move select {
  min-height: 34px !important;
  height: 34px !important;
  padding: 5px 30px 5px 9px !important;
  font-size: 12px !important;
  border-radius: 9px !important;
}
.hn-core-output-card .hn-edit-drag-handle,
.hn-core-output-card .hn-drag-handle {
  min-height: 32px !important;
  margin-top: 7px !important;
  padding: 6px 7px !important;
  font-size: 11px !important;
  border-radius: 9px !important;
}
.hn-core-output-card .hn-edit-page-bottom-actions {
  gap: 5px !important;
  margin-top: 7px !important;
}
.hn-core-output-card .hn-edit-page-bottom-actions .hn-btn,
.hn-core-output-card .hn-edit-page-bottom-actions button {
  min-height: 34px !important;
  padding: 6px 5px !important;
  border-radius: 10px !important;
  font-size: 11.5px !important;
}
.hn-core-output-card .hn-edit-remove-corner {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  font-size: 15px !important;
}

/* Compact standard output information and action surfaces. */

body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-top {
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  gap: 10px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-top h3,
body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-top strong {
  font-size: 18px !important;
  line-height: 1.2 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-top span,
body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-top p {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card > strong,
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card > h3 {
  font-size: 17px !important;
  line-height: 1.2 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card > span,
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card > p {
  font-size: 11.5px !important;
  line-height: 1.45 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card .hn-btn {
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: 11px !important;
  font-size: 12.5px !important;
}

@media (max-width: 640px) {
  body .hn-tool-shell.hn-convert-workspace {
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: none !important;
  }
  body .hn-workspace-switch-loader {
    left: 0 !important;
    top: 64px !important;
  }
}

/* v1.2.173 final containment refinements. */
@media (min-width: 641px) {
  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel.hn-pdf-editor-mode {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
  }
}
body .hn-tool-shell.hn-convert-workspace
  .hn-file-queue > .hn-file-card .hn-card-actions-pro {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 4px !important;
}
body .hn-tool-shell.hn-convert-workspace
  .hn-file-queue > .hn-file-card .hn-card-actions-pro
  .hn-card-action:not(.preview) span {
  font-size: 8.2px !important;
}


/* v1.2.173 — workspace-bar statistics and card-only canvases.
   File count, total PDF/page count and total bytes belong beside Add files / Reset.
   Upload and output boards therefore contain cards only. */
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-bar {
  display: flex !important;
  align-items: center !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-left {
  flex: 0 1 auto !important;
  min-width: 180px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-stats {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  margin-left: auto !important;
  min-width: 0 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-stats[hidden],
body .hn-tool-shell.hn-convert-workspace .hn-workspace-stat[hidden] {
  display: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-stat {
  min-width: 92px !important;
  min-height: 38px !important;
  padding: 5px 10px !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 11px !important;
  background: #F8FAFC !important;
  display: inline-flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 1px !important;
  white-space: nowrap !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-stat span {
  color: #64748B !important;
  font-size: 9.5px !important;
  line-height: 1.05 !important;
  font-weight: 750 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-stat strong {
  color: #0F172A !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-actions {
  flex: 0 0 auto !important;
  margin-left: 2px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-summary,
body .hn-tool-shell.hn-convert-workspace .hn-file-summary-legacy,
body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-top {
  display: none !important;
}
body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue {
  grid-row: 2 !important;
  padding-top: 24px !important;
  border-top: 0 !important;
}

body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-grid {
  margin-top: 0 !important;
}
@media (max-width: 1180px) {
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-stat {
    min-width: 78px !important;
    padding-inline: 8px !important;
  }
}
@media (max-width: 900px) {
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-stats {
    gap: 4px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-stat {
    min-width: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-stat span {
    display: none !important;
  }
}
@media (max-width: 760px) {
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-stats {
    display: none !important;
  }
}


/* v1.2.174 — compact shared workspace typography.
   Upload cards, add/blank cards, shared output cards and both upload/output
   action columns use smaller but readable type. Geometry, shadows, drag,
   preview and result lifecycles remain unchanged. */
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card .hn-file-name {
  margin-top: 6px !important;
  font-size: 11.5px !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card .hn-file-meta {
  margin-top: 2px !important;
  font-size: 10.25px !important;
  line-height: 1.3 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-add-card > div,
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-blank-card > div {
  gap: 5px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-add-card strong,
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-blank-card strong {
  font-size: 12.5px !important;
  line-height: 1.18 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-add-card > div > span:not(.hn-workspace-add-icon),
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-blank-card > div > span:not(.hn-workspace-add-icon) {
  font-size: 10.25px !important;
  line-height: 1.3 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-add-card .hn-workspace-add-icon,
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-blank-card .hn-workspace-add-icon {
  font-size: 21px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card .hn-card-actions-pro .hn-card-action span {
  font-size: 7.6px !important;
  line-height: 1 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card .hn-card-actions-pro .hn-card-action svg {
  width: 13px !important;
  height: 13px !important;
}

/* Shared standard result-card typography. */
body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info {
  margin-top: 7px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info strong {
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info small {
  margin-top: 2px !important;
  font-size: 10.25px !important;
  line-height: 1.3 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-move label {
  font-size: 10.25px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-move select {
  font-size: 11.25px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-drag-handle,
body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-drag-handle {
  font-size: 10.25px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-bottom-actions .hn-btn,
body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-bottom-actions button {
  font-size: 10.5px !important;
}

/* Upload/settings action column. Exclude dedicated editor modes. */
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card .hn-workspace-settings-body {
  font-size: 11.5px !important;
}
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card label,
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card .hn-label,
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card strong,
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card h3,
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card h4 {
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card p,
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card small,
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card .hn-help,
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card .hn-field-help {
  font-size: 10.25px !important;
  line-height: 1.38 !important;
}
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card input:not([type="radio"]):not([type="checkbox"]),
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card select,
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card textarea {
  font-size: 12px !important;
  line-height: 1.3 !important;
}
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card .hn-btn,
body .hn-tool-shell.hn-convert-workspace
  .hn-tool-panel:not(.hn-pdf-editor-mode) .hn-workspace-settings-card button {
  font-size: 11.5px !important;
}

/* Standard output action column. */
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card > strong,
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card > h3 {
  font-size: 15px !important;
  line-height: 1.18 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card > span,
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card > p,
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card small {
  font-size: 10.5px !important;
  line-height: 1.38 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card .hn-btn,
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card button {
  font-size: 11.5px !important;
}

@media (max-width: 640px) {
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card .hn-file-name,
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info strong {
    font-size: 12px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card .hn-file-meta,
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info small {
    font-size: 10.5px !important;
  }
}


/* v1.2.175 — tighter card typography and compact custom-range layout.
   Shared upload/result cards keep the existing geometry, drag and shadow
   contracts while file titles and the gap above action controls are reduced. */
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card .hn-file-name {
  margin-top: 5px !important;
  font-size: 10.5px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card .hn-file-meta {
  margin-top: 1px !important;
  margin-bottom: 0 !important;
  font-size: 9.75px !important;
  line-height: 1.24 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card .hn-card-actions-pro {
  margin-top: 4px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-add-card strong,
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-blank-card strong {
  font-size: 11.5px !important;
  line-height: 1.16 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-add-card > div > span:not(.hn-workspace-add-icon),
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-blank-card > div > span:not(.hn-workspace-add-icon) {
  font-size: 9.5px !important;
  line-height: 1.25 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info {
  margin-top: 5px !important;
  margin-bottom: 0 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info strong {
  font-size: 10.5px !important;
  line-height: 1.16 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info small {
  margin-top: 1px !important;
  font-size: 9.75px !important;
  line-height: 1.24 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-move {
  margin-top: 5px !important;
}

/* Custom Range: keep the label readable, place the example beneath it,
   and use a compact full-width input below the copy. */
body .hn-tool-shell.hn-convert-workspace
  .hn-workspace-settings-card .hn-radio-row-custom {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 8px !important;
  row-gap: 5px !important;
  width: 100% !important;
}
body .hn-tool-shell.hn-convert-workspace
  .hn-workspace-settings-card .hn-radio-row-custom > input[type="radio"] {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin-top: 2px !important;
}
body .hn-tool-shell.hn-convert-workspace
  .hn-workspace-settings-card .hn-radio-row-custom .hn-range-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  min-width: 0 !important;
}
body .hn-tool-shell.hn-convert-workspace
  .hn-workspace-settings-card .hn-radio-row-custom .hn-range-title {
  font-size: 11.5px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
}
body .hn-tool-shell.hn-convert-workspace
  .hn-workspace-settings-card .hn-radio-row-custom .hn-range-example {
  display: block !important;
  margin: 0 !important;
  color: #94a3b8 !important;
  font-size: 9.25px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
}
body .hn-tool-shell.hn-convert-workspace
  .hn-workspace-settings-card .hn-radio-row-custom .hn-range-input {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  border-radius: 10px !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
}
@media (max-width: 640px) {
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card .hn-file-name,
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info strong {
    font-size: 11px !important;
  }
}


/* v1.2.176 — remove residual space inside upload cards and align
   the Custom Range input with the full left edge of the settings card. */
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card {
  min-height: 248px !important;
  grid-template-rows: 118px minmax(30px, auto) auto 48px !important;
  gap: 5px !important;
  align-content: start !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card .hn-file-name {
  min-height: 30px !important;
  max-height: 32px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card .hn-file-meta {
  min-height: 0 !important;
  align-self: start !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card .hn-card-actions-pro {
  margin-top: 0 !important;
  align-self: start !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-move {
  margin-top: 3px !important;
}
body .hn-tool-shell.hn-convert-workspace
  .hn-workspace-settings-card .hn-radio-row-custom .hn-range-input {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  margin-left: 0 !important;
}


/* v1.2.177 — one result surface and fluid shared card grid.
   All Core consumers (PDF, image, compression, resize and social tools) use
   one white output surface. The inner card grid is layout-only: it does not
   draw a second border/shadow or reserve an artificial minimum height. */




body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > .hn-workspace-output-grid.hn-core-output-grid,
body.hn-main-output-open .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > .hn-workspace-output-grid.hn-core-output-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(164px, 184px)) !important;
  grid-auto-rows: max-content !important;
  justify-content: start !important;
  align-content: start !important;
  align-items: start !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > .hn-workspace-output-grid.hn-core-output-grid > .hn-core-output-card {
  width: 100% !important;
  max-width: 184px !important;
  margin: 0 !important;
  align-self: start !important;
}
@media (max-width: 980px) {
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > .hn-workspace-output-grid.hn-core-output-grid,
  body.hn-main-output-open .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > .hn-workspace-output-grid.hn-core-output-grid {
    grid-template-columns: repeat(auto-fill, minmax(154px, 1fr)) !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > .hn-workspace-output-grid.hn-core-output-grid > .hn-core-output-card {
    max-width: none !important;
  }
}
@media (max-width: 640px) {
  
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > .hn-workspace-output-grid.hn-core-output-grid,
  body.hn-main-output-open .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > .hn-workspace-output-grid.hn-core-output-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v1.2.179 — canonical upload preview spacing and compact preview modal.
   The upload-card preview-to-filename gap now matches the approved result-card
   rhythm. The shared large-preview header is shorter and its close control is
   geometrically centered. */
body .hn-tool-shell.hn-convert-workspace
  .hn-file-queue > .hn-file-card > .hn-file-thumb {
  margin-bottom: 9px !important;
}
body .hn-tool-shell.hn-convert-workspace
  .hn-file-queue > .hn-file-card > .hn-file-name {
  margin-top: 0 !important;
}

body .hn-file-preview-dialog {
  grid-template-rows: auto minmax(0, 1fr) !important;
}
body .hn-file-preview-head {
  min-height: 0 !important;
  padding: 10px 14px !important;
  gap: 12px !important;
  align-items: center !important;
}
body .hn-file-preview-head > div {
  min-width: 0 !important;
}
body .hn-file-preview-head strong {
  font-size: 16px !important;
  line-height: 1.2 !important;
}
body .hn-file-preview-title > span {
  margin-top: 2px !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}
body .hn-file-preview-close {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-size: 22px !important;
  text-align: center !important;
}
body .hn-file-preview-body {
  padding: 8px !important;
}

@media (max-width: 640px) {
  body .hn-tool-shell.hn-convert-workspace
    .hn-file-queue > .hn-file-card > .hn-file-thumb {
    margin-bottom: 0 !important;
  }
  body .hn-file-preview-head {
    padding: 8px 10px !important;
  }
  body .hn-file-preview-close {
    flex-basis: 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }
}


/* v1.2.180 — upload card preview/name separation and 100% PDF preview defaults.
   The previous 118px grid row was shorter than the canonical 128px preview,
   causing filenames to overlap the preview. The first track now reserves the
   full preview height plus the approved result-card breathing room. */
body .hn-tool-shell.hn-convert-workspace
  .hn-file-queue > .hn-file-card {
  grid-template-rows: 132px minmax(30px, auto) auto 48px !important;
  gap: 5px !important;
}
body .hn-tool-shell.hn-convert-workspace
  .hn-file-queue > .hn-file-card > .hn-file-thumb {
  height: 128px !important;
  min-height: 128px !important;
  margin: 0 !important;
  align-self: start !important;
}
body .hn-tool-shell.hn-convert-workspace
  .hn-file-queue > .hn-file-card > .hn-file-name {
  margin: 0 !important;
  align-self: start !important;
}

/* True geometric centering for every shared preview close control. */
body .hn-file-preview-close,
body .hn-large-preview-close {
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
body .hn-file-preview-close svg,
body .hn-large-preview-close svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  flex: 0 0 18px !important;
}

@media (max-width: 640px) {
  body .hn-tool-shell.hn-convert-workspace
    .hn-file-queue > .hn-file-card {
    grid-template-rows: none !important;
    gap: 10px !important;
  }
  body .hn-tool-shell.hn-convert-workspace
    .hn-file-queue > .hn-file-card > .hn-file-thumb {
    height: 74px !important;
    min-height: 74px !important;
    margin: 0 !important;
  }
}

/* v1.2.181 — contextual, compact workspace rail.
   PDF workspaces show PDF editing first and unified converters second.
   Image/JPG workspaces show image optimization and unified image converters. */
@media (min-width: 1221px) {
  body .hn-tool-shell.hn-convert-workspace {
    --hn-workspace-rail-width: 144px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-tool-rail {
    width: var(--hn-workspace-rail-width) !important;
    min-width: var(--hn-workspace-rail-width) !important;
    max-width: var(--hn-workspace-rail-width) !important;
    padding: 8px 7px !important;
    overflow: hidden !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-brand {
    gap: 6px !important;
    min-height: 38px !important;
    padding: 0 4px 8px !important;
    margin: 0 0 6px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-brand span {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 10px !important;
    font-size: 9px !important;
    letter-spacing: -.02em !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-brand strong {
    font-size: 12px !important;
    line-height: 1.05 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-list {
    height: calc(100% - 44px) !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 1px 1px 10px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(148,163,184,.42) transparent !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-list::-webkit-scrollbar {
    width: 4px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-list::-webkit-scrollbar-thumb {
    background: rgba(148,163,184,.42) !important;
    border-radius: 999px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-section {
    margin: 0 0 11px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-section-title {
    margin: 0 0 5px 5px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    letter-spacing: .065em !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-tool {
    min-height: 34px !important;
    grid-template-columns: 25px minmax(0,1fr) !important;
    gap: 6px !important;
    padding: 4px 5px !important;
    margin: 0 0 2px !important;
    border-radius: 9px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-icon {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-text strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-size: 10.25px !important;
    line-height: 1.08 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-text small {
    display: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-section-all {
    padding-top: 7px !important;
    margin-top: 4px !important;
    border-top: 1px solid rgba(148,163,184,.18) !important;
  }
}

@media (max-width: 1220px) and (min-width: 641px) {
  body .hn-tool-shell.hn-convert-workspace {
    --hn-workspace-rail-width: 60px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-section {
    margin-bottom: 8px !important;
  }
}


/* v1.2.182 — contextual conversion alternatives and built-in PDF actions. */
@media (min-width: 1221px) {
  body .hn-tool-shell.hn-convert-workspace .hn-rail-capabilities {
    margin: 5px 3px 0 !important;
    padding: 7px 6px !important;
    border: 1px solid rgba(148,163,184,.22) !important;
    border-radius: 9px !important;
    background: rgba(248,250,252,.76) !important;
    color: #475569 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-capabilities strong {
    display: block !important;
    margin: 0 0 3px !important;
    font-size: 8.25px !important;
    line-height: 1.1 !important;
    letter-spacing: .02em !important;
    color: #334155 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-capabilities span {
    display: block !important;
    font-size: 8.35px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }
}
@media (max-width: 1220px) {
  body .hn-tool-shell.hn-convert-workspace .hn-rail-capabilities {
    display: none !important;
  }
}

/* v1.2.183 — reusable result recommendations and right-column PDF capabilities. */
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestions {
  display: grid;
  gap: 8px;
  margin: 6px 0 2px !important;
  padding: 10px 0 2px !important;
  border-top: 1px solid rgba(148,163,184,.22) !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestions[hidden] {
  display: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestions-head {
  display: grid;
  gap: 2px;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestions-head strong {
  font-size: 12.5px !important;
  line-height: 1.25 !important;
  color: #0f172a !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestions-head span {
  font-size: 10.5px !important;
  line-height: 1.35 !important;
  color: #64748b !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestions-list {
  display: grid;
  gap: 6px;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestion {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0,1fr) 16px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 8px !important;
  border: 1px solid #dbe4f0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: none !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: border-color .15s ease, background .15s ease, transform .15s ease !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestion:hover {
  border-color: #93c5fd !important;
  background: #eff6ff !important;
  transform: translateY(-1px) !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestion:disabled {
  opacity: .65 !important;
  cursor: wait !important;
  transform: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestion-icon {
  width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: #eff6ff !important;
  font-size: 15px !important;
  line-height: 1 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestion-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 1px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestion-copy strong {
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  color: #0f172a !important;
  overflow-wrap: anywhere !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestion-copy small {
  font-size: 9.75px !important;
  line-height: 1.3 !important;
  color: #64748b !important;
  overflow-wrap: anywhere !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestion-arrow {
  color: #2563eb !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-align: right !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-settings-capabilities-note {
  display: grid !important;
  gap: 4px !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 10px 11px !important;
  border: 1px solid #dbe4f0 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #475569 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-settings-capabilities-note strong {
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: #334155 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-settings-capabilities-note span {
  font-size: 9.75px !important;
  line-height: 1.4 !important;
  overflow-wrap: anywhere !important;
}
@media (max-width: 640px) {
  body .hn-tool-shell.hn-convert-workspace .hn-output-suggestion {
    min-height: 46px !important;
  }
}


/* v1.2.184 — result-first full workspace and count-aware output actions.
   The result canvas fills the available workspace height. The card surface
   scrolls independently while the action rail stays usable. Single-file
   Preview/Download actions are never displayed for multi-file results. */
body .hn-tool-shell.hn-convert-workspace .hn-output-action-preview[hidden],
body .hn-tool-shell.hn-convert-workspace .hn-output-action-download[hidden],
body .hn-tool-shell.hn-convert-workspace .hn-download-all[hidden] {
  display: none !important;
}






body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-grid,
body.hn-main-output-open .hn-tool-shell.hn-convert-workspace .hn-workspace-output-grid {
  width: 100% !important;
  max-width: none !important;
  align-content: start !important;
}

@media (max-width: 980px) {
  
}

/* v1.2.185 — readable contextual rail and action-column typography.
   The compact widths are preserved; only information hierarchy and placement
   are improved. */
@media (min-width: 1221px) {
  body .hn-tool-shell.hn-convert-workspace .hn-rail-tool {
    min-height: 48px !important;
    align-items: center !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-text {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-text strong {
    font-size: 10.75px !important;
    line-height: 1.12 !important;
    -webkit-line-clamp: 2 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-rail-text small {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    color: #64748b !important;
    font-size: 9.75px !important;
    line-height: 1.22 !important;
  }
}

body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card > strong,
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card > h3 {
  font-size: 17px !important;
  line-height: 1.22 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card > span,
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card > p,
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card small {
  font-size: 12.5px !important;
  line-height: 1.5 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card .hn-btn,
body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card button {
  font-size: 13px !important;
  line-height: 1.25 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestions-head strong {
  font-size: 13.5px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestions-head span,
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestion-copy small {
  font-size: 11.25px !important;
  line-height: 1.4 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-output-suggestion-copy strong {
  font-size: 12.5px !important;
}

/* Page-card capabilities belong at the beginning of the PDF settings flow. */
body .hn-tool-shell.hn-convert-workspace .hn-settings-capabilities-note {
  order: -100 !important;
  margin: 0 0 11px !important;
  padding: 11px 12px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-settings-capabilities-note strong {
  font-size: 12px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-settings-capabilities-note span {
  font-size: 11px !important;
  line-height: 1.45 !important;
}


/* v1.2.186 — image workspace rail is intentionally limited to direct
   conversions plus two essential image actions.  The existing compact
   typography remains unchanged. */


/* v1.2.187 — Common output preview supports lightweight card thumbnails and
   lazy high-resolution modal previews supplied by any current or future tool. */
.hn-core-output-preview-body .hn-large-preview-loading{
  width:min(560px,calc(100% - 32px));min-height:260px;margin:auto;padding:34px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  text-align:center;border:1px solid #dbe7f5;border-radius:20px;background:#fff;color:#0f172a;
  box-shadow:0 18px 46px rgba(15,23,42,.10)
}
.hn-core-output-preview-body .hn-large-preview-loading>span{
  width:48px;height:48px;border:5px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;
  animation:hn-core-preview-spin .8s linear infinite
}
.hn-core-output-preview-body .hn-large-preview-loading strong{font-size:17px}
.hn-core-output-preview-body .hn-large-preview-loading small{color:#64748b;line-height:1.5}
.hn-core-output-preview-body .hn-large-preview-loading.is-error{border-color:#fecaca;background:#fff7f7;color:#991b1b}
@keyframes hn-core-preview-spin{to{transform:rotate(360deg)}}

/* ============================================================
   v1.2.193 — Mobile workspace architecture fix
   The workspace is a three-row app shell on phones:
   top bar / scrollable content / horizontal tool rail.
   This replaces the old desktop rail geometry below 780px.
============================================================ */
@media (max-width: 780px) {
  html:has(body.hn-convert-workspace-open),
  body.hn-convert-workspace-open {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace {
    --hn-mobile-topbar-height: 60px;
    --hn-mobile-rail-height: 68px;
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows:
      var(--hn-mobile-topbar-height)
      minmax(0, 1fr)
      calc(var(--hn-mobile-rail-height) + env(safe-area-inset-bottom, 0px)) !important;
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f4f7fb !important;
    box-shadow: none !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  body .hn-tool-shell.hn-convert-workspace,
  body .hn-tool-shell.hn-convert-workspace * {
    box-sizing: border-box !important;
  }

  /* Top application bar. */
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-bar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    inset: auto !important;
    z-index: 5 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: var(--hn-mobile-topbar-height) !important;
    min-height: var(--hn-mobile-topbar-height) !important;
    max-height: var(--hn-mobile-topbar-height) !important;
    margin: 0 !important;
    padding: 7px 9px 7px 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #dbe4f0 !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .06) !important;
    overflow: hidden !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-workspace-left {
    min-width: 0 !important;
    width: auto !important;
    gap: 8px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-left::before {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 10px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-meta {
    min-width: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-title {
    display: block !important;
    max-width: 100% !important;
    color: #0f172a !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-status {
    display: block !important;
    margin-top: 2px !important;
    color: #64748b !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-stats {
    display: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-actions {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-add,
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tools-btn {
    width: auto !important;
    min-width: 0 !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-blank {
    display: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-reset {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
    font-size: 18px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-reset strong {
    display: none !important;
  }

  /* Main content owns the only vertical scrollbar. */
  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f4f7fb !important;
    box-shadow: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-gutter: auto !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel > * {
    grid-column: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace)
    .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue,
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel > .hn-file-queue {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: max-content !important;
    align-content: start !important;
    align-items: start !important;
    justify-content: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    gap: 10px !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-reorder-help {
    grid-column: 1 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* Compact horizontal upload card. */
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    grid-template-rows: auto auto 42px !important;
    column-gap: 10px !important;
    row-gap: 3px !important;
    align-items: start !important;
    align-content: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 122px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .07) !important;
    overflow: hidden !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card > .hn-file-thumb {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    margin: 0 !important;
    border-radius: 12px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card > .hn-file-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: -webkit-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: 32px !important;
    margin: 2px 0 0 !important;
    padding: 0 38px 0 0 !important;
    color: #0f172a !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 850 !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card > .hn-file-meta {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: #64748b !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card > .hn-card-preview-pro {
    top: 8px !important;
    right: 8px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    border-radius: 10px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card > .hn-file-order-badge {
    top: 7px !important;
    left: 7px !important;
    min-width: 25px !important;
    height: 25px !important;
    padding: 0 6px !important;
    font-size: 11px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card > .hn-card-actions-pro {
    grid-column: 2 !important;
    grid-row: 3 !important;
    align-self: end !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 3px !important;
    gap: 3px !important;
    border-radius: 10px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card
    .hn-card-actions-pro .hn-card-action {
    width: 100% !important;
    min-width: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card
    .hn-card-actions-pro .hn-card-action svg {
    width: 15px !important;
    height: 15px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card
    .hn-card-actions-pro .hn-card-action span {
    display: none !important;
  }

  /* Add-file and blank-page cards are compact mobile rows, not tall desktop tiles. */
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-add-card,
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-blank-card {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 82px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-add-card > div,
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-blank-card > div {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    justify-items: start !important;
    column-gap: 12px !important;
    row-gap: 2px !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-add-card .hn-workspace-add-icon,
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-blank-card .hn-workspace-add-icon {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    font-size: 22px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-add-card strong,
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-blank-card strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-add-card > div > span:not(.hn-workspace-add-icon),
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-blank-card > div > span:not(.hn-workspace-add-icon) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card{
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 10px !important;
    overflow: visible !important;
  }

  /* Mobile result screen: cards first, action panel underneath. */
  
  
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-grid,
  body.hn-main-output-open .hn-tool-shell.hn-convert-workspace .hn-workspace-output-grid,
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  /* Horizontal bottom tool rail. */
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-tool-rail,
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail,
  body .hn-workspace-tool-rail {
    grid-column: 1 !important;
    grid-row: 3 !important;
    position: relative !important;
    inset: auto !important;
    z-index: 6 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: calc(var(--hn-mobile-rail-height) + env(safe-area-inset-bottom, 0px)) !important;
    min-height: calc(var(--hn-mobile-rail-height) + env(safe-area-inset-bottom, 0px)) !important;
    max-height: calc(var(--hn-mobile-rail-height) + env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
    padding: 5px 6px env(safe-area-inset-bottom, 0px) !important;
    background: #0f172a !important;
    border: 0 !important;
    border-top: 1px solid rgba(148, 163, 184, .2) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-brand,
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-section-title,
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-capabilities,
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-text {
    display: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-list {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-list::-webkit-scrollbar {
    display: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-section {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: stretch !important;
    gap: 5px !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-tool {
    display: flex !important;
    flex: 0 0 58px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 5px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-tool.is-current {
    background: rgba(37, 99, 235, .24) !important;
    border-color: rgba(147, 197, 253, .34) !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-icon {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    font-size: 16px !important;
  }

  body .hn-workspace-switch-loader {
    top: var(--hn-mobile-topbar-height) !important;
    right: 0 !important;
    bottom: calc(var(--hn-mobile-rail-height) + env(safe-area-inset-bottom, 0px)) !important;
    left: 0 !important;
  }
}


/* v1.2.198 — compact mobile labels for the fixed workspace tool rail. */
.hn-workspace-tool-rail .hn-rail-mobile-label {
  display: none;
}

/* v1.2.193 final mobile flow corrections. */
@media (max-width: 780px) {
  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel.hn-pdf-editor-mode {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: max-content !important;
    align-content: start !important;
  }

  

  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel > .hn-file-queue,
  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel > .hn-workspace-settings-card,
  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel > .hn-main-output-screen,
  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel > .hn-result {
    grid-row: auto !important;
    order: initial !important;
  }
}

/* ============================================================
   v1.2.194 — Mobile workspace scroll/state correction
   Flex app-shell + body portal support. The content panel is the only
   vertical scroller; empty workspaces never retain conversion settings.
============================================================ */
@media (max-width: 780px) {
  html:has(body.hn-convert-workspace-open),
  body.hn-convert-workspace-open {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  body > .hn-tool-shell.hn-convert-workspace,
  body .hn-tool-shell.hn-convert-workspace.hn-mobile-workspace-portal,
  body .hn-tool-shell.hn-convert-workspace {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 2147483000 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
    rotate: none !important;
    filter: none !important;
    perspective: none !important;
    contain: none !important;
    isolation: isolate !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-bar {
    order: 1 !important;
    flex: 0 0 var(--hn-mobile-topbar-height, 60px) !important;
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: var(--hn-mobile-topbar-height, 60px) !important;
    min-height: var(--hn-mobile-topbar-height, 60px) !important;
    max-height: var(--hn-mobile-topbar-height, 60px) !important;
    margin: 0 !important;
    transform: none !important;
    translate: none !important;
    clip-path: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel, body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel.hn-pdf-editor-mode{
    order: 2 !important;
    flex: 1 1 auto !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 10px 10px calc(22px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    overscroll-behavior-x: none !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    scroll-behavior: auto !important;
    scrollbar-gutter: auto !important;
    transform: none !important;
    contain: none !important;
    pointer-events: auto !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-tool-rail,
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail {
    order: 3 !important;
    flex: 0 0 calc(var(--hn-mobile-rail-height, 68px) + env(safe-area-inset-bottom, 0px)) !important;
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel > *,
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card,
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-body,
  body .hn-tool-shell.hn-convert-workspace .hn-options-with-convert,
  body .hn-tool-shell.hn-convert-workspace .hn-row,
  body .hn-tool-shell.hn-convert-workspace .hn-row-3,
  body .hn-tool-shell.hn-convert-workspace .hn-row-4 {
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card,
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-body {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    overflow: visible !important;
    transform: none !important;
    contain: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) > .hn-tool-panel:not([data-hn-main-output="1"]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) > .hn-tool-panel > .hn-file-queue {
    order: 1 !important;
    flex: 0 0 auto !important;
  }
  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace) > .hn-tool-panel > .hn-workspace-settings-card {
    order: 2 !important;
    flex: 0 0 auto !important;
    margin-bottom: 16px !important;
  }

  /* Deleting/resetting the final file must return to a clean upload screen. */
  body .hn-tool-shell.hn-convert-workspace.hn-empty-workspace > .hn-tool-panel,
  body .hn-tool-shell.hn-convert-workspace.hn-force-empty-workspace > .hn-tool-panel {
    display: block !important;
    overflow-y: scroll !important;
  }
  body .hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-workspace-settings-card,
  body .hn-tool-shell.hn-convert-workspace.hn-force-empty-workspace .hn-workspace-settings-card,
  body .hn-tool-shell.hn-convert-workspace.hn-empty-workspace > .hn-tool-panel > .hn-row,
  body .hn-tool-shell.hn-convert-workspace.hn-empty-workspace > .hn-tool-panel > .hn-row-3,
  body .hn-tool-shell.hn-convert-workspace.hn-empty-workspace > .hn-tool-panel > .hn-row-4,
  body .hn-tool-shell.hn-convert-workspace.hn-empty-workspace > .hn-tool-panel > .hn-convert,
  body .hn-tool-shell.hn-convert-workspace.hn-force-empty-workspace > .hn-tool-panel > .hn-row,
  body .hn-tool-shell.hn-convert-workspace.hn-force-empty-workspace > .hn-tool-panel > .hn-row-3,
  body .hn-tool-shell.hn-convert-workspace.hn-force-empty-workspace > .hn-tool-panel > .hn-row-4,
  body .hn-tool-shell.hn-convert-workspace.hn-force-empty-workspace > .hn-tool-panel > .hn-convert {
    display: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop,
  body .hn-tool-shell.hn-convert-workspace.hn-force-empty-workspace .hn-file-drop {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }
}

/* ============================================================
   v1.2.195 — Mobile workspace single-scroller repair
   The fixed workspace shell itself scrolls. Nested panel scrolling caused
   Android Chrome to freeze below the settings card. Empty state is clean.
============================================================ */
@media (max-width: 780px) {
  body > .hn-tool-shell.hn-convert-workspace,
  body .hn-tool-shell.hn-convert-workspace.hn-mobile-workspace-portal,
  body .hn-tool-shell.hn-convert-workspace {
    display: block !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    scroll-behavior: auto !important;
    padding: 0 0 calc(var(--hn-mobile-rail-height, 68px) + env(safe-area-inset-bottom, 0px)) !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-bar {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    min-height: var(--hn-mobile-topbar-height, 60px) !important;
    max-height: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel, body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel.hn-pdf-editor-mode{
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: calc(100dvh - var(--hn-mobile-topbar-height, 60px) - var(--hn-mobile-rail-height, 68px)) !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 10px 10px 24px !important;
    overflow: visible !important;
    touch-action: auto !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-tool-rail,
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 90 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: calc(var(--hn-mobile-rail-height, 68px) + env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
  }

  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace):not(.hn-force-empty-workspace) > .hn-tool-panel:not([data-hn-main-output="1"]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-file-queue,
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  /* Real empty state: upload surface only. */
  body .hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-queue,
  body .hn-tool-shell.hn-convert-workspace.hn-force-empty-workspace .hn-file-queue,
  body .hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-workspace-settings-card,
  body .hn-tool-shell.hn-convert-workspace.hn-force-empty-workspace .hn-workspace-settings-card,
  body .hn-tool-shell.hn-convert-workspace:has(.hn-file-queue:not(:has(.hn-file-card))) .hn-file-queue,
  body .hn-tool-shell.hn-convert-workspace:has(.hn-file-queue:not(:has(.hn-file-card))) .hn-workspace-settings-card {
    display: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace.hn-empty-workspace .hn-file-drop,
  body .hn-tool-shell.hn-convert-workspace.hn-force-empty-workspace .hn-file-drop,
  body .hn-tool-shell.hn-convert-workspace:has(.hn-file-queue:not(:has(.hn-file-card))) .hn-file-drop {
    display: flex !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 420px !important;
    margin: 0 !important;
  }
}


/* ============================================================
   v1.2.196 — Mobile workspace fidelity repair
   - fixed bottom rail no longer hides settings/help/output copy
   - generic upload layout never overrides single/multi-document editors
   - shared result cards use a compact phone layout
   - result grid wrapper is transparent on phones (no stacked white shells)
   - upload drag handle gets a larger touch target
============================================================ */
@media (max-width: 780px) {
  /* Leave real scroll space above the fixed bottom tool rail. */
  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel, body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel.hn-pdf-editor-mode{
    padding-bottom: calc(var(--hn-mobile-rail-height, 68px) + 46px + env(safe-area-inset-bottom, 0px)) !important;
    scroll-padding-bottom: calc(var(--hn-mobile-rail-height, 68px) + 46px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card{
    margin-bottom: 16px !important;
  }

  /* Standard upload workspace only. Editor profiles own their own layout. */
  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace):not(.hn-force-empty-workspace)
    > .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-single-document-editor-active):not(.hn-multi-document-editor-active):not([data-hn-main-output="1"]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace):not(.hn-force-empty-workspace)
    > .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-single-document-editor-active):not(.hn-multi-document-editor-active):not([data-hn-main-output="1"])
    > .hn-file-queue {
    display: grid !important;
  }

  /* Never show the legacy/direct upload queue on top of active editor roots. */
  body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace
    > .hn-tool-panel.hn-multi-document-editor-active > .hn-file-drop,
  body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace
    > .hn-tool-panel.hn-multi-document-editor-active > .hn-file-summary,
  body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace
    > .hn-tool-panel.hn-multi-document-editor-active > .hn-file-queue,
  body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace
    > .hn-tool-panel.hn-single-document-editor-active > .hn-file-drop,
  body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace
    > .hn-tool-panel.hn-single-document-editor-active > .hn-file-summary,
  body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace
    > .hn-tool-panel.hn-single-document-editor-active > .hn-file-queue {
    display: none !important;
  }

  /* Active editor profiles are normal vertical mobile flows, never the generic flex queue. */
  body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace
    > .hn-tool-panel.hn-multi-document-editor-active,
  body .hn-tool-shell.hn-convert-workspace.hn-single-document-workspace
    > .hn-tool-panel.hn-single-document-editor-active {
    display: block !important;
    height: auto !important;
    min-height: calc(100dvh - var(--hn-mobile-topbar-height, 60px) - var(--hn-mobile-rail-height, 68px)) !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace
    .hn-multi-document-workspace-root {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace
    .hn-multi-document-workspace-root > .hn-multi-document-list {
    position: relative !important;
    z-index: 2 !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace
    .hn-multi-document-workspace-root > [data-hn-multi-editor-content="1"] {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  /* A single clean surface around result cards on mobile. */
  

  body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-grid,
  body.hn-main-output-open .hn-tool-shell.hn-convert-workspace .hn-workspace-output-grid,
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-grid {
    gap: 12px !important;
  }

  /* Compact shared result card: preview left, controls/actions right. */
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card {
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    grid-template-rows: auto 44px 44px !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 176px !important;
    padding: 12px !important;
    overflow: hidden !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-preview {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 152px !important;
    min-height: 152px !important;
    max-height: 152px !important;
    margin: 0 !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 1px 36px 0 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info strong {
    display: -webkit-box !important;
    min-height: 0 !important;
    max-height: 42px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info small {
    display: -webkit-box !important;
    max-height: 36px !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-move {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    align-self: stretch !important;
    width: calc(50% - 4px) !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 3px !important;
    display: block !important;
    border-radius: 11px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-move label {
    display: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-move select {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 5px 28px 5px 9px !important;
    font-size: 13px !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-drag-handle {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: calc(50% - 4px) !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    font-size: 11.5px !important;
    line-height: 1.15 !important;
    touch-action: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-bottom-actions {
    grid-column: 2 !important;
    grid-row: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    margin: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-bottom-actions .hn-btn,
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-bottom-actions button {
    min-height: 44px !important;
    height: 44px !important;
    padding: 7px 6px !important;
    font-size: 12px !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-remove-corner {
    top: 8px !important;
    right: 8px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }

  /* Larger touch target for upload-card reordering. */
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card > .hn-card-actions-pro {
    grid-template-columns: .85fr .85fr 1.4fr .85fr !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card
    .hn-card-actions-pro .hn-card-action {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card
    .hn-card-actions-pro .hn-card-action.drag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    touch-action: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card
    .hn-card-actions-pro .hn-card-action.drag span {
    display: inline !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }
}

@media (max-width: 430px) {
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card {
    grid-template-columns: 100px minmax(0, 1fr) !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-preview {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }
}

/* ============================================================
   v1.2.197 — Mobile fixed-rail scroll-tail repair
   The fixed bottom tool rail is removed from document flow. On Android Chrome,
   the last help/security/result copy could therefore stop underneath the rail
   even when panel padding was present. Add a real final flow spacer to the
   workspace scroller so every last line can be scrolled fully above the rail.
============================================================ */
@media (max-width: 780px) {
  body .hn-tool-shell.hn-convert-workspace::after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: calc(var(--hn-mobile-rail-height, 68px) + 72px + env(safe-area-inset-bottom, 0px)) !important;
    min-height: calc(var(--hn-mobile-rail-height, 68px) + 72px + env(safe-area-inset-bottom, 0px)) !important;
    flex: 0 0 auto !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  body .hn-tool-shell.hn-convert-workspace {
    scroll-padding-bottom: calc(var(--hn-mobile-rail-height, 68px) + 88px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel, body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel.hn-pdf-editor-mode{
    padding-bottom: 32px !important;
  }
}


/* v1.2.198 — show a very short caption below each mobile rail icon. */
@media (max-width: 780px) {
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-tool {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    padding: 3px 2px 2px !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-icon {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    flex: 0 0 34px !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-mobile-label {
    display: block !important;
    width: 54px !important;
    max-width: 54px !important;
    margin: 0 !important;
    color: #cbd5e1 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: -.1px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-tool.is-current .hn-rail-mobile-label {
    color: #ffffff !important;
  }
}

/* ============================================================
   v1.2.199 — Real mobile scroll-tail element
   v1.2.197 used a shell pseudo-element. Android Chrome can ignore that
   pseudo-element when the workspace is portaled/fixed and the panel DOM is
   replaced during upload/result transitions. v1.2.199 uses a real element
   inside the active panel so it contributes to scrollHeight in every state.
============================================================ */
@media (max-width: 780px) {
  body .hn-tool-shell.hn-convert-workspace::after {
    display: none !important;
    content: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel > .hn-mobile-scroll-tail,
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel > .hn-mobile-scroll-tail {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: calc(var(--hn-mobile-rail-height, 68px) + 72px + env(safe-area-inset-bottom, 0px)) !important;
    min-height: calc(var(--hn-mobile-rail-height, 68px) + 72px + env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    flex: 0 0 auto !important;
    pointer-events: none !important;
    user-select: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace,
  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel {
    scroll-padding-bottom: calc(var(--hn-mobile-rail-height, 68px) + 88px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (min-width: 781px) {
  .hn-mobile-scroll-tail { display: none !important; }
}


/* ============================================================
   v1.2.200 — Authoritative mobile bottom-rail inset
   The fixed rail overlaps the viewport, so the scroll reserve must live in the
   actual shell scroller, not inside a panel that tools can resize or replace.
============================================================ */
@media (max-width: 780px) {
  body .hn-tool-shell.hn-convert-workspace {
    --hn-mobile-rail-measured: var(--hn-mobile-rail-height, 68px);
    padding-bottom: 0 !important;
    scroll-padding-bottom: calc(var(--hn-mobile-rail-measured) + 56px) !important;
  }

  /* v1.2.199 panel spacers are retired; panel geometry must never create a
     false blank area above/between the real workspace content. */
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel > .hn-mobile-scroll-tail {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* This is a direct child of the shell, which is the real mobile scroller. */
  body .hn-tool-shell.hn-convert-workspace > .hn-mobile-shell-scroll-tail {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: calc(var(--hn-mobile-rail-measured) + 64px) !important;
    min-height: calc(var(--hn-mobile-rail-measured) + 64px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
    user-select: none !important;
  }

  /* Shell is the only vertical scroller. Main-output code may set inline
     height/overflow values, so override them here to keep the final copy in flow. */
  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel{
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding-bottom: 24px !important;
  }

  

  /* Once files exist, the original full upload dropzone must not survive as an
     empty rounded block above the queue. Add-more-files is the upload entry. */
  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace):not(.hn-force-empty-workspace)
    > .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-single-document-editor-active):not(.hn-multi-document-editor-active):not([data-hn-main-output="1"])
    > .hn-file-drop {
    display: none !important;
  }
}

@media (min-width: 781px) {
  .hn-mobile-shell-scroll-tail { display: none !important; }
}


/* ============================================================
   v1.2.203 — PDF.js preview + mobile single-scroller rollback
   Fixes the v1.2.201/202 grid-row regression that collapsed the rail into a
   left strip on some workspace DOM variants. The shell remains the sole
   scroller; the rail stays fixed and the panel reserves its measured height.
============================================================ */
.hn-pdfjs-preview-host,
.hn-pdfjs-preview-wrap { width:100%; min-width:0; }
.hn-pdfjs-preview-wrap { display:flex; flex-direction:column; gap:12px; align-items:stretch; }
.hn-pdfjs-preview-viewport {
  width:100%; min-width:0; min-height:280px; max-height:72vh; overflow:auto;
  display:flex; align-items:flex-start; justify-content:center; padding:10px;
  border:1px solid #e5e7eb; border-radius:14px; background:#e5e7eb;
  -webkit-overflow-scrolling:touch;
}
.hn-pdfjs-preview-viewport.is-loading { opacity:.72; }
.hn-pdfjs-preview-canvas { display:block; max-width:none !important; background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.16); }
.hn-pdfjs-preview-controls { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:10px; align-items:center; }
.hn-pdfjs-preview-controls .hn-btn { min-height:42px; box-shadow:none; }
.hn-pdfjs-preview-page { color:#475569; font-size:13px; font-weight:800; white-space:nowrap; text-align:center; }
.hn-pdfjs-preview-loading { width:100%; min-height:300px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; color:#475569; }
.hn-pdfjs-preview-loading span { width:34px; height:34px; border:3px solid #dbeafe; border-top-color:#2563eb; border-radius:50%; animation:hnPdfPreviewSpin .8s linear infinite; }
.hn-pdfjs-preview-note { width:100%; padding:8px 12px; color:#64748b; font-size:12px; text-align:center; }
@keyframes hnPdfPreviewSpin { to { transform:rotate(360deg); } }

@media (max-width:780px) {
  /* Restore the known-good single shell scroller. Never turn the workspace
     into CSS grid: editor/merge/output DOM variants do not share child order. */
  body > .hn-tool-shell.hn-convert-workspace,
  body .hn-tool-shell.hn-convert-workspace.hn-mobile-workspace-portal,
  body .hn-tool-shell.hn-convert-workspace {
    display:block !important;
    width:100% !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior-y:contain !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
    padding:0 !important;
    scroll-padding-bottom:calc(var(--hn-mobile-rail-measured, 84px) + 48px) !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-bar {
    position:sticky !important;
    top:0 !important;
    z-index:80 !important;
    width:100% !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel, body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel.hn-pdf-editor-mode{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:calc(100dvh - var(--hn-mobile-topbar-height, 60px)) !important;
    max-height:none !important;
    margin:0 !important;
    /* This is real content-box space inside the shell scroller, so the final
       help/security text can move fully above the fixed rail. */
    padding-bottom:calc(var(--hn-mobile-rail-measured, 84px) + 72px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
    touch-action:auto !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-tool-rail,
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail {
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    z-index:90 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:calc(var(--hn-mobile-rail-height, 68px) + env(safe-area-inset-bottom, 0px)) !important;
    max-height:none !important;
    margin:0 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-mobile-shell-scroll-tail,
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel > .hn-mobile-scroll-tail {
    display:none !important;
    height:0 !important;
    min-height:0 !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-multi-document-workspace-root, body .hn-tool-shell.hn-convert-workspace .hn-single-document-workspace-root{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  body .hn-file-preview-dialog { width:calc(100vw - 16px) !important; height:calc(100dvh - 24px) !important; }
  body .hn-file-preview-body,
  .hn-core-output-preview-body,
  .hn-large-preview-body { min-height:0 !important; overflow:auto !important; }
  .hn-pdfjs-preview-viewport { min-height:52vh; max-height:68vh; padding:6px; }
  .hn-pdfjs-preview-controls { grid-template-columns:1fr 1fr; }
  .hn-pdfjs-preview-page { grid-column:1 / -1; grid-row:1; }
}


/* ============================================================
   v1.2.204 — Mobile final-content clearance
   The bottom rail is fixed over the viewport. Reserve clearance on the actual
   terminal content blocks themselves, not only on shell/panel geometry. This
   guarantees the security/help copy can be scrolled completely above the rail
   in upload/settings and result states, including tool-specific output layouts.
============================================================ */
@media (max-width: 780px) {
  /* Upload/settings state: the secure note is the real terminal content. */
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card .hn-settings-secure-note {
    display: flex !important;
    position: relative !important;
    margin-bottom: calc(var(--hn-mobile-rail-measured, 84px) + 28px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Result state: reserve the rail height after the complete output-actions
     surface regardless of which tool generated the help copy. */
  

  /* Some result renderers place their final explanatory paragraph outside the
     action card. Give every terminal flow node a non-collapsing bottom reserve. */
  body .hn-tool-shell.hn-convert-workspace > .hn-tool-panel > :last-child, body .hn-tool-shell.hn-convert-workspace .hn-main-output-screen > :last-child, body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > :last-child{
    margin-bottom: calc(var(--hn-mobile-rail-measured, 84px) + 32px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Do not let a fixed-height/overflow rule in a tool-specific module clip the
     newly reserved terminal space. */
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-card, body .hn-tool-shell.hn-convert-workspace .hn-workspace-settings-body, body .hn-tool-shell.hn-convert-workspace .hn-main-output-screen{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* ============================================================
   v1.2.205 — Workspace All Tools directory + shared color reset
============================================================ */
body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open > .hn-tool-panel {
  display: none !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open .hn-workspace-actions {
  display: none !important;
}
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-all-tools-view {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: auto !important;
  padding: 16px !important;
  background: #f8fafc !important;
  box-sizing: border-box !important;
}
.hn-workspace-directory-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
  padding: 14px 15px;
  border: 1px solid #dfe7f0;
  border-radius: 15px;
  background: #fff;
}
.hn-workspace-directory-head > div { min-width: 0; }
.hn-workspace-directory-head > div > span {
  display: block;
  margin-bottom: 3px;
  color: #e11d2e;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
}
.hn-workspace-directory-head > div > strong {
  display: block;
  color: #0f172a;
  font-size: 19px;
  line-height: 1.2;
}
.hn-workspace-directory-head > div > small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
}
.hn-workspace-directory-back {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid #d7e0ea;
  border-radius: 10px;
  background: #fff;
  color: #0f172a;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}
.hn-workspace-directory-back:hover { background: #f1f5f9; }
.hn-workspace-directory-search-wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.hn-workspace-directory-search-wrap > span {
  position: absolute;
  left: 13px;
  color: #64748b;
  font-size: 19px;
  pointer-events: none;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-directory-search {
  width: 100% !important;
  min-height: 44px !important;
  padding: 9px 42px 9px 40px !important;
  border: 1px solid #cfd9e6 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: 14px !important;
  box-shadow: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-directory-search:focus {
  border-color: #2563eb !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.10) !important;
}
.hn-workspace-directory-clear {
  position: absolute;
  right: 7px;
  width: 31px;
  height: 31px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #64748b;
  font-size: 20px;
  cursor: pointer;
}
.hn-workspace-directory-clear:hover { background: #eef2f7; color: #0f172a; }
.hn-workspace-directory-filters {
  display: flex;
  gap: 6px;
  min-width: 0;
  margin-bottom: 12px;
  overflow-x: auto;
  padding: 1px 0 3px;
  scrollbar-width: thin;
}
.hn-workspace-directory-filter {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 6px 9px;
  border: 1px solid #dbe3ed;
  border-radius: 9px;
  background: #fff;
  color: #334155;
  font: inherit;
  font-size: 10.5px;
  font-weight: 850;
  cursor: pointer;
}
.hn-workspace-directory-filter b {
  min-width: 19px;
  padding: 2px 5px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
  font-size: 9px;
}
.hn-workspace-directory-filter.is-active {
  border-color: #0f172a;
  background: #0f172a;
  color: #fff;
}
.hn-workspace-directory-filter.is-active b { background: rgba(255,255,255,.14); color:#fff; }
.hn-workspace-directory-sections { display: grid; gap: 11px; }
.hn-workspace-directory-section {
  padding: 11px;
  border: 1px solid #dfe7ef;
  border-radius: 14px;
  background: #fff;
}
.hn-workspace-directory-section[hidden],
.hn-workspace-directory-tool[hidden] { display: none !important; }
.hn-workspace-directory-section-head {
  display: grid;
  grid-template-columns: 32px minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}
.hn-workspace-directory-category-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #f1f5f9;
  font-size: 15px;
}
.hn-workspace-directory-section-head > strong { color:#0f172a; font-size:13px; }
.hn-workspace-directory-section-head > b {
  min-width: 26px;
  padding: 4px 7px;
  border-radius: 8px;
  background: #f1f5f9;
  color: #64748b;
  font-size: 9px;
  text-align: center;
}
.hn-workspace-directory-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 6px;
}
.hn-workspace-directory-tool {
  display: grid;
  grid-template-columns: 31px minmax(0,1fr) 14px;
  gap: 8px;
  align-items: center;
  min-width: 0;
  min-height: 50px;
  padding: 7px 8px;
  border: 1px solid #e5eaf0;
  border-radius: 10px;
  background: #fbfcfe;
  color: #0f172a !important;
  text-decoration: none !important;
}
.hn-workspace-directory-tool:hover { border-color:#b9c8da; background:#fff; }
.hn-workspace-directory-tool-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 9px;
  background: #eef4ff;
  font-size: 14px;
}
.hn-workspace-directory-tool-copy { min-width:0; }
.hn-workspace-directory-tool-copy strong,
.hn-workspace-directory-tool-copy small {
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hn-workspace-directory-tool-copy strong { color:#0f172a; font-size:11px; line-height:1.2; }
.hn-workspace-directory-tool-copy small { margin-top:2px; color:#64748b; font-size:9px; line-height:1.2; }
.hn-workspace-directory-tool-arrow { color:#94a3b8; font-size:17px; }
.hn-workspace-directory-empty {
  margin-top: 12px;
  padding: 28px 14px;
  border: 1px dashed #cbd5e1;
  border-radius: 13px;
  background: #fff;
  text-align: center;
}
.hn-workspace-directory-empty > span { display:block; color:#94a3b8; font-size:24px; }
.hn-workspace-directory-empty > strong { display:block; margin-top:5px; color:#0f172a; font-size:13px; }
.hn-workspace-directory-empty > small { display:block; margin-top:4px; color:#64748b; font-size:10px; }

/* Generic color reset button: Core owns the behavior for every tool. */
.hn-color-reset-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 0 !important;
  min-height: 30px !important;
  margin-top: 6px !important;
  padding: 5px 9px !important;
  border: 1px solid #d6dee8 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #475569 !important;
  font: inherit !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
.hn-color-reset-btn:hover { border-color:#b9c7d8 !important; background:#f8fafc !important; color:#0f172a !important; }

@media (max-width: 1100px) and (min-width: 781px) {
  .hn-workspace-directory-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 780px) {
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-all-tools-view {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: calc(100dvh - var(--hn-mobile-topbar-height, 60px)) !important;
    overflow: visible !important;
    padding: 10px 10px calc(var(--hn-mobile-rail-measured, 84px) + 32px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .hn-workspace-directory-head { align-items:flex-start; padding:12px; }
  .hn-workspace-directory-head > div > strong { font-size:17px; }
  .hn-workspace-directory-head > div > small { font-size:10px; }
  .hn-workspace-directory-back { min-height:34px; padding:6px 9px; }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-directory-search { font-size:16px !important; }
  .hn-workspace-directory-grid { grid-template-columns:1fr; gap:5px; }
  .hn-workspace-directory-tool { min-height:48px; }
  .hn-workspace-directory-tool-copy small { display:none; }
  .hn-workspace-directory-section { padding:9px; }
}

/* ============================================================
   v1.2.206 — All Tools exclusive workspace surface
   The directory must fully replace every editor/result/upload surface while it
   is open. Tool modules may use stronger !important display rules, so JS also
   suspends direct workspace surfaces with inline !important display:none.
============================================================ */
body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open
  > :not(.hn-workspace-tool-rail):not(.hn-workspace-bar):not(.hn-workspace-all-tools-view) {
  display: none !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open
  > .hn-workspace-bar .hn-workspace-stats,
body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open
  > .hn-workspace-bar .hn-workspace-actions {
  display: none !important;
}
body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open
  > .hn-workspace-all-tools-view {
  display: block !important;
  position: relative !important;
  z-index: 20 !important;
  isolation: isolate;
}


/* ============================================================
   v1.2.207 — All Tools hard exclusive layer
   Result/editor modules may re-assert display:* !important after the rail click.
   All Tools therefore owns the complete content cell while open and suspends
   every underlying tool surface with visibility/opacity as well as display.
============================================================ */
body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open {
  position: fixed !important;
}

body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open .hn-tool-panel, body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open .hn-workspace-result-overlay, body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open .hn-main-output-screen{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open
  > .hn-workspace-bar .hn-workspace-stats,
body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open
  > .hn-workspace-bar .hn-workspace-actions {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (min-width: 641px) {
  body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open
    > .hn-workspace-all-tools-view {
    display: block !important;
    position: absolute !important;
    /* This absolute grid item is already anchored to grid-column 2 / row 2.
       Offsetting it by the rail/topbar a second time created the large blank
       strip visible on the left and top. */
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    z-index: 2147483000 !important;
    overflow: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: #f8fafc !important;
    isolation: isolate !important;
  }
}

@media (max-width: 640px) {
  body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open
    > .hn-workspace-all-tools-view {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 64px !important;
    right: 0 !important;
    bottom: var(--hn-mobile-rail-measured, 72px) !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    z-index: 2147483000 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: #f8fafc !important;
    isolation: isolate !important;
  }
}


/* ============================================================
   v1.2.210 — All Tools alignment + single active rail item
============================================================ */
@media (min-width: 641px) {
  body .hn-tool-shell.hn-convert-workspace.hn-workspace-all-tools-open
    > .hn-workspace-all-tools-view {
    grid-column: 2 !important;
    grid-row: 2 !important;
    padding: 12px !important;
  }
}


/* ============================================================
   v1.2.211 — distinct contextual workspace rail identities
============================================================ */
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-icon.hn-rail-visual {
  display:grid !important;
  place-items:center !important;
  border:1px solid color-mix(in srgb,var(--hn-rail-visual-accent,#64748b) 20%,#dbe3ec) !important;
  background:var(--hn-rail-visual-soft,#f8fafc) !important;
  color:var(--hn-rail-visual-accent,#475569) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45) !important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-icon.hn-rail-visual > span {
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  font-size:9px !important;
  line-height:1 !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-edit { --hn-rail-visual-accent:#d97706; --hn-rail-visual-soft:#fff8e8; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-merge { --hn-rail-visual-accent:#16a34a; --hn-rail-visual-soft:#edf9f0; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-split { --hn-rail-visual-accent:#2563eb; --hn-rail-visual-soft:#eef4ff; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-delete { --hn-rail-visual-accent:#dc2626; --hn-rail-visual-soft:#fff1f2; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-numbers { --hn-rail-visual-accent:#0891b2; --hn-rail-visual-soft:#ecfeff; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-compress { --hn-rail-visual-accent:#7c3aed; --hn-rail-visual-soft:#f5f1ff; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-resize { --hn-rail-visual-accent:#0284c7; --hn-rail-visual-soft:#eaf8ff; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-pdf { --hn-rail-visual-accent:#e11d2e; --hn-rail-visual-soft:#fff1f3; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-jpg { --hn-rail-visual-accent:#d97706; --hn-rail-visual-soft:#fff7e8; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-png { --hn-rail-visual-accent:#0284c7; --hn-rail-visual-soft:#edf8ff; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-webp { --hn-rail-visual-accent:#15803d; --hn-rail-visual-soft:#edf9f0; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-tiff { --hn-rail-visual-accent:#7c3aed; --hn-rail-visual-soft:#f5f1ff; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-word { --hn-rail-visual-accent:#2563eb; --hn-rail-visual-soft:#eef4ff; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-image { --hn-rail-visual-accent:#ea580c; --hn-rail-visual-soft:#fff4ed; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-text { --hn-rail-visual-accent:#15803d; --hn-rail-visual-soft:#edf9f0; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-calculator { --hn-rail-visual-accent:#6d28d9; --hn-rail-visual-soft:#f4efff; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-social { --hn-rail-visual-accent:#db2777; --hn-rail-visual-soft:#fff0f7; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-visual-all { --hn-rail-visual-accent:#0f172a; --hn-rail-visual-soft:#f1f5f9; }
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-tool.is-current .hn-rail-visual {
  border-color:color-mix(in srgb,var(--hn-rail-visual-accent,#60a5fa) 34%,#cbd5e1) !important;
  box-shadow:0 4px 12px color-mix(in srgb,var(--hn-rail-visual-accent,#2563eb) 14%,transparent) !important;
}
@media (max-width:780px) {
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-icon.hn-rail-visual > span { font-size:10px !important; }
}

/* ============================================================
   v1.2.212 — workflow-correct navigation + layered tool visuals
============================================================ */
body .hn-tool-shell.hn-convert-workspace .hn-tool-visual,
.hn-workspace-directory-tool .hn-tool-visual,
.hn-workspace-tool-link .hn-tool-visual {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  width:36px !important;
  min-width:36px !important;
  height:34px !important;
  padding:3px !important;
  border:1px solid #dfe6ef !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#475569 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-tool-visual > span:not(.hn-tool-format),
.hn-workspace-directory-tool .hn-tool-visual > span:not(.hn-tool-format),
.hn-workspace-tool-link .hn-tool-visual > span:not(.hn-tool-format) {
  display:grid !important;
  place-items:center !important;
  width:25px !important;
  height:25px !important;
  border-radius:8px !important;
  background:var(--hn-visual-soft,#f8fafc) !important;
  color:var(--hn-visual-accent,#475569) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-tool-visual-convert,
.hn-workspace-directory-tool .hn-tool-visual-convert,
.hn-workspace-tool-link .hn-tool-visual-convert {
  width:40px !important;
  min-width:40px !important;
  background:#fff !important;
}
.hn-tool-visual-convert .hn-tool-format {
  display:grid !important;
  place-items:center !important;
  min-width:15px !important;
  height:21px !important;
  padding:0 2px !important;
  border-radius:6px !important;
  color:#fff !important;
  font-size:5.5px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
}
.hn-tool-visual-convert > i {
  margin:0 -3px !important;
  color:#94a3b8 !important;
  font-size:7px !important;
  font-style:normal !important;
  font-weight:900 !important;
  transform:translateY(6px) !important;
  z-index:2 !important;
}
.hn-tool-format-pdf { background:#e11d2e !important; }
.hn-tool-format-jpg,.hn-tool-format-jpeg { background:#f59e0b !important; }
.hn-tool-format-png { background:#0284c7 !important; }
.hn-tool-format-webp { background:#16a34a !important; }
.hn-tool-format-tiff,.hn-tool-format-tif { background:#7c3aed !important; }
.hn-tool-format-word,.hn-tool-format-docx { background:#2563eb !important; }
.hn-tool-format-image,.hn-tool-format-images,.hn-tool-format-img { background:#ea580c !important; }

.hn-tool-visual-edit { --hn-visual-accent:#d97706; --hn-visual-soft:#fff8e8; }
.hn-tool-visual-merge { --hn-visual-accent:#f06449; --hn-visual-soft:#fff1ec; }
.hn-tool-visual-split { --hn-visual-accent:#2563eb; --hn-visual-soft:#eef4ff; }
.hn-tool-visual-delete { --hn-visual-accent:#dc2626; --hn-visual-soft:#fff1f2; }
.hn-tool-visual-numbers { --hn-visual-accent:#a8558e; --hn-visual-soft:#fbf0f8; }
.hn-tool-visual-compress { --hn-visual-accent:#76b84b; --hn-visual-soft:#f0fae9; }
.hn-tool-visual-resize { --hn-visual-accent:#0284c7; --hn-visual-soft:#eaf8ff; }
.hn-tool-visual-word { --hn-visual-accent:#2563eb; --hn-visual-soft:#eef4ff; }
.hn-tool-visual-image { --hn-visual-accent:#ea580c; --hn-visual-soft:#fff4ed; }
.hn-tool-visual-pdf { --hn-visual-accent:#e11d2e; --hn-visual-soft:#fff1f3; }
.hn-tool-visual-security { --hn-visual-accent:#467dac; --hn-visual-soft:#edf6ff; }
.hn-tool-visual-rotate { --hn-visual-accent:#a8558e; --hn-visual-soft:#fbf0f8; }
.hn-tool-visual-crop { --hn-visual-accent:#a8558e; --hn-visual-soft:#fbf0f8; }
.hn-tool-visual-repair { --hn-visual-accent:#76b84b; --hn-visual-soft:#f0fae9; }
.hn-tool-visual-ocr { --hn-visual-accent:#76b84b; --hn-visual-soft:#f0fae9; }
.hn-tool-visual-scan { --hn-visual-accent:#f06449; --hn-visual-soft:#fff1ec; }
.hn-tool-visual-sign { --hn-visual-accent:#467dac; --hn-visual-soft:#edf6ff; }
.hn-tool-visual-watermark { --hn-visual-accent:#a8558e; --hn-visual-soft:#fbf0f8; }
.hn-tool-visual-forms { --hn-visual-accent:#7c3aed; --hn-visual-soft:#f5f1ff; }
.hn-tool-visual-text { --hn-visual-accent:#15803d; --hn-visual-soft:#edf9f0; }
.hn-tool-visual-calculator { --hn-visual-accent:#6d28d9; --hn-visual-soft:#f4efff; }
.hn-tool-visual-social { --hn-visual-accent:#db2777; --hn-visual-soft:#fff0f7; }
.hn-tool-visual-other { --hn-visual-accent:#64748b; --hn-visual-soft:#f8fafc; }

/* Give the new layered conversion badges enough real estate in All Tools and
   related-tools surfaces instead of squeezing them into the old emoji column. */
.hn-workspace-directory-tool {
  grid-template-columns:42px minmax(0,1fr) 14px !important;
}
.hn-workspace-directory-tool-icon.hn-tool-visual {
  margin:0 !important;
}
.hn-workspace-tool-link .hn-workspace-tool-icon.hn-tool-visual {
  flex:0 0 40px !important;
}

/* Legacy v1.2.211 visual wrappers are no longer used for tool buttons, but the
   All Tools symbol keeps its existing class. */
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-icon.hn-tool-visual {
  box-shadow:none !important;
}

@media (max-width:780px) {
  body .hn-tool-shell.hn-convert-workspace .hn-tool-visual {
    width:34px !important;
    min-width:34px !important;
    height:32px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-tool-visual-convert {
    width:38px !important;
    min-width:38px !important;
  }
}

/* ============================================================
   v1.2.213 — compact professional SVG icon system
   Icons are deliberately small.  Labels carry meaning; icons only accelerate
   recognition and never occupy the same visual weight as the tool name.
============================================================ */
body .hn-tool-shell.hn-convert-workspace .hn-tool-visual,
.hn-workspace-directory-tool .hn-tool-visual,
.hn-workspace-tool-link .hn-tool-visual {
  position:relative !important;
  display:inline-grid !important;
  place-items:center !important;
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:6px !important;
  background:var(--hn-visual-accent,#64748b) !important;
  color:#fff !important;
  overflow:visible !important;
  box-shadow:0 1px 2px rgba(15,23,42,.10) !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-tool-visual svg,
.hn-workspace-directory-tool .hn-tool-visual svg,
.hn-workspace-tool-link .hn-tool-visual svg {
  width:15px !important;
  height:15px !important;
  display:block !important;
  color:inherit !important;
}

/* Conversions use two tiny overlapping format tiles, matching conventional
   document-tool navigation instead of a large 40px badge. */
body .hn-tool-shell.hn-convert-workspace .hn-tool-visual-convert,
.hn-workspace-directory-tool .hn-tool-visual-convert,
.hn-workspace-tool-link .hn-tool-visual-convert {
  display:block !important;
  width:27px !important;
  min-width:27px !important;
  height:24px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.hn-tool-visual-convert .hn-tool-format {
  position:absolute !important;
  display:grid !important;
  place-items:center !important;
  width:16px !important;
  min-width:16px !important;
  height:17px !important;
  padding:0 1px !important;
  border:1px solid rgba(255,255,255,.8) !important;
  border-radius:4px !important;
  color:#fff !important;
  font-size:5.3px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:-.05em !important;
  box-shadow:0 1px 2px rgba(15,23,42,.13) !important;
}
.hn-tool-visual-convert .hn-tool-format:first-child { left:1px !important; top:1px !important; z-index:1 !important; }
.hn-tool-visual-convert .hn-tool-format-to { right:1px !important; bottom:1px !important; z-index:3 !important; }
.hn-tool-visual-convert > i {
  position:absolute !important;
  right:10px !important;
  bottom:5px !important;
  z-index:4 !important;
  margin:0 !important;
  color:#fff !important;
  font-size:5.8px !important;
  font-style:normal !important;
  font-weight:900 !important;
  line-height:1 !important;
  transform:none !important;
  text-shadow:0 1px 1px rgba(15,23,42,.2) !important;
}
.hn-tool-format-pdf { background:#ef3340 !important; }
.hn-tool-format-jpg,.hn-tool-format-jpeg { background:#e5bd18 !important; }
.hn-tool-format-png { background:#3a91d6 !important; }
.hn-tool-format-webp { background:#66ad56 !important; }
.hn-tool-format-tiff,.hn-tool-format-tif { background:#9b5ad6 !important; }
.hn-tool-format-word,.hn-tool-format-docx { background:#3d85c6 !important; }
.hn-tool-format-image,.hn-tool-format-images,.hn-tool-format-img { background:#e8aa26 !important; }

/* Palette tuned to the reference style: compact, flat, recognisable. */
.hn-tool-visual-edit { --hn-visual-accent:#19b8bd; }
.hn-tool-visual-merge { --hn-visual-accent:#7565e8; }
.hn-tool-visual-split { --hn-visual-accent:#8a63df; }
.hn-tool-visual-delete { --hn-visual-accent:#e05a68; }
.hn-tool-visual-numbers { --hn-visual-accent:#20b9bd; }
.hn-tool-visual-compress { --hn-visual-accent:#ef3340; }
.hn-tool-visual-resize { --hn-visual-accent:#2aa6c6; }
.hn-tool-visual-word { --hn-visual-accent:#3d85c6; }
.hn-tool-visual-image { --hn-visual-accent:#e8aa26; }
.hn-tool-visual-pdf { --hn-visual-accent:#ef3340; }
.hn-tool-visual-security { --hn-visual-accent:#4b86b7; }
.hn-tool-visual-rotate,.hn-tool-visual-crop,.hn-tool-visual-watermark { --hn-visual-accent:#a95a92; }
.hn-tool-visual-repair,.hn-tool-visual-ocr { --hn-visual-accent:#83ba55; }
.hn-tool-visual-scan { --hn-visual-accent:#ef694f; }
.hn-tool-visual-sign { --hn-visual-accent:#4b86b7; }
.hn-tool-visual-forms { --hn-visual-accent:#8753dc; }
.hn-tool-visual-text { --hn-visual-accent:#22a76f; }
.hn-tool-visual-calculator { --hn-visual-accent:#7157d9; }
.hn-tool-visual-social { --hn-visual-accent:#df3b8e; }
.hn-tool-visual-other { --hn-visual-accent:#64748b; }

/* Desktop workspace rail: remove oversized icon column and keep text clear. */
@media (min-width:781px) {
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-tool {
    grid-template-columns:29px minmax(0,1fr) !important;
    gap:7px !important;
    min-height:42px !important;
    padding:5px 7px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-icon.hn-tool-visual {
    width:24px !important;
    min-width:24px !important;
    height:24px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-icon.hn-tool-visual-convert {
    width:27px !important;
    min-width:27px !important;
    height:24px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-text strong {
    font-size:11px !important;
    line-height:1.16 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-text small {
    font-size:9px !important;
    line-height:1.15 !important;
  }
}

/* All Tools / related-tool lists use a 30px visual column, not the previous
   42px allocation. */
.hn-workspace-directory-tool { grid-template-columns:30px minmax(0,1fr) 14px !important; gap:7px !important; }
.hn-workspace-tool-link .hn-workspace-tool-icon.hn-tool-visual { flex:0 0 27px !important; }

/* All Tools rail control is a small neutral 4-grid icon. */
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-icon.hn-rail-visual-all {
  display:grid !important;
  place-items:center !important;
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:6px !important;
  background:#f1f5f9 !important;
  color:#334155 !important;
  box-shadow:none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-icon.hn-rail-visual-all svg { width:14px !important; height:14px !important; display:block !important; }

@media (max-width:780px) {
  /* Mobile bottom rail remains touch-friendly; only the drawing inside the
     button is smaller. */
  body .hn-tool-shell.hn-convert-workspace .hn-tool-visual,
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-icon.hn-rail-visual-all {
    width:22px !important;
    min-width:22px !important;
    height:22px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-tool-visual svg { width:13px !important; height:13px !important; }
  body .hn-tool-shell.hn-convert-workspace .hn-tool-visual-convert { width:25px !important; min-width:25px !important; height:22px !important; }
}


/* ============================================================
   v1.2.226 — capability-correct workspace chrome
   The workspace badge follows the real tool family, and empty legacy rows or
   preview placeholders can never render as floating white artifacts.
============================================================ */
body .hn-tool-shell.hn-convert-workspace .hn-workspace-left[data-hn-workspace-family="image"]::before {
  color:#ea580c !important;
  background:#fff7ed !important;
  border-color:#fed7aa !important;
  box-shadow:0 10px 22px rgba(234,88,12,.10) !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-left[data-hn-workspace-family="pdf"]::before {
  color:#e11d2e !important;
  background:#fff1f3 !important;
  border-color:#fecdd3 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-left[data-hn-workspace-family="resize"]::before,
body .hn-tool-shell.hn-convert-workspace .hn-workspace-left[data-hn-workspace-family="social"]::before {
  color:#2563eb !important;
  background:#eff6ff !important;
  border-color:#bfdbfe !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-tool-panel > .hn-row:empty,
body .hn-tool-shell.hn-convert-workspace .hn-tool-panel > .hn-row-3:empty,
body .hn-tool-shell.hn-convert-workspace .hn-tool-panel > .hn-row-4:empty,
body .hn-tool-shell.hn-convert-workspace .hn-tool-panel > .hn-workspace-preview:empty {
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
}


/* ============================================================
   v1.2.260 — single standard-workspace geometry owner
   Upload, Loaded and Result use the same panel grid and the same main/action
   slots. Result content reuses the real file-queue and settings-card surfaces;
   state changes do not recalculate geometry. Specialist editors and processing
   remain outside this contract.
============================================================ */
@media (min-width: 781px) {
  body .hn-tool-shell.hn-convert-workspace >
    .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-single-document-editor-active):not(.hn-multi-document-editor-active):not(.hn-processing-mode) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(
      var(--hn-workspace-action-column-min, 228px),
      var(--hn-workspace-action-column-max, 248px)
    ) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 10px !important;
    align-items: start !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable !important;
  }

  /* Main slot: the actual upload drop/file queue and the result file queue. */
  body .hn-tool-shell.hn-convert-workspace >
    .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-single-document-editor-active):not(.hn-multi-document-editor-active):not(.hn-processing-mode) > .hn-file-drop,
  body .hn-tool-shell.hn-convert-workspace >
    .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-single-document-editor-active):not(.hn-multi-document-editor-active):not(.hn-processing-mode) > .hn-file-queue,
  body .hn-tool-shell.hn-convert-workspace [data-hn-workspace-slot="main"].hn-file-queue {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 100% !important;
    margin: 0 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
  }

  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace):not(.hn-force-empty-workspace) >
    .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-single-document-editor-active):not(.hn-multi-document-editor-active):not(.hn-processing-mode) > .hn-file-queue,
  body .hn-tool-shell.hn-convert-workspace [data-hn-workspace-slot="main"].hn-file-queue {
    display: grid !important;
    grid-row: 1 !important;
    padding: 24px 18px 28px !important;
    gap: var(--hn-workspace-main-gap, 16px) !important;
    align-content: start !important;
    align-items: start !important;
    justify-content: start !important;
    overflow: visible !important;
  }

  /* Action slot: the actual loaded settings card and the result action card. */
  body .hn-tool-shell.hn-convert-workspace >
    .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-single-document-editor-active):not(.hn-multi-document-editor-active):not(.hn-processing-mode) > .hn-workspace-settings-card,
  body .hn-tool-shell.hn-convert-workspace [data-hn-workspace-slot="action"].hn-workspace-settings-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: var(--hn-workspace-action-column-max, 248px) !important;
    margin: 0 !important;
    justify-self: stretch !important;
    align-self: start !important;
    box-sizing: border-box !important;
  }

  /* Result wrapper is only an event/semantic scope. It contributes no geometry. */
  body .hn-tool-shell.hn-convert-workspace .hn-main-output-screen {
    display: contents !important;
  }

  /* The inner result grid must span the same file-queue surface. */
  body .hn-tool-shell.hn-convert-workspace [data-hn-workspace-slot="main"] > .hn-core-output-grid,
  body .hn-tool-shell.hn-convert-workspace [data-hn-workspace-slot="main"] > .hn-output-group {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Result action content sits inside the real settings-card body. */
  body .hn-tool-shell.hn-convert-workspace [data-hn-workspace-slot="action"] .hn-output-actions-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

@media (max-width: 780px) {
  body .hn-tool-shell.hn-convert-workspace .hn-main-output-screen {
    display: contents !important;
  }
  body .hn-tool-shell.hn-convert-workspace [data-hn-workspace-slot="main"],
  body .hn-tool-shell.hn-convert-workspace [data-hn-workspace-slot="action"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* ============================================================
   v1.2.240 — compact professional desktop result cards
============================================================ */
@media (min-width: 981px) {
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > .hn-workspace-output-grid.hn-core-output-grid,
  body.hn-main-output-open .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > .hn-workspace-output-grid.hn-core-output-grid {
    grid-template-columns: repeat(auto-fill, minmax(216px, 232px)) !important;
    gap: 14px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > .hn-workspace-output-grid.hn-core-output-grid > .hn-core-output-card {
    display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:112px auto 38px 38px !important; column-gap:8px !important; row-gap:8px !important;
    width:100% !important; max-width:232px !important; min-height:0 !important; height:auto !important;
    padding:10px !important; border-radius:15px !important; box-shadow:0 8px 24px rgba(15,23,42,.07) !important; overflow:hidden !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-preview {
    grid-column:1 / -1 !important; grid-row:1 !important; width:100% !important; min-width:0 !important; max-width:100% !important;
    height:112px !important; min-height:112px !important; max-height:112px !important; margin:0 !important; border-radius:11px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info {
    grid-column:1 / -1 !important; grid-row:2 !important; min-width:0 !important; margin:0 !important; padding:0 28px 0 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info strong {
    font-size:12.5px !important; line-height:1.25 !important; max-height:32px !important; -webkit-line-clamp:2 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info small {
    margin-top:3px !important; font-size:10.5px !important; line-height:1.3 !important; max-height:29px !important; -webkit-line-clamp:2 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-move {
    grid-column:1 !important; grid-row:3 !important; width:100% !important; min-width:0 !important; height:38px !important; min-height:38px !important;
    margin:0 !important; padding:2px !important; align-self:stretch !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-move label { display:none !important; }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-move select {
    width:100% !important; height:34px !important; min-height:34px !important; padding:4px 26px 4px 8px !important; font-size:12px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-drag-handle,
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-drag-handle {
    grid-column:2 !important; grid-row:3 !important; width:100% !important; min-width:0 !important; height:38px !important; min-height:38px !important;
    margin:0 !important; padding:5px 6px !important; font-size:10.5px !important; line-height:1.15 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-bottom-actions {
    grid-column:1 / -1 !important; grid-row:4 !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important; width:100% !important; height:38px !important; margin:0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-bottom-actions .hn-btn,
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-bottom-actions button {
    height:38px !important; min-height:38px !important; padding:5px 6px !important; font-size:11px !important; border-radius:9px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-remove-corner {
    top:8px !important; right:8px !important; width:28px !important; height:28px !important; min-width:28px !important; min-height:28px !important;
  }
}


/* ============================================================
   v1.2.241 — complete compact result-card controls + immutable state geometry
   - Keep the shorter v1.2.240 card concept, but restore the complete shared
     result-card contract: Rotate, Copy, Move, Drag, Preview, Download, Remove.
   - Narrow desktop result cards slightly.
   - Reserve the same outer scrollbar gutter in Upload, Processing and Result
     so the left board and the right action column never shift during state changes.
============================================================ */
@media (min-width: 781px) {
  body.hn-processing-screen-open .hn-tool-shell.hn-convert-workspace >
    .hn-tool-panel.hn-processing-mode:not(.hn-pdf-editor-mode){
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable !important;
  }
}

@media (min-width: 981px) {
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > .hn-workspace-output-grid.hn-core-output-grid,
  body.hn-main-output-open .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > .hn-workspace-output-grid.hn-core-output-grid {
    grid-template-columns: repeat(auto-fill, minmax(196px, 214px)) !important;
    gap: 12px !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-workspace-output-main > .hn-workspace-output-grid.hn-core-output-grid > .hn-core-output-card {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 100px auto 30px 34px 34px !important;
    column-gap: 7px !important;
    row-gap: 7px !important;
    max-width: 214px !important;
    padding: 9px !important;
    border-radius: 14px !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-preview {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    border-radius: 10px !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    padding: 0 24px 0 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info strong {
    font-size: 12px !important;
    line-height: 1.22 !important;
    max-height: 30px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-info small {
    margin-top: 2px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    max-height: 26px !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-utility-actions {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 30px !important;
    margin: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-utility-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 3px 6px !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    color: #334155 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-utility-actions button:hover:not(:disabled) {
    background: #F8FAFC !important;
    border-color: #CBD5E1 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-utility-actions button:disabled {
    opacity: .42 !important;
    cursor: not-allowed !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-utility-actions svg {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-move {
    grid-column: 1 !important;
    grid-row: 4 !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 1px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-move select {
    height: 32px !important;
    min-height: 32px !important;
    padding: 3px 24px 3px 7px !important;
    font-size: 11px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-drag-handle,
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-drag-handle {
    grid-column: 2 !important;
    grid-row: 4 !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 4px 5px !important;
    font-size: 10px !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-bottom-actions {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    height: 34px !important;
    gap: 7px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-bottom-actions .hn-btn,
  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-page-bottom-actions button {
    height: 34px !important;
    min-height: 34px !important;
    padding: 4px 5px !important;
    font-size: 10.5px !important;
    border-radius: 8px !important;
  }

  body .hn-tool-shell.hn-convert-workspace .hn-core-output-card .hn-edit-remove-corner {
    top: 7px !important;
    right: 7px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    font-size: 16px !important;
  }
}


/* ============================================================
   v1.2.244 — restore the dedicated PDF preview workspace.
   PDF previews use a narrow page list, large canvas and page navigation without
   changing image preview behavior or the upload/processing/result geometry.
============================================================ */
.hn-pdfjs-preview-wrap.hn-pdfjs-preview-workspace {
  display:grid !important;
  grid-template-columns:112px minmax(0,1fr) !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
  height:min(74vh,760px) !important;
  min-height:460px !important;
  align-items:stretch !important;
}
.hn-pdfjs-preview-sidebar {
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:10px 8px !important;
  overflow:hidden !important;
  border:1px solid #E2E8F0 !important;
  border-radius:12px !important;
  background:#F8FAFC !important;
}
.hn-pdfjs-preview-sidebar > strong {
  padding:0 3px !important;
  color:#334155 !important;
  font-size:12px !important;
  font-weight:900 !important;
}
.hn-pdfjs-preview-page-list {
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:1px 2px 4px !important;
  scrollbar-gutter:stable !important;
}
.hn-pdfjs-preview-thumb {
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  padding:6px 5px !important;
  border:1px solid #E2E8F0 !important;
  border-radius:10px !important;
  background:#FFFFFF !important;
  color:#475569 !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
.hn-pdfjs-preview-thumb:hover,
.hn-pdfjs-preview-thumb.is-active {
  border-color:#93C5FD !important;
  background:#EFF6FF !important;
  box-shadow:0 0 0 2px rgba(37,99,235,.08) !important;
}
.hn-pdfjs-preview-thumb canvas {
  display:block !important;
  max-width:84px !important;
  max-height:112px !important;
  background:#fff !important;
  box-shadow:0 3px 9px rgba(15,23,42,.12) !important;
}
.hn-pdfjs-preview-thumb span {
  font-size:10px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
}
.hn-pdfjs-preview-main {
  min-width:0 !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
.hn-pdfjs-preview-main .hn-pdfjs-preview-viewport {
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  height:auto !important;
}
.hn-pdfjs-preview-controls.hn-pdfjs-preview-controls-pro {
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr) minmax(150px,1.15fr) !important;
  gap:8px !important;
  align-items:center !important;
}
.hn-pdfjs-preview-controls.hn-pdfjs-preview-controls-pro .hn-btn {
  min-height:40px !important;
  height:40px !important;
  margin:0 !important;
}
.hn-pdfjs-preview-download-page { white-space:nowrap !important; }

@media (max-width:780px) {
  .hn-pdfjs-preview-wrap.hn-pdfjs-preview-workspace {
    grid-template-columns:1fr !important;
    grid-template-rows:auto minmax(0,1fr) !important;
    height:auto !important;
    min-height:0 !important;
  }
  .hn-pdfjs-preview-sidebar {
    max-height:126px !important;
    padding:7px !important;
  }
  .hn-pdfjs-preview-sidebar > strong { display:none !important; }
  .hn-pdfjs-preview-page-list {
    flex-direction:row !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:7px !important;
  }
  .hn-pdfjs-preview-thumb {
    flex:0 0 78px !important;
    width:78px !important;
  }
  .hn-pdfjs-preview-thumb canvas { max-width:58px !important; max-height:76px !important; }
  .hn-pdfjs-preview-main .hn-pdfjs-preview-viewport { min-height:52vh !important; max-height:64vh !important; }
  .hn-pdfjs-preview-controls.hn-pdfjs-preview-controls-pro {
    grid-template-columns:1fr 1fr !important;
  }
  .hn-pdfjs-preview-controls.hn-pdfjs-preview-controls-pro .hn-pdfjs-preview-page {
    grid-column:1 / -1 !important;
    grid-row:1 !important;
  }
  .hn-pdfjs-preview-controls.hn-pdfjs-preview-controls-pro .hn-pdfjs-preview-download-page {
    grid-column:1 / -1 !important;
  }
}


/* Browser-native PDF viewer used by the established shared result modal. */
.hn-core-output-preview-body > .hn-core-pdf-browser-preview {
  display: block !important;
  width: min(980px, 100%) !important;
  height: 72vh !important;
  min-height: 520px !important;
  margin: 0 auto !important;
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(17,24,39,.12) !important;
}

/* ============================================================
   v1.2.252 — canonical workspace-state geometry
   Upload/queue is the reference. Processing keeps the established branded
   rounded card but fills the full workspace content height. Active editors
   and result screens reuse the exact same 10px outer inset, 12px column gap,
   and shared action-column width. No state may add its own outer offset.
============================================================ */
@media (min-width: 781px) {
  /* ---------- Processing: same workspace cell, full-height branded card ---------- */
  html body.hn-processing-screen-open .hn-tool-shell.hn-convert-workspace >
    .hn-tool-panel.hn-processing-mode[data-hn-processing-screen="1"] {
    display: block !important;
    position: relative !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f4f7fb !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body.hn-processing-screen-open .hn-tool-shell.hn-convert-workspace >
    .hn-tool-panel.hn-processing-mode[data-hn-processing-screen="1"] > *:not(.hn-progress) {
    display: none !important;
  }

  html body.hn-processing-screen-open .hn-tool-shell.hn-convert-workspace >
    .hn-tool-panel.hn-processing-mode[data-hn-processing-screen="1"] > .hn-progress {
    position: absolute !important;
    inset: 10px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: clamp(46px, 6vh, 64px) 24px 24px !important;
    border: 1px solid #d7e6f7 !important;
    border-radius: 22px !important;
    outline: 0 !important;
    background: #fff !important;
    box-shadow: 0 22px 56px rgba(15,23,42,.075) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    text-align: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transform: none !important;
    z-index: 4 !important;
  }

  html body.hn-processing-screen-open .hn-processing-brand {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 0 clamp(34px, 5vh, 54px) !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  html body.hn-processing-screen-open .hn-processing-logo {
    display: block !important;
    width: min(260px,72vw) !important;
    max-width: 260px !important;
    height: auto !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }
  html body.hn-processing-screen-open .hn-processing-visual {
    position: relative !important;
    flex: 0 0 auto !important;
    width: 156px !important;
    height: 118px !important;
    margin: 0 auto 26px !important;
  }
  html body.hn-processing-screen-open .hn-processing-page {
    position: absolute !important;
    width: 76px !important;
    height: 94px !important;
    left: 40px !important;
    top: 10px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg,#fff 0%,#f8fbff 100%) !important;
    border: 1px solid #d7e4f5 !important;
    box-shadow: 0 22px 42px rgba(15,23,42,.11) !important;
    transform-origin: 50% 84% !important;
  }
  html body.hn-processing-screen-open .hn-processing-page::before,
  html body.hn-processing-screen-open .hn-processing-page::after {
    content: "" !important;
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: #d9e6f7 !important;
  }
  html body.hn-processing-screen-open .hn-processing-page::before { top: 28px !important; }
  html body.hn-processing-screen-open .hn-processing-page::after { top: 44px !important; right: 26px !important; }
  html body.hn-processing-screen-open .hn-processing-page-a {
    transform: translateX(-34px) rotate(-10deg) scale(.94) !important;
    opacity: .58 !important;
    animation: hn-processing-doc-a 1.55s ease-in-out infinite !important;
  }
  html body.hn-processing-screen-open .hn-processing-page-b {
    transform: translateX(0) rotate(0deg) scale(1) !important;
    z-index: 2 !important;
    border-color: #bfdbfe !important;
    animation: hn-processing-doc-b 1.55s ease-in-out infinite !important;
  }
  html body.hn-processing-screen-open .hn-processing-page-c {
    transform: translateX(34px) rotate(10deg) scale(.94) !important;
    opacity: .58 !important;
    animation: hn-processing-doc-c 1.55s ease-in-out infinite !important;
  }
  html body.hn-processing-screen-open .hn-processing-spark {
    position: absolute !important;
    width: 13px !important;
    height: 13px !important;
    border-radius: 999px !important;
    background: #e11d2e !important;
    box-shadow: 0 0 0 8px rgba(225,29,46,.11) !important;
    animation: hn-processing-spark 1.55s ease-in-out infinite !important;
  }
  html body.hn-processing-screen-open .hn-processing-spark-a { left: 16px !important; top: 8px !important; }
  html body.hn-processing-screen-open .hn-processing-spark-b {
    right: 16px !important;
    bottom: 14px !important;
    background: #2563eb !important;
    box-shadow: 0 0 0 8px rgba(37,99,235,.11) !important;
    animation-delay: .36s !important;
  }
  html body.hn-processing-screen-open .hn-processing-copy {
    flex: 0 0 auto !important;
    width: min(760px,100%) !important;
    max-width: 760px !important;
    margin: 0 auto 24px !important;
    text-align: center !important;
  }
  html body.hn-processing-screen-open .hn-processing-title {
    display: block !important;
    color: #0f172a !important;
    font-size: clamp(28px,3.6vw,44px) !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: -.045em !important;
    margin: 0 0 10px !important;
  }
  html body.hn-processing-screen-open .hn-processing-subtitle {
    display: block !important;
    color: #64748b !important;
    font-size: clamp(15px,1.25vw,18px) !important;
    line-height: 1.6 !important;
    font-weight: 650 !important;
    margin: 0 auto !important;
  }
  html body.hn-processing-screen-open .hn-tool-shell.hn-convert-workspace >
    .hn-tool-panel.hn-processing-mode[data-hn-processing-screen="1"] > .hn-progress .hn-progress-top {
    flex: 0 0 auto !important;
    width: min(640px,100%) !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 18px !important;
    align-items: end !important;
    margin: 0 auto 10px !important;
    text-align: left !important;
  }
  html body.hn-processing-screen-open .hn-progress-label {
    color: #334155 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
  }
  html body.hn-processing-screen-open .hn-progress-percent {
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 950 !important;
  }
  html body.hn-processing-screen-open .hn-tool-shell.hn-convert-workspace >
    .hn-tool-panel.hn-processing-mode[data-hn-processing-screen="1"] > .hn-progress .hn-progress-track {
    flex: 0 0 auto !important;
    width: min(640px,100%) !important;
    height: 10px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #dde7f3 !important;
    overflow: hidden !important;
    box-shadow: inset 0 1px 2px rgba(15,23,42,.08) !important;
  }
  html body.hn-processing-screen-open .hn-progress-bar {
    height: 100% !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg,#e11d2e 0%,#2563eb 100%) !important;
    box-shadow: 0 8px 22px rgba(37,99,235,.20) !important;
    transition: width .24s ease !important;
  }

  /* ---------- Active editors: same outer box as upload/queue ---------- */
  html body .hn-tool-shell.hn-convert-workspace >
    .hn-tool-panel.hn-multi-document-editor-active,
  html body .hn-tool-shell.hn-convert-workspace >
    .hn-tool-panel.hn-single-document-editor-active,
  html body .hn-tool-shell.hn-convert-workspace >
    .hn-tool-panel.hn-pdf-editor-mode {
    position: relative !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f4f7fb !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    scrollbar-gutter: stable !important;
  }

  html body .hn-tool-shell.hn-convert-workspace.hn-multi-document-workspace:not(.hn-empty-workspace) >
    .hn-tool-panel.hn-multi-document-editor-active[data-hn-workspace-profile="multi-document-editor"] {
    padding: 10px !important;
    gap: 12px !important;
  }

  /* ---------- Results/page-edit results: anchor to the same 10px rectangle ---------- */
  

  

  

  

  

  

  
}

@keyframes hn-processing-doc-a {
  0%,100% { transform: translateX(-34px) rotate(-10deg) scale(.94); opacity:.58; }
  50% { transform: translateX(-22px) rotate(-5deg) scale(.98); opacity:.82; }
}
@keyframes hn-processing-doc-b {
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-8px) scale(1.035); }
}
@keyframes hn-processing-doc-c {
  0%,100% { transform: translateX(34px) rotate(10deg) scale(.94); opacity:.58; }
  50% { transform: translateX(22px) rotate(5deg) scale(.98); opacity:.82; }
}
@keyframes hn-processing-spark {
  0%,100% { transform: scale(.82); opacity:.45; }
  50% { transform: scale(1.16); opacity:1; }
}


/* ============================================================
   v1.2.278 — external Result Host
   Result presentation is physically outside .hn-tool-panel.
   Desktop and mobile use independent DOM/card class namespaces,
   so legacy upload/result CSS cannot cross-control them.
============================================================ */

/* Result owns row 2 as a shell sibling. The upload/loaded panel is not part
   of the result layout while this host exists. */
body .hn-tool-shell.hn-convert-workspace.hn-external-result-active > .hn-tool-panel {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  contain: layout paint !important;
}

body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host > .hn-result-view-root {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
}

/* ---------- DESKTOP RESULT VIEW ---------- */
@media (min-width: 781px) {
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host > .hn-drv-view {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(
      var(--hn-workspace-action-column-min, 228px),
      var(--hn-workspace-action-column-max, 248px)
    ) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-main {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 28px rgba(15,23,42,.04) !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    inset: auto !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: var(--hn-workspace-action-column-max, 248px) !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 28px rgba(15,23,42,.04) !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(164px, 184px)) !important;
    grid-auto-rows: max-content !important;
    justify-content: start !important;
    align-content: start !important;
    gap: 16px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 100px auto 30px 34px 34px !important;
    column-gap: 7px !important;
    row-gap: 7px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 164px !important;
    max-width: 184px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 9px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    box-shadow: 0 7px 20px rgba(15,23,42,.06) !important;
    cursor: default !important;
    transform: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-badge {
    position: absolute !important;
    inset: 8px auto auto 8px !important;
    z-index: 4 !important;
    min-width: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #111827 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-remove-corner {
    position: absolute !important;
    inset: 8px 8px auto auto !important;
    z-index: 5 !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #fecaca !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #dc2626 !important;
    box-shadow: 0 6px 14px rgba(15,23,42,.08) !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-preview {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-preview > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: #fff !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-output-doc-preview {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    background: #f8fafc !important;
    color: #334155 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-output-doc-preview span {
    font-size: 30px !important;
    line-height: 1 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-output-doc-preview strong {
    font-size: 11px !important;
    font-weight: 900 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-info {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 22px 0 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-info strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    min-height: 0 !important;
    font-size: 11.5px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-info small {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    margin-top: 2px !important;
    color: #6b7280 !important;
    font-size: 9.5px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-utility-actions {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-utility-actions button,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-drag-handle,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-bottom-actions button {
    min-width: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    font-family: inherit !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-utility-actions button {
    width: 100% !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 3px 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-utility-actions svg {
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-move {
    grid-column: 1 !important;
    grid-row: 4 !important;
    display: block !important;
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 1px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-move label {
    display: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-move select {
    width: 100% !important;
    min-width: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 3px 22px 3px 7px !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-drag-handle {
    grid-column: 2 !important;
    grid-row: 4 !important;
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 4px 5px !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-bottom-actions {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card .hn-edit-page-bottom-actions button {
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 4px 5px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 10.5px !important;
    line-height: 1.1 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-actions .hn-output-actions-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-actions .hn-output-actions-card > strong {
    display: block !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-actions .hn-output-actions-card > span {
    display: block !important;
    margin: -3px 0 2px !important;
    color: #6b7280 !important;
    font-size: 12px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-actions .hn-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }
}

/* ---------- MOBILE RESULT VIEW ---------- */
@media (max-width: 780px) {
  /* Mobile workspace already has one authoritative vertical scroller: the shell.
     The external Result Host must stay in normal flow and contribute its full
     content height to shell.scrollHeight. Never create a nested result scroller. */
  body .hn-tool-shell.hn-convert-workspace.hn-external-result-active {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    scroll-padding-bottom: calc(var(--hn-mobile-rail-measured, 84px) + 48px + env(safe-area-inset-bottom,0px)) !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host {
    order: 2 !important;
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: calc(100dvh - var(--hn-mobile-topbar-height, 60px)) !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 10px 10px calc(var(--hn-mobile-rail-measured, 84px) + 56px + env(safe-area-inset-bottom,0px)) !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
    -webkit-overflow-scrolling: auto !important;
    touch-action: auto !important;
    contain: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host > .hn-mrv-view {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-main,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-actions {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 28px rgba(15,23,42,.05) !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-main {
    padding: 12px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-actions {
    padding: 14px !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-grid {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-auto-rows: max-content !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: 112px minmax(0,1fr) !important;
    grid-template-rows: auto 36px 42px 42px !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 226px !important;
    margin: 0 !important;
    padding: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 22px rgba(15,23,42,.06) !important;
    transform: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-edit-page-badge {
    position: absolute !important;
    inset: 10px auto auto 10px !important;
    z-index: 4 !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #111827 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-edit-remove-corner {
    position: absolute !important;
    inset: 10px 10px auto auto !important;
    z-index: 5 !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #fecaca !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #dc2626 !important;
    box-shadow: 0 6px 14px rgba(15,23,42,.08) !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-preview {
    grid-column: 1 !important;
    grid-row: 1 / 5 !important;
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 202px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-preview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: #fff !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-output-doc-preview {
    width: 100% !important;
    height: 100% !important;
    min-height: 202px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    background: #f8fafc !important;
    color: #334155 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-output-doc-preview span {
    font-size: 42px !important;
    line-height: 1 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-info {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 4px 40px 0 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-info strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-info small {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    margin-top: 4px !important;
    color: #6b7280 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-utility {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-utility button {
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 4px 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #111827 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-utility svg {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-reorder {
    grid-column: 2 !important;
    grid-row: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-reorder .hn-edit-page-move {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 4px !important;
    background: transparent !important;
    border: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-reorder .hn-edit-page-move label {
    display: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-reorder .hn-edit-page-move select {
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 4px 26px 4px 8px !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-reorder .hn-edit-drag-handle {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 5px 6px !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    color: #475569 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 800 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-bottom {
    grid-column: 2 !important;
    grid-row: 4 !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card .hn-mobile-output-bottom button {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 5px 6px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #111827 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-actions .hn-output-actions-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-actions .hn-output-actions-card > strong {
    display: block !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-actions .hn-output-actions-card > span {
    display: block !important;
    margin: -5px 0 2px !important;
    color: #6b7280 !important;
    font-size: 13px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-actions .hn-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 430px) {
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card {
    grid-template-columns: 96px minmax(0,1fr) !important;
    column-gap: 8px !important;
    padding: 10px !important;
  }
}

/* ============================================================
   v1.2.280 — Preview-first card system
   Upload/Loaded cards and the physically separated Desktop/Mobile Result
   views share the same visual language without sharing presentation classes.
   The media thumbnail is the card surface; controls are overlay utilities.
============================================================ */

/* ---------- Shared accessibility / PDF thumbnail ---------- */
body .hn-tool-shell .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body .hn-tool-shell .hn-thumb-pdf-canvas {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #fff !important;
}

/* ============================================================
   Upload / Loaded cards — independent component
============================================================ */
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 196px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card:hover {
  transform: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-media {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dbe4f0 !important;
  border-radius: 17px !important;
  background: #f8fafc !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.075) !important;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card.is-selected {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card.is-selected .hn-upload-thumb-media {
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 2px rgba(37,99,235,.10), 0 8px 24px rgba(15,23,42,.075) !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-preview,
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card > .hn-upload-thumb-media > .hn-file-thumb {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f8fafc !important;
  cursor: zoom-in !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-preview img,
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-preview canvas {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #fff !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-preview .hn-doc-icon {
  width: 74px !important;
  height: 92px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #475569 !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.07) !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-preview .hn-doc-icon svg {
  width: 38px !important;
  height: 38px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card > .hn-upload-thumb-index,
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card > .hn-file-order-badge.hn-upload-thumb-index {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 30px !important;
  width: auto !important;
  height: 30px !important;
  padding: 0 9px !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  border-radius: 999px !important;
  background: rgba(15,23,42,.88) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(15,23,42,.18) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  backdrop-filter: blur(8px) !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-top-actions {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 9 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-top-btn {
  position: relative !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(203,213,225,.9) !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,.90) !important;
  color: #0f172a !important;
  box-shadow: 0 6px 16px rgba(15,23,42,.10) !important;
  opacity: .92 !important;
  backdrop-filter: blur(8px) !important;
  transition: transform .14s ease, opacity .14s ease, border-color .14s ease !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-top-btn:hover {
  opacity: 1 !important;
  transform: translateY(-1px) !important;
  border-color: #93c5fd !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-delete {
  color: #dc2626 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-top-btn svg {
  width: 18px !important;
  height: 18px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-dock {
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 6px !important;
  z-index: 9 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  min-width: 0 !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  transition: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card:hover .hn-upload-thumb-dock {
  opacity: 1 !important;
  transform: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-tool {
  position: relative !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #334155 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  transition: background .14s ease, color .14s ease !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-tool:hover:not(:disabled) {
  border-color: transparent !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  transform: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-tool:disabled {
  opacity: .32 !important;
  cursor: not-allowed !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-tool svg {
  width: 18px !important;
  height: 18px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-position {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 34px !important;
  margin-left: auto !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 3px 10px rgba(15,23,42,.08) !important;
  overflow: hidden !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-position select {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 14px 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #0f172a !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-position .hn-thumb-position-chevron {
  position: absolute !important;
  right: 5px !important;
  top: 50% !important;
  transform: translateY(-55%) !important;
  color: #64748b !important;
  font-size: 10px !important;
  pointer-events: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-drag {
  margin-left: 0 !important;
  cursor: grab !important;
  touch-action: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-dock:not(:has(.hn-upload-thumb-position)) .hn-upload-thumb-drag {
  margin-left: auto !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-drag:active {
  cursor: grabbing !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 7px 3px 0 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-name,
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-meta {
  position: static !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-name {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  color: #0f172a !important;
  font-size: 12.5px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-meta {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 1px !important;
  color: #64748b !important;
  font-size: 10.5px !important;
  line-height: 1.08 !important;
  font-weight: 650 !important;
}

@media (min-width: 781px) {
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue:has(> .hn-upload-thumb-card) {
    --hn-workspace-main-gap: 6px;
    grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)) !important;
    grid-auto-rows: max-content !important;
    align-items: start !important;
    align-content: start !important;
    justify-content: start !important;
    grid-auto-flow: row dense !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue:has(> .hn-upload-thumb-card) > .hn-file-card.hn-upload-thumb-card,
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue:has(> .hn-upload-thumb-card) > .hn-workspace-add-card,
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue:has(> .hn-upload-thumb-card) > .hn-workspace-blank-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 780px) {
  body .hn-tool-shell.hn-convert-workspace .hn-tool-panel:not(.hn-pdf-editor-mode):not([data-hn-main-output="1"]) > .hn-file-queue:has(> .hn-upload-thumb-card) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card {
    max-width: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-media {
    border-radius: 15px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card > .hn-upload-thumb-index,
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card > .hn-file-order-badge.hn-upload-thumb-index {
    top: 8px !important;
    left: 8px !important;
    min-width: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-top-actions {
    top: 8px !important;
    right: 8px !important;
    gap: 4px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-top-btn {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    border-radius: 9px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-top-btn svg {
    width: 16px !important;
    height: 16px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-dock {
    left: 7px !important;
    right: 7px !important;
    bottom: 5px !important;
    height: 34px !important;
    gap: 2px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-tool {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-position {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 32px !important;
    max-width: 42px !important;
    height: 34px !important;
    margin-left: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-position select {
    padding: 0 12px 0 6px !important;
    font-size: 10px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-drag,
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-dock:not(:has(.hn-upload-thumb-position)) .hn-upload-thumb-drag {
    margin-left: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-tool svg {
    width: 17px !important;
    height: 17px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-info {
    padding: 7px 2px 2px !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-name {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    font-size: 11.5px !important;
    line-height: 1.08 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-meta {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: 1px !important;
    font-size: 9.5px !important;
    line-height: 1.08 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-reorder-help,
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-add-card,
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-workspace-blank-card {
    grid-column: 1 / -1 !important;
  }
}

/* v1.2.288 — desktop card body is the reorder affordance. Preview remains
   available from the explicit eye button, so the thumbnail/body no longer
   advertises a competing zoom action. Interactive controls keep their own
   native pointer/select cursors. */
@media (min-width: 781px) {
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card,
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-media,
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-preview,
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-info {
    cursor: grab !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card.hn-edit-page-dragging,
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-drag:active {
    cursor: grabbing !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card button,
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card select {
    cursor: pointer !important;
  }
}

/* ============================================================
   Desktop Result cards — presentation isolated from MobileResultView
============================================================ */
@media (min-width: 781px) {
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-grid {
    /* v1.2.288 — pack Result exactly like the successful Loaded surface:
       count columns from a compact 176px minimum, then let the available main
       width distribute across them. This lets a seventh card use the row when
       there is physically room instead of preserving a near-card-width void. */
    grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)) !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card.hn-drv-thumb-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card.hn-drv-thumb-card:hover {
    transform: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-media {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 17px !important;
    background: #f8fafc !important;
    box-shadow: 0 8px 24px rgba(15,23,42,.075) !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-preview {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f8fafc !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-preview > img,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-preview > canvas {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: #fff !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-preview .hn-output-doc-preview {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    background: #f8fafc !important;
    color: #475569 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-preview .hn-output-doc-preview span {
    font-size: 40px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-index {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 8 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 30px !important;
    height: 30px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    border-radius: 999px !important;
    background: rgba(15,23,42,.88) !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(15,23,42,.18) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    backdrop-filter: blur(8px) !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-top-actions {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 9 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-top-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(203,213,225,.9) !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.90) !important;
    color: #0f172a !important;
    box-shadow: 0 6px 16px rgba(15,23,42,.10) !important;
    backdrop-filter: blur(8px) !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-top-btn:hover {
    border-color: #93c5fd !important;
    transform: translateY(-1px) !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-delete {
    color: #dc2626 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-top-btn svg {
    width: 18px !important;
    height: 18px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-dock {
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 6px !important;
    z-index: 9 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    transition: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-card:hover .hn-drv-thumb-dock {
    opacity: 1 !important;
    transform: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-tool {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: #334155 !important;
    box-shadow: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-tool:hover:not(:disabled) {
    border-color: transparent !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    transform: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-tool:disabled {
    opacity: .32 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-tool svg {
    width: 18px !important;
    height: 18px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-position {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 34px !important;
    margin-left: auto !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 9px !important;
    background: #fff !important;
    overflow: hidden !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-position select {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 14px 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #0f172a !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-align: center !important;
    cursor: pointer !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-thumb-position-chevron {
    position: absolute !important;
    right: 5px !important;
    top: 50% !important;
    transform: translateY(-55%) !important;
    color: #64748b !important;
    font-size: 10px !important;
    pointer-events: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-drag {
    cursor: grab !important;
    touch-action: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-drag:active {
    cursor: grabbing !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-info {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 3px 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-info strong,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-info small {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-info strong {
    color: #0f172a !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-info small {
    margin-top: 3px !important;
    color: #64748b !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    font-weight: 650 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-download {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 9px 0 0 !important;
    padding: 0 12px !important;
    border: 1px solid #2563eb !important;
    border-radius: 11px !important;
    background: #2563eb !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 850 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-download:hover {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
  }
}

@media (min-width: 781px) {
  /* v1.2.288 — match Loaded: any non-interactive Result card surface can
     start reorder; eye/delete/download/select controls remain explicit actions. */
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card.hn-drv-thumb-card,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-media,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-preview,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-info {
    cursor: grab !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card.hn-drv-thumb-card.hn-edit-page-dragging {
    cursor: grabbing !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card.hn-drv-thumb-card button,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card.hn-drv-thumb-card select {
    cursor: pointer !important;
  }
}

/* ============================================================
   Mobile Result cards — separate DOM / separate presentation namespace
============================================================ */
@media (max-width: 780px) {
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-grid {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-card.hn-mrv-thumb-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 460px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-media {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    min-height: 230px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 17px !important;
    background: #f8fafc !important;
    box-shadow: 0 8px 24px rgba(15,23,42,.075) !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-preview {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    background: #f8fafc !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-preview > img,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-preview > canvas {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: #fff !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-preview .hn-output-doc-preview {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    background: #f8fafc !important;
    color: #475569 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-preview .hn-output-doc-preview span {
    font-size: 44px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-index {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 8 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    border-radius: 999px !important;
    background: rgba(15,23,42,.88) !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(15,23,42,.18) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    backdrop-filter: blur(8px) !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-top-actions {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 9 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-top-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(203,213,225,.9) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.94) !important;
    color: #0f172a !important;
    box-shadow: 0 6px 16px rgba(15,23,42,.11) !important;
    backdrop-filter: blur(8px) !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-delete {
    color: #dc2626 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-top-btn svg {
    width: 20px !important;
    height: 20px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-dock {
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 6px !important;
    z-index: 9 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-tool {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #334155 !important;
    box-shadow: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-tool:active:not(:disabled) {
    border-color: #93c5fd !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-tool:disabled {
    opacity: .32 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-tool svg {
    width: 20px !important;
    height: 20px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-position {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 50px !important;
    width: 50px !important;
    height: 42px !important;
    margin-left: auto !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 10px !important;
    background: #fff !important;
    overflow: hidden !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-position select {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 16px 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-align: center !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-position .hn-thumb-position-chevron {
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    transform: translateY(-55%) !important;
    color: #64748b !important;
    font-size: 11px !important;
    pointer-events: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-drag {
    cursor: grab !important;
    touch-action: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-info {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 3px 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-info strong,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-info small {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-info strong {
    color: #0f172a !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-info small {
    margin-top: 3px !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 650 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-download {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 9px 0 0 !important;
    padding: 0 14px !important;
    border: 1px solid #2563eb !important;
    border-radius: 12px !important;
    background: #2563eb !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }
}

@media (max-width: 390px) {
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-media {
    min-height: 215px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-dock {
    left: 8px !important;
    right: 8px !important;
    bottom: 5px !important;
    gap: 3px !important;
    padding: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-tool {
    flex-basis: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-position {
    flex-basis: 46px !important;
    width: 46px !important;
  }
}

@media (min-width: 781px) {
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-dock:not(:has(.hn-drv-thumb-position)) .hn-drv-thumb-drag {
    margin-left: auto !important;
  }
}
@media (max-width: 780px) {
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-dock:not(:has(.hn-mrv-thumb-position)) .hn-mrv-thumb-drag {
    margin-left: auto !important;
  }
}


/* ============================================================
   v1.2.284 — shared pointer sorting
   Floating clone is pixel-locked; the dashed target is again a real grid
   placeholder so the destination card visibly shifts aside before drop.
============================================================ */
body .hn-result-sort-card.hn-edit-page-dragging {
  transform: none !important;
  transition: none !important;
  box-shadow: none !important;
}
body .hn-result-drag-ghost {
  transform-origin: 0 0 !important;
  transition: none !important;
  animation: none !important;
}

/* Bottom icon actions: borderless v1.2.280 sizing, without restoring the old
   wide toolbar container. Numeric position remains an explicit select control. */
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-tool {
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-tool:hover:not(:disabled) {
  border-color: transparent !important;
  background: #eff6ff !important;
  transform: none !important;
}
@media (min-width: 781px) {
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-tool {
    flex: 0 0 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 34px !important;
    min-height: 34px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-tool:hover:not(:disabled) {
    border-color: transparent !important;
    background: #eff6ff !important;
    transform: none !important;
  }
}
@media (max-width: 780px) {
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-tool {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-tool:active:not(:disabled) {
    border-color: transparent !important;
    background: #eff6ff !important;
  }
}


/* ============================================================
   v1.2.287 — compact action color contract
   Geometry now lives in the canonical Loaded/DesktopResult owner rules above.
   Keep action meaning restrained: rotate/copy/position use the brand blue family;
   drag remains amber; delete remains red.
============================================================ */
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-tool.rotate-left,
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-tool.rotate-right,
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-tool.duplicate,
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-output-rotate-left,
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-output-rotate-right,
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-output-copy {
  color: #2563eb !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-tool.rotate-left:hover:not(:disabled),
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-tool.rotate-right:hover:not(:disabled),
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-tool.duplicate:hover:not(:disabled),
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-output-rotate-left:hover:not(:disabled),
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-output-rotate-right:hover:not(:disabled),
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-output-copy:hover:not(:disabled) {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-position,
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-position,
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-position {
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-position select,
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-position .hn-thumb-position-chevron,
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-position select,
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-position .hn-thumb-position-chevron,
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-position select,
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-position .hn-thumb-position-chevron {
  color: #1d4ed8 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-drag,
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-drag,
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-drag {
  color: #d97706 !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-drag:hover:not(:disabled),
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-drag:hover:not(:disabled) {
  background: #fffbeb !important;
  color: #b45309 !important;
}
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-mrv-thumb-drag:active:not(:disabled) {
  background: #fffbeb !important;
  color: #b45309 !important;
}


/* ============================================================
   v1.2.289 — Loaded thumbnail cursor ownership
   The old preview-era selector included an extra media child combinator and
   therefore outranked the v1.2.288 grab rule. Match that owner specificity so
   the whole non-interactive Loaded card truthfully advertises drag/reorder.
============================================================ */
@media (min-width: 781px) {
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card > .hn-upload-thumb-media > .hn-file-thumb.hn-upload-thumb-preview {
    cursor: grab !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card.hn-edit-page-dragging > .hn-upload-thumb-media > .hn-file-thumb.hn-upload-thumb-preview {
    cursor: grabbing !important;
  }
}

/* v1.2.293 — Core-owned large Preview header toolbar.
   Navigation and destructive/rotation actions live beside Close in the top
   chrome; the footer remains download-only. This is intentionally scoped to
   the shared large preview so tool workspaces do not need modal-specific CSS. */
.hn-large-preview-header {
  align-items: center !important;
}
.hn-large-preview-title {
  flex: 1 1 auto;
  min-width: 0;
}
.hn-large-preview-title strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hn-large-preview-header-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  min-width: 0;
}
.hn-large-preview-tool,
.hn-large-preview-nav {
  appearance: none;
  -webkit-appearance: none;
  min-height: 38px;
  border: 1px solid #d8e3f2;
  background: #fff;
  color: #2563eb;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: inherit;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 6px 16px rgba(15,23,42,.04);
  transition: background .14s ease,border-color .14s ease,transform .14s ease,opacity .14s ease;
}
.hn-large-preview-tool {
  width: 38px;
  min-width: 38px;
  height: 38px;
  padding: 0;
}
.hn-large-preview-tool svg {
  width: 18px;
  height: 18px;
  display: block;
}
.hn-large-preview-nav {
  min-width: 104px;
  padding: 0 12px;
  color: #0f172a;
  font-size: 13px;
}
.hn-large-preview-tool:hover,
.hn-large-preview-nav:hover:not(:disabled) {
  background: #f8fafc;
  border-color: #bfdbfe;
  transform: translateY(-1px);
}
.hn-large-preview-tool:disabled,
.hn-large-preview-nav:disabled {
  color: #94a3b8;
  background: #fff;
  border-color: #e5e7eb;
  opacity: .58;
  cursor: default;
  transform: none;
}
.hn-large-preview-tool.is-busy {
  opacity: .58;
}
.hn-large-preview-delete {
  color: #e11d2e;
  border-color: #fecdd3;
  background: #fff;
}
.hn-large-preview-delete:hover:not(:disabled) {
  color: #be123c;
  background: #fff1f2;
  border-color: #fda4af;
}
.hn-large-preview-action-divider {
  width: 1px;
  height: 26px;
  margin: 0 2px;
  background: #e5e7eb;
  flex: 0 0 1px;
}
.hn-large-preview-header-actions .hn-large-preview-close {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  margin-left: 2px;
}
.hn-large-preview-actions {
  justify-content: flex-end !important;
}

/* v1.2.295 — Preview position accessibility text is component-scoped so the
   modal can live outside .hn-tool-shell without exposing the hidden label.
   The shared large-preview header also owns numeric reorder and
   image zoom. These controls intentionally reuse the compact button language
   already established by v1.2.293 rather than creating a second toolbar. */
.hn-large-preview-position {
  position: relative;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.hn-large-preview-position-label {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.hn-large-preview-position > .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.hn-large-preview-position select {
  appearance: none;
  -webkit-appearance: none;
  width: 54px;
  min-width: 54px;
  flex: 0 0 54px;
  height: 38px;
  padding: 0 19px 0 10px;
  border: 1px solid #bfdbfe;
  border-radius: 11px;
  background: #eff6ff;
  color: #2563eb;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  outline: none;
  box-shadow: 0 6px 16px rgba(15,23,42,.04);
}
.hn-large-preview-position select:hover,
.hn-large-preview-position select:focus {
  border-color: #93c5fd;
  background: #dbeafe;
}
.hn-large-preview-position-chevron {
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-54%);
  color: #2563eb;
  font-size: 11px;
  line-height: 1;
  pointer-events: none;
}
.hn-large-preview-zoom-group {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.hn-large-preview-zoom-level,
.hn-large-preview-zoom-fit {
  appearance: none;
  -webkit-appearance: none;
  height: 38px;
  border: 1px solid #d8e3f2;
  background: #fff;
  color: #0f172a;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: inherit;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 6px 16px rgba(15,23,42,.04);
  transition: background .14s ease,border-color .14s ease,transform .14s ease,opacity .14s ease;
}
.hn-large-preview-zoom-level {
  min-width: 58px;
  padding: 0 8px;
  font-size: 12px;
}
.hn-large-preview-zoom-fit {
  min-width: 42px;
  padding: 0 9px;
  font-size: 12px;
}
.hn-large-preview-zoom-level:hover:not(:disabled),
.hn-large-preview-zoom-fit:hover:not(:disabled) {
  background: #eff6ff;
  border-color: #93c5fd;
  transform: translateY(-1px);
}
.hn-preview-zoom-out,
.hn-preview-zoom-in {
  color: #2563eb;
  font-size: 20px;
  font-weight: 800;
}
.hn-preview-zoom-out:disabled,
.hn-preview-zoom-in:disabled {
  opacity: .42;
  cursor: default;
  transform: none;
}

@media (max-width: 760px) {
  .hn-large-preview-header {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: start !important;
    gap: 8px !important;
  }
  .hn-large-preview-title {
    padding-top: 3px;
  }
  .hn-large-preview-header-actions {
    max-width: 100%;
    gap: 5px;
  }
  .hn-large-preview-position {
    width: auto;
    min-width: 0;
    gap: 5px;
  }
  .hn-large-preview-position select {
    width: 48px;
    min-width: 48px;
    flex-basis: 48px;
    height: 38px;
    padding-left: 8px;
    padding-right: 17px;
  }
  .hn-large-preview-zoom-level {
    min-width: 52px;
  }
  .hn-large-preview-zoom-fit {
    min-width: 38px;
    width: 38px;
    padding: 0;
  }
  .hn-large-preview-action-divider {
    display: none;
  }
  .hn-large-preview-nav {
    min-width: 38px;
    width: 38px;
    padding: 0;
    font-size: 0;
  }
  .hn-large-preview-nav.hn-core-preview-prev::before {
    content: '←';
    font-size: 18px;
  }
  .hn-large-preview-nav.hn-core-preview-next::before {
    content: '→';
    font-size: 18px;
  }
}

@media (max-width: 520px) {
  .hn-large-preview-header {
    grid-template-columns: 1fr !important;
  }
  .hn-large-preview-header-actions {
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 1px;
  }
  .hn-large-preview-header-actions .hn-large-preview-close {
    margin-left: auto;
  }
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-header-actions {
    flex-wrap: wrap;
    overflow-x: visible;
    overflow-y: visible;
    row-gap: 6px;
  }
}

/* v1.2.293 — Loaded/source large Preview keeps its existing 1400px geometry,
   but uses the same Core action language as Result Preview. */
body .hn-file-preview-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
body .hn-file-preview-title {
  flex: 1 1 auto;
  min-width: 0 !important;
}
body .hn-file-preview-title strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body .hn-file-preview-head-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  min-width: 0;
}
body .hn-file-preview-head-actions .hn-file-preview-close {
  margin-left: 2px;
}

@media (max-width: 760px) {
  body .hn-file-preview-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: start !important;
    gap: 8px !important;
  }
  body .hn-file-preview-head-actions {
    gap: 5px;
  }
  .hn-file-preview-nav {
    min-width: 38px;
    width: 38px;
    padding: 0;
    font-size: 0;
  }
  .hn-file-preview-prev::before {
    content: '←';
    font-size: 18px;
  }
  .hn-file-preview-next::before {
    content: '→';
    font-size: 18px;
  }
}

@media (max-width: 520px) {
  body .hn-file-preview-head {
    grid-template-columns: 1fr !important;
  }
  body .hn-file-preview-head-actions {
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 1px;
  }
  body .hn-file-preview-head-actions .hn-file-preview-close {
    margin-left: auto;
  }
  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-file-preview-head-actions {
    flex-wrap: wrap;
    overflow-x: visible;
    overflow-y: visible;
    row-gap: 6px;
  }
}


/* ============================================================
   v1.2.296 — PDF-only near-full-height large Preview.
   A PDF at the browser viewer's native 100% zoom benefits directly from every
   extra vertical pixel. Loaded and Result PDF previews therefore use almost the
   full desktop viewport, compact only the PDF-specific chrome, and make the
   embedded browser viewer fill the remaining grid row. Image preview geometry
   is intentionally untouched.
============================================================ */
@media (min-width: 781px) {
  body .hn-file-preview-overlay.hn-preview-pdf-mode,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode {
    padding: 6px !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-file-preview-dialog {
    width: min(1480px, calc(100vw - 12px)) !important;
    height: calc(100dvh - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
  }

  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-core-output-preview-modal {
    width: min(1480px, calc(100vw - 12px)) !important;
    height: calc(100dvh - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-file-preview-head,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-header {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-file-preview-body,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-core-output-preview-body {
    min-height: 0 !important;
    padding: 4px !important;
    overflow: hidden !important;
    align-items: stretch !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode iframe.hn-core-pdf-browser-preview,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode iframe.hn-core-pdf-browser-preview,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-core-output-preview-body > .hn-core-pdf-browser-preview {
    display: block !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    box-shadow: none !important;
  }
}


/* ============================================================
   v1.2.306 — PDF Preview desktop geometry.
   Restore the pre-v1.2.297 Core toolbar proportions while keeping the PDF
   modal almost full-height. PDF outer safety inset is 2px; generic 38px
   Preview controls and the regular white header typography/spacing are used.
   Browser-native PDF zoom remains controlled by the JS URL at 90%.
   Image Preview geometry is unchanged.
============================================================ */
@media (min-width: 781px) {
  body .hn-file-preview-overlay.hn-preview-pdf-mode,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode {
    padding: 2px !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-file-preview-dialog,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-core-output-preview-modal {
    width: min(1500px, calc(100vw - 4px)) !important;
    height: calc(100dvh - 4px) !important;
    max-height: calc(100dvh - 4px) !important;
  }

  /* Restore the normal Core Preview header instead of the compact PDF-only
     header introduced in v1.2.297. */
  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-file-preview-head,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-header {
    min-height: initial !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    gap: 12px !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-file-preview-title strong,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-title strong {
    font-size: revert !important;
    line-height: normal !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-file-preview-title span,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-title span {
    margin-top: revert !important;
    font-size: revert !important;
    line-height: normal !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-file-preview-head-actions,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-header-actions {
    gap: 7px !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-large-preview-tool,
  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-large-preview-nav,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-tool,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-nav {
    min-height: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-large-preview-tool,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-tool {
    width: 38px !important;
    min-width: 38px !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-large-preview-tool svg,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-tool svg {
    width: 18px !important;
    height: 18px !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-large-preview-nav,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-nav {
    min-width: 104px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-large-preview-position,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-position {
    width: auto !important;
    min-width: 108px !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    height: 38px !important;
    gap: 6px !important;
    margin-right: 3px !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-large-preview-position select,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-position select {
    height: 38px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-file-preview-close,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-header-actions .hn-large-preview-close {
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-large-preview-action-divider,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-action-divider {
    height: 26px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  /* Keep the PDF document viewport itself maximized. */
  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-file-preview-body,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-core-output-preview-body {
    padding: 0 !important;
  }
}


/* v1.2.310 — Result rail hierarchy: output actions first, New conversion last. */
body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-output-actions-card .hn-output-action-start-over {
  margin-top: 4px !important;
}


/* ============================================================
   v1.2.316 — Mobile PDF Preview parity.
   Mobile browsers such as Chrome/Samsung Internet do not reliably render
   blob: PDF files inside an iframe. Keep the established desktop browser PDF
   viewer unchanged, but mount the shared PDF.js page workspace inside the same
   Preview modal on <=780px screens.
============================================================ */
@media (max-width: 780px) {
  body .hn-file-preview-overlay.hn-preview-pdf-mode,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode {
    padding: 8px !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-file-preview-dialog,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-core-output-preview-modal {
    width: calc(100vw - 16px) !important;
    height: calc(100dvh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    border-radius: 18px !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-file-preview-body,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-core-output-preview-body {
    min-height: 0 !important;
    padding: 6px !important;
    overflow: hidden !important;
    align-items: stretch !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-pdfjs-preview-host,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-pdfjs-preview-host {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-pdfjs-preview-wrap.hn-pdfjs-preview-workspace,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-pdfjs-preview-wrap.hn-pdfjs-preview-workspace {
    height: 100% !important;
    max-height: 100% !important;
  }

  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-pdfjs-preview-main .hn-pdfjs-preview-viewport,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-pdfjs-preview-main .hn-pdfjs-preview-viewport {
    min-height: 44vh !important;
    max-height: none !important;
  }

  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-actions {
    padding: 8px 10px !important;
  }
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-actions .hn-large-download {
    min-height: 44px !important;
  }
}

@media (min-width: 781px) {
  body .hn-file-preview-overlay.hn-preview-pdf-mode .hn-large-preview-position-label,
  .hn-core-output-preview-backdrop.hn-preview-pdf-mode .hn-large-preview-position-label {
    display: inline-block !important;
    flex: 0 0 auto !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }
}


/* ============================================================
   v1.2.329 — Desktop large Preview toolbar alignment
   The title and every toolbar control now share one vertical centerline.
   Toolbar span wrappers are explicitly reset so metadata typography can
   never push zoom/divider groups downward. Mobile contracts stay intact.
============================================================ */
@media (min-width: 761px) {
  body .hn-file-preview-head,
  .hn-large-preview-header {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    min-height: 70px !important;
    padding: 12px 16px !important;
    column-gap: 20px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dfe7f1 !important;
  }

  body .hn-file-preview-title,
  .hn-large-preview-title {
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  body .hn-file-preview-title strong,
  .hn-large-preview-title strong {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.22 !important;
  }

  body .hn-file-preview-title > span,
  .hn-large-preview-title > span {
    display: block !important;
    margin: 3px 0 0 !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    color: #64748b !important;
  }

  body .hn-file-preview-head-actions,
  .hn-large-preview-header-actions {
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .hn-file-preview-head-actions > *,
  .hn-large-preview-header-actions > * {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  body .hn-file-preview-head-actions .hn-large-preview-tool,
  body .hn-file-preview-head-actions .hn-large-preview-nav,
  body .hn-file-preview-head-actions .hn-file-preview-close,
  .hn-large-preview-header-actions .hn-large-preview-tool,
  .hn-large-preview-header-actions .hn-large-preview-nav,
  .hn-large-preview-header-actions .hn-large-preview-close {
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    transform: none;
  }

  body .hn-file-preview-head-actions .hn-large-preview-tool,
  body .hn-file-preview-head-actions .hn-file-preview-close,
  .hn-large-preview-header-actions .hn-large-preview-tool,
  .hn-large-preview-header-actions .hn-large-preview-close {
    width: 42px !important;
    min-width: 42px !important;
    flex: 0 0 42px !important;
    padding: 0 !important;
  }

  body .hn-file-preview-head-actions .hn-large-preview-nav,
  .hn-large-preview-header-actions .hn-large-preview-nav {
    min-width: 112px !important;
    padding: 0 15px !important;
    font-size: 12.5px !important;
    line-height: 1 !important;
  }

  body .hn-file-preview-head-actions .hn-large-preview-action-divider,
  .hn-large-preview-header-actions .hn-large-preview-action-divider {
    display: block !important;
    width: 1px !important;
    height: 24px !important;
    flex: 0 0 1px !important;
    margin: 0 3px !important;
    background: #dbe3ee !important;
  }

  body .hn-file-preview-head-actions .hn-large-preview-position,
  .hn-large-preview-header-actions .hn-large-preview-position {
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    align-items: center !important;
  }

  body .hn-file-preview-head-actions .hn-large-preview-position select,
  .hn-large-preview-header-actions .hn-large-preview-position select {
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
  }

  body .hn-file-preview-head-actions .hn-large-preview-zoom-group,
  .hn-large-preview-header-actions .hn-large-preview-zoom-group {
    display: inline-flex !important;
    align-items: center !important;
    height: 42px !important;
    min-height: 42px !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 3px !important;
    border: 1px solid #d8e3f2 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    box-shadow: 0 5px 14px rgba(15, 23, 42, .035) !important;
  }

  body .hn-file-preview-head-actions .hn-large-preview-zoom-group > *,
  .hn-large-preview-header-actions .hn-large-preview-zoom-group > * {
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body .hn-file-preview-head-actions .hn-large-preview-zoom-group > *:hover:not(:disabled),
  .hn-large-preview-header-actions .hn-large-preview-zoom-group > *:hover:not(:disabled) {
    background: #ffffff !important;
    box-shadow: 0 2px 7px rgba(15, 23, 42, .07) !important;
  }

  body .hn-file-preview-head-actions .hn-large-preview-close,
  .hn-large-preview-header-actions .hn-large-preview-close {
    margin-left: 2px !important;
    border-color: #d8e3f2 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 5px 14px rgba(15, 23, 42, .04) !important;
  }
}


/* v1.2.330: optical centering for desktop large-preview rotate controls. */
@media (min-width: 761px) {
  body .hn-large-preview-header-actions .hn-core-preview-rotate-left,
  body .hn-large-preview-header-actions .hn-core-preview-rotate-right {
    padding: 0 !important;
  }
  body .hn-large-preview-header-actions .hn-core-preview-rotate-left svg,
  body .hn-large-preview-header-actions .hn-core-preview-rotate-right svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    flex: 0 0 18px !important;
    transform-origin: 50% 50%;
  }
  body .hn-large-preview-header-actions .hn-core-preview-rotate-left svg {
    transform: translate(0.6px, 0.4px);
  }
  body .hn-large-preview-header-actions .hn-core-preview-rotate-right svg {
    transform: translate(-0.6px, 0.4px);
  }
}


/* v1.2.331: exact geometric centering for both large Preview implementations. */
@media (min-width: 761px) {
  body .hn-large-preview-header-actions .hn-core-preview-rotate-left,
  body .hn-large-preview-header-actions .hn-core-preview-rotate-right,
  body .hn-large-preview-header-actions .hn-file-preview-rotate-left,
  body .hn-large-preview-header-actions .hn-file-preview-rotate-right {
    position: relative !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body .hn-large-preview-header-actions .hn-core-preview-rotate-left svg,
  body .hn-large-preview-header-actions .hn-core-preview-rotate-right svg,
  body .hn-large-preview-header-actions .hn-file-preview-rotate-left svg,
  body .hn-large-preview-header-actions .hn-file-preview-rotate-right svg {
    position: static !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    flex: 0 0 18px !important;
    transform: none !important;
    transform-origin: 50% 50% !important;
  }
}


/* v1.2.333 — desktop thumbnail rail for image/file large preview modals. */
.hn-preview-rail-layout {
  width: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: 116px minmax(0,1fr);
  gap: 16px;
  align-items: stretch;
}
.hn-preview-rail {
  min-width: 0;
  border: 1px solid #E2E8F0;
  border-radius: 14px;
  background: #F8FAFC;
  padding: 10px 8px;
  overflow: hidden;
}
.hn-preview-rail-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
  max-height: calc(84vh - 210px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 2px;
}
.hn-preview-rail-item {
  width: 100%;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 6px;
  color: #475569;
  cursor: pointer;
  box-shadow: none;
}
.hn-preview-rail-item:hover,
.hn-preview-rail-item.is-active {
  border-color: #93C5FD;
  background: #EFF6FF;
  box-shadow: 0 0 0 2px rgba(37,99,235,.08);
}
.hn-preview-rail-media {
  width: 82px;
  height: 108px;
  border-radius: 10px;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(15,23,42,.08);
}
.hn-preview-rail-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #FFFFFF;
  border: 0 !important;
  box-shadow: none !important;
}
.hn-preview-rail-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #E2E8F0;
  color: #334155;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .02em;
}
.hn-preview-rail-badge.is-pdf { background: #FEE2E2; color: #B91C1C; }
.hn-preview-rail-badge.is-blank { background: #DBEAFE; color: #1D4ED8; }
.hn-preview-rail-index {
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  color: #475569;
}
.hn-preview-rail-main {
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.hn-preview-rail-stage {
  width: 100%;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media (min-width: 981px) {
  .hn-large-preview-body.hn-preview-has-rail,
  body .hn-file-preview-body.hn-preview-has-rail {
    align-items: stretch !important;
    justify-content: flex-start !important;
  }
}
@media (max-width: 980px) {
  .hn-preview-rail-layout {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .hn-preview-rail {
    display: none !important;
  }
}


/* v1.2.335 — professional dark image-preview rail with cleaner collapse icon and no unnecessary empty stretch. */
.hn-preview-rail-layout {
  --hn-preview-rail-width: 168px;
  width: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, var(--hn-preview-rail-width)) minmax(0,1fr);
  gap: 18px;
  align-items: flex-start !important;
}
.hn-preview-rail-layout.is-collapsed {
  grid-template-columns: 48px minmax(0,1fr);
}
.hn-preview-rail {
  align-self: flex-start;
  width: 100%;
  max-height: min(78vh, calc(100vh - 170px));
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.16);
  background: linear-gradient(180deg, #0f1f43 0%, #071634 100%);
  box-shadow: 0 18px 36px rgba(2,6,23,.32);
  padding: 10px 10px 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.hn-preview-rail-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 2px 2px 10px;
}
.hn-preview-rail-heading {
  margin: 0;
  color: #F8FAFC;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.hn-preview-rail-toggle {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(15,23,42,.46);
  color: #E2E8F0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.hn-preview-rail-toggle:hover {
  background: rgba(30,41,59,.78);
  color: #FFFFFF;
  border-color: rgba(147,197,253,.35);
}
.hn-preview-rail-toggle svg {
  width: 18px;
  height: 18px;
  display: block;
}
.hn-preview-rail-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: calc(min(78vh, calc(100vh - 170px)) - 58px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 2px;
}
.hn-preview-rail-list::-webkit-scrollbar { width: 8px; }
.hn-preview-rail-list::-webkit-scrollbar-thumb { background: rgba(148,163,184,.32); border-radius: 999px; }
.hn-preview-rail-list::-webkit-scrollbar-track { background: transparent; }
.hn-preview-rail-item {
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(255,255,255,.04);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 8px 11px;
  color: #E2E8F0;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.hn-preview-rail-item:hover,
.hn-preview-rail-item.is-active {
  border-color: rgba(96,165,250,.95);
  background: rgba(37,99,235,.16);
  box-shadow: 0 0 0 2px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.05);
}
.hn-preview-rail-media {
  width: 130px;
  height: 154px;
  max-width: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #CBD5E1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 22px rgba(15,23,42,.24);
}
.hn-preview-rail-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #FFFFFF;
  border: 0 !important;
  box-shadow: none !important;
}
.hn-preview-rail-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(226,232,240,.14);
  color: #E2E8F0;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .03em;
}
.hn-preview-rail-badge.is-pdf { background: rgba(239,68,68,.14); color: #FCA5A5; }
.hn-preview-rail-badge.is-blank { background: rgba(96,165,250,.18); color: #BFDBFE; }
.hn-preview-rail-index {
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  color: #F8FAFC;
}
.hn-preview-rail-main,
.hn-preview-rail-stage {
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.hn-preview-rail-layout.is-collapsed .hn-preview-rail {
  padding: 10px 6px;
  align-items: center;
}
.hn-preview-rail-layout.is-collapsed .hn-preview-rail-head {
  width: 100%;
  padding: 0;
  justify-content: center;
}
.hn-preview-rail-layout.is-collapsed .hn-preview-rail-heading,
.hn-preview-rail-layout.is-collapsed .hn-preview-rail-list {
  display: none !important;
}
@media (min-width: 981px) {
  .hn-large-preview-body.hn-preview-has-rail,
  body .hn-file-preview-body.hn-preview-has-rail {
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
}
@media (max-width: 980px) {
  .hn-preview-rail-layout {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .hn-preview-rail,
  .hn-preview-rail-layout.is-collapsed .hn-preview-rail {
    display: none !important;
  }
}


/* v1.2.336 — let the dark preview rail list stretch to the bottom boundary with no artificial dead space. */
.hn-preview-rail {
  min-height: min(78vh, calc(100vh - 170px));
}
.hn-preview-rail-list {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none !important;
  padding-bottom: 0 !important;
  align-content: flex-start;
}
.hn-preview-rail-layout.is-collapsed .hn-preview-rail {
  min-height: min(78vh, calc(100vh - 170px));
}


/* v1.2.337 — bind the image-preview rail to the real large-preview body height. */
@media (min-width: 981px) {
  .hn-large-preview-body.hn-preview-has-rail,
  body .hn-file-preview-body.hn-preview-has-rail {
    min-height: 0 !important;
    overflow: hidden !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  .hn-large-preview-body.hn-preview-has-rail > .hn-preview-rail-layout,
  body .hn-file-preview-body.hn-preview-has-rail > .hn-preview-rail-layout {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    align-self: stretch !important;
    align-items: stretch !important;
  }

  .hn-preview-rail-layout .hn-preview-rail {
    align-self: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .hn-preview-rail-layout .hn-preview-rail-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
  }

  .hn-preview-rail-layout .hn-preview-rail-main,
  .hn-preview-rail-layout .hn-preview-rail-stage {
    height: 100% !important;
    min-height: 0 !important;
  }

  .hn-preview-rail-layout .hn-preview-rail-main {
    overflow: auto !important;
  }
}


/* v1.2.339 — stronger, more professional preview-rail toggle button. */
.hn-preview-rail-toggle {
  width: 40px !important;
  height: 40px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(96,165,250,.52) !important;
  background: linear-gradient(180deg, #2563EB 0%, #1D4ED8 100%) !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 22px rgba(37,99,235,.32), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.hn-preview-rail-toggle:hover {
  background: linear-gradient(180deg, #3B82F6 0%, #2563EB 100%) !important;
  border-color: rgba(147,197,253,.88) !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 26px rgba(37,99,235,.38), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.hn-preview-rail-toggle:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.16), 0 0 0 6px rgba(59,130,246,.44), 0 12px 26px rgba(37,99,235,.36) !important;
}
.hn-preview-rail-toggle svg {
  width: 20px !important;
  height: 20px !important;
}
.hn-preview-rail-layout.is-collapsed .hn-preview-rail-toggle {
  background: linear-gradient(180deg, #0EA5E9 0%, #2563EB 100%) !important;
}


/* v1.2.340 — restrained professional preview-rail toggle. */
.hn-preview-rail-toggle {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(148,163,184,.28) !important;
  background: rgba(255,255,255,.055) !important;
  color: #CBD5E1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
  transition: background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease !important;
}
.hn-preview-rail-toggle:hover {
  background: rgba(59,130,246,.14) !important;
  border-color: rgba(96,165,250,.62) !important;
  color: #FFFFFF !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
  transform: translateY(-1px) !important;
}
.hn-preview-rail-toggle:active {
  transform: translateY(0) !important;
}
.hn-preview-rail-toggle:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,.28) !important;
  border-color: rgba(96,165,250,.85) !important;
}
.hn-preview-rail-toggle svg {
  width: 19px !important;
  height: 19px !important;
  display: block !important;
}
.hn-preview-rail-layout.is-collapsed .hn-preview-rail-toggle {
  background: rgba(59,130,246,.12) !important;
  border-color: rgba(96,165,250,.45) !important;
  color: #DBEAFE !important;
}


/* v1.2.341 — final minimal double-chevron preview rail toggle. */
.hn-preview-rail-toggle {
  width: 34px !important;
  height: 34px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(148,163,184,.32) !important;
  background: rgba(15,23,42,.58) !important;
  color: #E2E8F0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.hn-preview-rail-toggle:hover {
  background: rgba(37,99,235,.22) !important;
  border-color: rgba(96,165,250,.68) !important;
  color: #FFFFFF !important;
  transform: none !important;
}
.hn-preview-rail-toggle:active {
  background: rgba(37,99,235,.30) !important;
  transform: none !important;
}
.hn-preview-rail-toggle:focus-visible {
  outline: none !important;
  border-color: rgba(96,165,250,.90) !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,.24) !important;
}
.hn-preview-rail-toggle svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}
.hn-preview-rail-layout.is-collapsed .hn-preview-rail-toggle {
  background: rgba(37,99,235,.18) !important;
  border-color: rgba(96,165,250,.54) !important;
  color: #DBEAFE !important;
}


/* v1.2.342 — optical centering for the minimal preview-rail chevron inside its own button box. */
.hn-preview-rail-toggle {
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
}
.hn-preview-rail-toggle svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  flex: 0 0 18px !important;
  margin: 0 !important;
  transform-origin: 50% 50%;
}
.hn-preview-rail-toggle[aria-expanded="true"] svg {
  transform: translate(-0.6px, 0.2px) !important;
}
.hn-preview-rail-toggle[aria-expanded="false"] svg {
  transform: translate(0.6px, 0.2px) !important;
}


/* v1.2.343 — reduce preview-rail toggle box size so it matches the icon more tightly. */
.hn-preview-rail-toggle {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 8px !important;
}
.hn-preview-rail-toggle svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
}
.hn-preview-rail-toggle[aria-expanded="true"] svg {
  transform: translate(-0.45px, 0.15px) !important;
}
.hn-preview-rail-toggle[aria-expanded="false"] svg {
  transform: translate(0.45px, 0.15px) !important;
}

/* v1.2.356 — site-wide modern color picker. The native color input remains the
   value/event source; this layer only replaces the browser picker UI. */
input[type="color"].hn-modern-color-input {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  min-width: 38px;
  width: 42px;
  min-height: 32px;
  height: 32px;
  padding: 3px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
  cursor: pointer !important;
  vertical-align: middle;
}
input[type="color"].hn-modern-color-input:hover {
  border-color: #94a3b8 !important;
  box-shadow: 0 1px 3px rgba(15,23,42,.08) !important;
}
input[type="color"].hn-modern-color-input:focus-visible {
  outline: 2px solid rgba(37,99,235,.25) !important;
  outline-offset: 2px !important;
  border-color: #2563eb !important;
}
input[type="color"].hn-modern-color-input::-webkit-color-swatch-wrapper { padding: 0; }
input[type="color"].hn-modern-color-input::-webkit-color-swatch {
  border: 0;
  border-radius: 6px;
}
input[type="color"].hn-modern-color-input::-moz-color-swatch {
  border: 0;
  border-radius: 6px;
}

.hn-color-picker-popover[hidden] { display: none !important; }
.hn-color-picker-popover {
  position: fixed;
  z-index: 2147483000;
  width: 304px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #d8e0ea;
  border-radius: 14px;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 20px 55px rgba(15,23,42,.22), 0 3px 12px rgba(15,23,42,.10);
  font-family: inherit;
  font-size: 12px;
  line-height: 1.35;
  user-select: none;
  isolation: isolate;
}
.hn-color-picker-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 28px;
  margin-bottom: 8px;
}
.hn-color-picker-head strong {
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: -.01em;
}
.hn-color-picker-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #64748b;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.hn-color-picker-close:hover { background:#f1f5f9; color:#0f172a; }
.hn-color-picker-sv {
  position: relative;
  width: 100%;
  height: 164px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 11px;
  background: linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,#f00);
  cursor: crosshair;
  touch-action: none;
}
.hn-color-picker-sv:focus-visible {
  outline: 2px solid rgba(37,99,235,.30);
  outline-offset: 2px;
}
.hn-color-picker-sv-knob {
  position: absolute;
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(15,23,42,.85), 0 2px 5px rgba(15,23,42,.28);
  transform: translate(-50%,-50%);
  pointer-events: none;
}
.hn-color-picker-hue-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) 38px;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
}
.hn-color-picker-hue {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg,#f00 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,#f00 100%);
  cursor: pointer;
}
.hn-color-picker-hue::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 17px;
  height: 17px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: transparent;
  box-shadow: 0 0 0 1px rgba(15,23,42,.45),0 1px 4px rgba(15,23,42,.25);
}
.hn-color-picker-hue::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: transparent;
  box-shadow: 0 0 0 1px rgba(15,23,42,.45),0 1px 4px rgba(15,23,42,.25);
}
.hn-color-picker-hue-value {
  color: #64748b;
  font-size: 10.5px;
  font-weight: 800;
  text-align: right;
}
.hn-color-picker-code-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) 36px;
  gap: 8px;
  margin-top: 10px;
}
.hn-color-picker-code-field,
.hn-color-picker-rgb-row label {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  align-items: center;
  min-width: 0;
  height: 36px;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #d8e0ea;
  border-radius: 9px;
  background: #fff;
}
.hn-color-picker-code-field > span,
.hn-color-picker-rgb-row label > span {
  color: #64748b;
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: .04em;
  text-align: center;
}
.hn-color-picker-code-field input,
.hn-color-picker-rgb-row input {
  min-width: 0;
  width: 100%;
  height: 34px !important;
  box-sizing: border-box;
  padding: 0 8px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #0f172a !important;
  box-shadow: none !important;
  font: 800 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace !important;
}
.hn-color-picker-code-field:focus-within,
.hn-color-picker-rgb-row label:focus-within {
  border-color: #2563eb;
  box-shadow: 0 0 0 2px rgba(37,99,235,.10);
}
.hn-color-picker-code-field input[aria-invalid="true"] {
  color: #b91c1c !important;
  background: #fff7f7 !important;
}
.hn-color-picker-eyedropper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #d8e0ea;
  border-radius: 9px;
  background: #fff;
  color: #334155;
  cursor: pointer;
}
.hn-color-picker-eyedropper:hover { border-color:#b8c4d2; background:#f8fafc; color:#0f172a; }
.hn-color-picker-eyedropper svg { width:16px; height:16px; fill:currentColor; }
.hn-color-picker-rgb-row {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 7px;
  margin-top: 8px;
}
.hn-color-picker-rgb-row label { grid-template-columns: 24px minmax(0,1fr); }
.hn-color-picker-rgb-row input { padding: 0 5px !important; text-align:center; }
.hn-color-picker-rgb-row input::-webkit-outer-spin-button,
.hn-color-picker-rgb-row input::-webkit-inner-spin-button { margin:0; }
.hn-color-picker-recent-group {
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid #edf1f5;
}
.hn-color-picker-recent-group[hidden] { display:none !important; }
.hn-color-picker-recent-label {
  display: block;
  margin-bottom: 6px;
  color: #64748b;
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.hn-color-picker-recent {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hn-color-picker-recent-swatch {
  width: 26px;
  height: 26px;
  padding: 3px;
  border: 1px solid #d8e0ea;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}
.hn-color-picker-recent-swatch::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: var(--hn-recent-color,#000);
}
.hn-color-picker-recent-swatch:hover { border-color:#94a3b8; transform:translateY(-1px); }

@media (max-width: 420px) {
  .hn-color-picker-popover {
    width: calc(100vw - 20px);
    max-width: 304px;
  }
  .hn-color-picker-sv { height: 150px; }
}

/* v1.2.356 — approved Watermark PDF stamp icon. */
.hn-tool-card .hn-tool-icon-watermark{
  display:grid!important;place-items:center!important;width:34px!important;height:34px!important;
  margin:0 0 10px!important;border-radius:9px!important;background:#a95a92!important;color:#fff!important;
  box-shadow:0 2px 6px rgba(15,23,42,.12)!important;
}
.hn-tool-card .hn-tool-icon-watermark svg{width:21px!important;height:21px!important;display:block!important;fill:currentColor!important}

/* v1.2.357 — approved Add Page Numbers artwork. */
.hn-tool-visual-numbers{
  background-color:transparent!important;
  background-image:url('./add-page-numbers-icon-v2.png')!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.hn-tool-visual-numbers>svg{opacity:0!important}
.hn-tool-card .hn-tool-icon-page-numbers{
  display:block!important;width:34px!important;height:34px!important;margin:0 0 10px!important;
  border-radius:9px!important;overflow:hidden!important;box-shadow:0 2px 6px rgba(15,23,42,.12)!important;
}
.hn-tool-card .hn-tool-icon-page-numbers img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}

/* v1.2.359 — Add Page Numbers approved artwork: robust on every Core-managed surface.
   Shared workspace rules use !important background shorthands with greater specificity,
   so the asset must be applied with matching/higher specificity instead of a generic tone rule. */
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-icon.hn-tool-visual.hn-tool-visual-numbers,
body .hn-tool-shell.hn-convert-workspace .hn-tool-visual.hn-tool-visual-numbers,
.hn-workspace-directory-tool .hn-tool-visual.hn-tool-visual-numbers,
.hn-workspace-tool-link .hn-tool-visual.hn-tool-visual-numbers {
  background-color: transparent !important;
  background-image: url('./add-page-numbers-icon-v2.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border-color: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  color: transparent !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail .hn-rail-icon.hn-tool-visual.hn-tool-visual-numbers > svg,
body .hn-tool-shell.hn-convert-workspace .hn-tool-visual.hn-tool-visual-numbers > svg,
.hn-workspace-directory-tool .hn-tool-visual.hn-tool-visual-numbers > svg,
.hn-workspace-tool-link .hn-tool-visual.hn-tool-visual-numbers > svg {
  display: none !important;
  opacity: 0 !important;
}
.hn-tool-card .hn-tool-icon-page-numbers {
  background: transparent !important;
  border: 0 !important;
}
.hn-tool-card .hn-tool-icon-page-numbers img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}


/* v1.2.368 — professional family brand mark. The image workspace no longer
   squeezes a translated word into the 30px badge; it uses the same visual
   language as tool icons while PDF retains its compact PDF mark. */
body .hn-tool-shell.hn-convert-workspace .hn-rail-brand .hn-rail-brand-mark {
  display:inline-grid !important; place-items:center !important; flex:0 0 30px !important;
  width:30px !important; min-width:30px !important; height:30px !important;
  border-radius:10px !important; color:#fff !important; font-weight:950 !important;
  line-height:1 !important; letter-spacing:-.02em !important; box-shadow:none !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-rail-brand .hn-rail-brand-mark-pdf {
  background:#ef3340 !important; font-size:9px !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail[data-hn-rail-family="image"] .hn-rail-brand .hn-rail-brand-mark-image {
  background:#e8aa26 !important; color:#fff !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-rail-brand .hn-rail-brand-mark-image svg {
  width:17px !important; height:17px !important; display:block !important;
}
body .hn-tool-shell.hn-convert-workspace .hn-workspace-tool-rail[data-hn-rail-family="image"] .hn-rail-brand strong {
  color:#f8fafc !important; font-weight:850 !important; letter-spacing:-.015em !important;
}


/* ============================================================
   v1.2.379 — Result-card geometry polish only
   No markup, event, reorder, preview, output, or processor behavior changes.
   - Loaded thumbnails visually match Add file / Blank page tile height.
   - Result-card bottom actions stay inside the thumbnail and share one baseline.
============================================================ */
@media (min-width: 781px) {
  /* Loaded file tile: use the same visual height as the neighboring action tiles. */
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-media {
    aspect-ratio: auto !important;
    height: 248px !important;
    min-height: 248px !important;
  }

  /* Result card controls: preserve the existing dock, only fix geometry/fit. */
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-dock {
    left: 7px !important;
    right: 7px !important;
    bottom: 7px !important;
    height: 32px !important;
    min-height: 32px !important;
    gap: 2px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-tool {
    flex: 0 0 26px !important;
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    align-self: center !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-tool svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-position {
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin-left: auto !important;
    border-radius: 8px !important;
    align-self: center !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-position select {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 12px 0 6px !important;
    font-size: 10.5px !important;
    line-height: 30px !important;
    text-align: center !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-position .hn-thumb-position-chevron {
    right: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    line-height: 1 !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-drag {
    margin-left: 0 !important;
  }
}


/* ============================================================
   v1.2.387 — RESULT CARD BUTTON ALIGNMENT ONLY
   Baseline: v1.2.380. Do not change card, drag ghost, preview or hover behavior.
============================================================ */
@media (min-width: 781px) {
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-dock {
    left: 8px !important;
    right: 8px !important;
    bottom: 7px !important;
    width: auto !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    display: grid !important;
    grid-template-columns: 24px 24px 24px 32px 24px !important;
    grid-template-rows: 30px !important;
    column-gap: 4px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    /* Intentionally no transform/transition/opacity override. */
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-dock > .hn-drv-thumb-tool {
    box-sizing: border-box !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    justify-self: center !important;
    flex: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-dock > .hn-drv-thumb-tool svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-position {
    box-sizing: border-box !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    justify-self: center !important;
    flex: none !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-position select {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 10px 0 4px !important;
    line-height: 30px !important;
    font-size: 10px !important;
    text-align: center !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-position .hn-thumb-position-chevron {
    right: 3px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }

  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-drag,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-dock:not(:has(.hn-drv-thumb-position)) .hn-drv-thumb-drag {
    margin-left: 0 !important;
    justify-self: center !important;
  }

  /* Preserve the original six-dot grip; only normalize its visual size. */
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-drag svg {
    width: 17px !important;
    height: 17px !important;
  }
}


/* v1.2.388 — preview ownership correction only.
   Result card body/thumbnail remains reorder/grab; only eye button owns Preview. */
@media (min-width: 781px) {
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card.hn-drv-thumb-card,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-media,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-preview,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-thumb-info {
    cursor: grab !important;
  }
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card.hn-drv-thumb-card.hn-edit-page-dragging,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card.hn-drv-thumb-card.hn-edit-page-dragging .hn-drv-thumb-media,
  body .hn-tool-shell.hn-convert-workspace > .hn-workspace-result-host .hn-drv-card.hn-drv-thumb-card.hn-edit-page-dragging .hn-drv-thumb-preview {
    cursor: grabbing !important;
  }
}


/* ============================================================
   v1.2.389 — UPLOAD CARD HEIGHT ONLY
   Match the loaded-file visual tile height to Add file / Blank page.
   No drag, preview, result, control, hover or event behavior changes.
============================================================ */
@media (min-width: 781px) {
  body .hn-tool-shell.hn-convert-workspace .hn-file-queue > .hn-file-card.hn-upload-thumb-card .hn-upload-thumb-media {
    aspect-ratio: auto !important;
    height: 274px !important;
    min-height: 274px !important;
    max-height: 274px !important;
  }
}

/* ============================================================
   v1.2.396 — natural-growth without loaded-state geometry jump
   The v1.2.260 standard panel remains the sole desktop scroller in every
   Upload/Loaded state. Loaded files can make the main board taller than one
   viewport, but loading files must not switch the shell itself into a new
   scrolling/height model or push the action card down by another top-bar.
   Specialist editors, processing and result surfaces remain untouched.
============================================================ */
@media (min-width: 781px) {
  /* Keep the original standard-workspace shell/panel geometry. Only the loaded
     grid row becomes content-sized so the board can contribute its true height. */
  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace):not(.hn-force-empty-workspace):not(.hn-external-result-active) >
    .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-single-document-editor-active):not(.hn-multi-document-editor-active):not(.hn-processing-mode):not([data-hn-main-output="1"]) {
    grid-template-rows: auto !important;
    align-content: start !important;
    align-items: start !important;
  }

  /* Full-page minimum for a few files; true content height for larger queues. */
  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace):not(.hn-force-empty-workspace):not(.hn-external-result-active) >
    .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-single-document-editor-active):not(.hn-multi-document-editor-active):not(.hn-processing-mode):not([data-hn-main-output="1"]) > .hn-file-queue,
  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace):not(.hn-force-empty-workspace):not(.hn-external-result-active)
    [data-hn-workspace-slot="main"].hn-file-queue {
    height: auto !important;
    min-height: calc(100dvh - var(--hn-workspace-topbar-height, 68px) - 20px) !important;
    max-height: none !important;
    grid-auto-rows: max-content !important;
    align-self: start !important;
    overflow: visible !important;
    contain: none !important;
  }

  /* The action card starts level with the board. The panel is already below the
     top application bar, so adding the top-bar height here caused the visible
     68px jump after files were selected. */
  body .hn-tool-shell.hn-convert-workspace:not(.hn-empty-workspace):not(.hn-force-empty-workspace):not(.hn-external-result-active) >
    .hn-tool-panel:not(.hn-pdf-editor-mode):not(.hn-single-document-editor-active):not(.hn-multi-document-editor-active):not(.hn-processing-mode):not([data-hn-main-output="1"]) > .hn-workspace-settings-card {
    position: sticky !important;
    top: 0 !important;
    align-self: start !important;
    margin-top: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* ============================================================
   v1.2.398 — locale-safe desktop chrome and result actions.
   Translated Reset labels must size the desktop top-bar control instead of
   painting outside a fixed 40px box. Custom result actions are allowed to
   wrap inside the output rail; compact tablet/mobile Reset remains icon-only.
============================================================ */
@media (min-width: 1181px) {
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-reset {
    width: auto !important;
    min-width: 40px !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 12px 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-reset strong {
    display: inline !important;
    min-width: 0 !important;
  }
}

@media (min-width: 641px) and (max-width: 1180px) {
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-reset {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    padding: 0 !important;
  }
  body .hn-tool-shell.hn-convert-workspace .hn-workspace-reset strong {
    display: none !important;
  }
}

body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card .hn-output-custom-action {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 40px !important;
  padding: 8px 10px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.25 !important;
  text-align: center !important;
  justify-content: center !important;
}

@media (max-width: 780px) {
  body .hn-tool-shell.hn-convert-workspace .hn-output-actions-card .hn-output-custom-action {
    min-height: 44px !important;
    padding: 9px 10px !important;
  }
}