.tool-workspace{padding:16px!important}.options-row{gap:10px!important}.option-item{padding:10px 12px!important}details.how-to-use{margin-top:24px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);overflow:hidden;transition:background .3s ease}details.how-to-use[open]{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 10px 30px #00000026}details.how-to-use summary{list-style:none;padding:18px 20px;cursor:pointer;display:flex;align-items:center;gap:12px;font-weight:700;color:var(--text-heading);font-size:1rem;user-select:none;transition:background .2s}details.how-to-use summary::-webkit-details-marker{display:none}details.how-to-use summary:hover{background:#ffffff05}details.how-to-use summary .htu-icon{color:var(--accent-1);font-size:1.2rem}details.how-to-use summary .htu-chevron{margin-left:auto;transition:transform .3s ease;color:var(--text-muted);font-size:.8rem;font-style:normal;display:inline-flex;align-items:center}details.how-to-use summary .htu-chevron:not(:has(svg)){font-size:0;line-height:0}details.how-to-use summary .htu-chevron:not(:has(svg)):after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor}details.how-to-use[open] summary .htu-chevron{transform:rotate(180deg)}.how-to-use:has(details.how-to-use)>h2{display:none}.how-to-use:has(details.how-to-use){background:transparent;border:none;padding:0;box-shadow:none;margin-top:8px}details.how-to-use .htu-content{padding:20px;border-top:1px solid var(--border-color);background:#ffffff03}details.how-to-use ol{margin:0;padding-left:24px;color:var(--text-secondary);line-height:1.8;font-size:.95rem}details.how-to-use li{margin-bottom:12px}details.how-to-use li:last-child{margin-bottom:0}details.how-to-use .tip{margin-top:16px;padding:12px 14px;background:var(--bg-secondary);border-left:3px solid var(--accent-1);border-radius:8px;font-size:.9rem;color:var(--text-secondary);line-height:1.6}details.how-to-use .tip strong{color:var(--text-heading)}.tool-sidebar{z-index:1!important}.tool-layout{gap:18px!important;padding:12px 20px!important}.tool-header{padding-bottom:4px!important;margin-bottom:0!important}.tool-header .tool-title{font-size:1.5rem!important;margin-bottom:2px!important}.tool-header .tool-subtitle{margin-top:0!important;font-size:.82rem!important}.ad-container#ad-top{min-height:0!important;padding:0!important;display:none}.tool-workspace{padding:0!important}.stats-bar{margin-bottom:10px!important;padding:8px 12px!important;gap:10px!important}.options-row{gap:8px!important}.option-item{padding:9px 11px!important}#options .stats-bar{margin-bottom:8px!important}.dropzone.dz-preview-mode .dropzone-icon,.dropzone.dz-preview-mode .dropzone-text,.dropzone.dz-preview-mode .dropzone-hint{display:none!important}.dropzone.dz-preview-mode input[type=file]{pointer-events:none}.dropzone.dz-preview-mode{flex-direction:row!important;align-items:center!important;padding:12px 14px!important;min-height:88px!important;height:auto!important;gap:14px!important;cursor:default!important;justify-content:flex-start!important;text-align:left!important}.dropzone.dz-preview-mode.dz-multi{flex-direction:column!important;align-items:flex-start!important;min-height:auto!important;padding:10px 12px!important}.dz-previews{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.dz-big-thumb{width:66px;height:66px;object-fit:cover;border-radius:var(--radius-lg);flex-shrink:0;border:1px solid var(--border-color)}.dz-big-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.dz-big-filename{font-size:.875rem;font-weight:600;color:var(--text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.dz-big-filesize{font-size:.72rem;color:var(--text-secondary)}.dz-change-btn{background:none;border:1px solid var(--border-color);padding:2px 8px;border-radius:4px;font-size:.65rem;color:var(--text-muted);cursor:pointer;margin-top:4px;width:fit-content;transition:border-color .15s,color .15s;font-family:inherit}.dz-change-btn:hover{border-color:var(--accent-1);color:var(--text-primary)}.dz-preview-item{display:flex;flex-direction:column;align-items:center;gap:3px;width:56px!important;max-width:56px!important;position:relative;transition:transform .15s ease}.dz-preview-thumb{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;object-fit:cover;border-radius:7px;border:2px solid var(--border-color);display:block!important;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.dz-preview-item.picked .dz-preview-thumb{border-color:var(--accent-1);box-shadow:0 0 0 2px var(--accent-1),0 4px 14px rgba(var(--accent-rgb),.45);transform:scale(1.04)}.dz-preview-item.picked{transform:translateY(-1px)}.dz-pick-check{position:absolute;top:-4px;left:-4px;width:16px;height:16px;border-radius:50%;background:var(--accent-1);color:var(--accent-ink);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006;z-index:3;pointer-events:none}.dz-preview-item.viewing .dz-preview-name{color:var(--accent-1);font-weight:700}.dz-preview-item:hover .dz-preview-thumb{border-color:var(--accent-1)}.dz-preview-name{font-size:.55rem;color:var(--text-secondary);text-align:center;word-break:break-all;line-height:1.2;max-width:56px}.dz-thumb-icon{font-size:1.5rem;line-height:50px}.dz-preview-more{width:50px;height:50px;background:var(--bg-card);border-radius:7px;border:1px dashed var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.82rem;font-weight:700}.cloud-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap;padding:7px 10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.cloud-row-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:700;white-space:nowrap;margin-right:2px}.cloud-row-sep{width:1px;height:14px;background:var(--border-color);flex-shrink:0;margin:0 2px}.cloud-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;border:1px solid var(--border-color);background:#ffffff08;color:var(--text-secondary);font-size:.68rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s;white-space:nowrap;font-family:inherit}.cloud-btn svg{flex-shrink:0}.cloud-btn:hover{color:var(--text-heading);background:#ffffff0f}.cloud-btn.gdrive:hover{border-color:#4285f4}.cloud-btn.dropbox:hover{border-color:#0061ff}.cloud-btn.yadisk:hover{border-color:#fc3f1d}.cloud-export-row{display:none;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap;padding:7px 10px;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:8px}.cloud-export-label{font-size:.6rem;color:var(--pos);text-transform:uppercase;letter-spacing:.8px;font-weight:700;white-space:nowrap;margin-right:2px}#ic-cloud-modal{position:fixed;inset:0;background:#000000a6;display:none;align-items:center;justify-content:center;z-index:99999}#ic-cloud-modal.open{display:flex}.cloud-modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;min-width:300px;max-width:90vw;box-shadow:0 20px 60px #00000080}.cloud-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cloud-modal-title{margin:0;font-size:.95rem;font-weight:700;color:var(--text-heading)}.cloud-modal-close{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;font-family:inherit}.cloud-modal-close:hover{color:var(--text-primary);background:var(--bg-card)}.cloud-modal-msg{color:var(--text-secondary);font-size:.82rem;line-height:1.55;margin-bottom:18px}.cloud-modal-cta{width:100%;padding:10px;border-radius:8px;border:none;font-weight:700;cursor:pointer;font-size:.85rem;color:#fff;transition:opacity .15s;font-family:inherit}.cloud-modal-cta:hover{opacity:.85}details.seo-details>summary{cursor:pointer;font-size:.78rem;color:var(--text-muted);padding:10px 0;user-select:none;list-style:none;display:flex;align-items:center;gap:6px;border-top:1px solid var(--border-color);margin-top:8px}details.seo-details>summary::-webkit-details-marker{display:none}details.seo-details>summary:before{content:"\25b6";font-size:.55rem;transition:transform .2s;flex-shrink:0}details.seo-details[open]>summary:before{transform:rotate(90deg)}@keyframes ic-pulse{0%,to{box-shadow:0 4px 20px rgba(var(--accent-rgb),.3)}50%{box-shadow:0 4px 30px rgba(var(--accent-rgb),.6)}}.ic-pulse{animation:ic-pulse 2s ease-in-out infinite}.pdf-spinner,.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.xfer-received-banner{position:fixed;bottom:20px;right:20px;background:var(--bg-secondary);border:1px solid var(--accent-1);border-radius:var(--radius-lg);padding:12px 20px;color:var(--text-primary);font-size:.85rem;z-index:10000;box-shadow:0 4px 20px rgba(var(--accent-rgb),.3);transition:opacity .4s}.xfer-received-banner button{background:none;border:none;color:var(--text-muted);cursor:pointer;margin-left:12px;font-size:1rem}.tool-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;cursor:pointer;transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;position:relative;background:var(--bg-card)}.tool-dropzone:hover,.tool-dropzone.dragover{border-color:var(--accent-1);background:rgba(var(--accent-rgb),.08);transform:translateY(-2px);box-shadow:0 10px 30px #0000001a}.tool-dropzone input[type=file]{display:none}.tool-dz-icon{font-size:3rem;margin-bottom:16px;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tool-dropzone:hover .tool-dz-icon{transform:scale(1.1)}.tool-dz-text{font-size:1rem;font-weight:700;color:var(--text-heading);margin-bottom:6px}.tool-dz-hint{font-size:.85rem;color:var(--text-secondary)}.tool-dropzone.has-file{flex-direction:row;align-items:center;padding:12px 16px;min-height:88px;cursor:default;gap:14px;justify-content:flex-start;text-align:left}.tool-dropzone.has-file .tool-dz-icon,.tool-dropzone.has-file .tool-dz-text,.tool-dropzone.has-file .tool-dz-hint{display:none}.tool-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:140px;height:52px;padding:0 24px;border:none;border-radius:var(--radius-md);background:var(--accent-1);color:var(--accent-ink);font-size:1rem;font-weight:800;cursor:pointer;transition:background-position .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);font-family:inherit;letter-spacing:.5px;box-shadow:0 4px 20px rgba(var(--accent-rgb),.3);text-decoration:none}.tool-btn-primary:hover{background-position:right center;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px rgba(var(--accent-rgb),.5)}.tool-btn-primary:active{transform:translateY(0)}.tool-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.tool-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:var(--radius-lg);background:rgba(var(--accent-rgb),.13);color:var(--text-primary);font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 1px 2px #0000002e;transition:border-color .15s,color .15s,background .15s,transform .1s,box-shadow .15s;font-family:inherit;text-decoration:none}.tool-btn-secondary:hover{border-color:var(--accent-1);color:var(--text-primary);background:rgba(var(--accent-rgb),.24);transform:translateY(-1px);box-shadow:0 3px 10px rgba(var(--accent-rgb),.22)}.tool-btn-secondary:active{transform:translateY(0);box-shadow:0 1px 2px #0003}.tool-btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.tool-btn-reset{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-muted);font-size:1.1rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-family:inherit}.tool-btn-reset:hover{border-color:var(--neg);color:var(--neg);background:#ef444414}.tool-action-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tool-preview-wrap{margin-bottom:16px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;align-items:center}.tool-preview-canvas,.tool-preview-img{max-width:100%;max-height:520px;object-fit:contain;display:block;border-radius:0}.tool-preview-info{width:100%;padding:8px 14px;font-size:.78rem;color:var(--text-secondary);background:var(--bg-card);border-top:1px solid var(--border-color);display:flex;gap:16px;flex-wrap:wrap}.tool-preview-stat-lbl{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:700}.tool-preview-stat-val{font-size:.85rem;font-weight:700;color:var(--text-heading)}@media(max-width:600px){.tool-dropzone{padding:32px 16px;min-height:140px}}.similar-tools-section{margin-top:12px}.similar-tools-grid{display:grid;grid-template-columns:1fr;gap:8px}.similar-tool-tile{background:var(--bg-card);border:1px solid var(--border-color);border-left:2px solid var(--cat-color, var(--accent-1));border-radius:8px;padding:10px 12px;text-decoration:none;display:flex;align-items:center;gap:10px;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;cursor:pointer;color:var(--text-primary)}.similar-tool-tile:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.similar-tool-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;color:var(--cat-color, var(--accent-1))}.similar-tool-icon i[data-lucide],.similar-tool-icon svg{width:20px;height:20px;stroke:currentColor}.similar-tool-name{font-size:.85rem;font-weight:600;color:var(--text-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-file-info{display:flex;gap:16px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:14px;flex-wrap:wrap}.tool-fi-stat{display:flex;flex-direction:column;gap:2px}.tool-fi-lbl{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:700}.tool-fi-val{font-size:.85rem;font-weight:700;color:var(--text-heading)}.tool-slider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}@media(max-width:600px){.tool-slider-grid{grid-template-columns:1fr}}.tool-slider-card{padding:12px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px}.tool-slider-head{display:flex;justify-content:space-between;align-items:center}.tool-slider-label{font-size:.75rem;font-weight:700;color:var(--text-heading);text-transform:uppercase;letter-spacing:.5px}.tool-slider-val{font-size:.8rem;font-weight:700;color:var(--accent-1);min-width:36px;text-align:right}.tool-range{width:100%;accent-color:var(--accent-1);cursor:pointer}body [class~=dropzone],body [class*=-dropzone i],body [id*=dropzone i],body #toolWorkspace .dropzone,body .upload-zone,body .tool-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;cursor:pointer;transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;position:relative;overflow:hidden;background:var(--bg-card)}body [class~=dropzone]:hover,body [class*=-dropzone i]:hover,body [id*=dropzone i]:hover,body #toolWorkspace .dropzone:hover,body .upload-zone:hover,body .tool-dropzone:hover{border-color:var(--accent-1);background:rgba(var(--accent-rgb),.08);transform:translateY(-2px);box-shadow:0 10px 30px #0000001a}body [class~=dropzone]>*,body [class*=-dropzone i]>*,body [id*=dropzone i]>*,body #toolWorkspace .dropzone>*,body .upload-zone>*,body .tool-dropzone>*{position:relative;z-index:11}body #toolWorkspace .dropzone>input[type=file],body .upload-zone>input[type=file],body .tool-dropzone>input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}body [class~=dropzone]:after,body [class*=-dropzone i]:after,body [id*=dropzone i]:after,body #toolWorkspace .dropzone:after,body .upload-zone:after,body .tool-dropzone:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--accent-rgb),.1);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}body [class~=dropzone].dragover:after,body [class*=-dropzone i].dragover:after,body [id*=dropzone i].dragover:after,body #toolWorkspace .dropzone.dragover:after,body .upload-zone.dragover:after,body .tool-dropzone.dragover:after{opacity:1}body [class$=-dz-icon],body [class*=" dz-icon"],body .dropzone-icon{margin-bottom:16px;line-height:1;filter:drop-shadow(0 4px 12px rgba(var(--accent-rgb),.15));transition:transform .3s ease}body [class~=dropzone]:hover .dropzone-icon,body [class*=-dropzone i]:hover .dropzone-icon,body [id*=dropzone i]:hover .dropzone-icon,body #toolWorkspace .dropzone:hover .dropzone-icon,body .upload-zone:hover .dropzone-icon,body .tool-dropzone:hover .dropzone-icon{transform:scale(1.08)}body .dropzone-icon svg,body [class$=-dz-icon] svg,body [class*=" dz-icon"] svg{width:48px;height:48px;stroke-width:2}body .dropzone-icon:not(:has(svg)),body [class$=-dz-icon]:not(:has(svg)),body [class*=" dz-icon"]:not(:has(svg)){font-size:3rem}body [class$=-dz-text],body [class*=" dz-text"],body .dropzone-text{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}body [class$=-dz-hint],body [class*=" dz-hint"],body .dropzone-hint{font-size:.78rem;color:var(--text-muted)}body .h2j-convert-btn,body .iconv-convert-btn,body .icrop-crop-btn,body .ir-resize-btn,body .gif-generate-btn,body .fav-generate-btn,body .og-generate-btn,body .wm-apply-btn,body .cmp-compare-btn,body .b64-convert-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:140px;height:52px;padding:0 24px;border:none;border-radius:var(--radius-lg);background:var(--accent-1);color:var(--accent-ink);font-size:.95rem;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:inherit;letter-spacing:.3px;box-shadow:0 4px 20px rgba(var(--accent-rgb),.3)}body .h2j-convert-btn:hover,body .iconv-convert-btn:hover,body .icrop-crop-btn:hover,body .ir-resize-btn:hover,body .gif-generate-btn:hover,body .fav-generate-btn:hover,body .og-generate-btn:hover,body .wm-apply-btn:hover,body .cmp-compare-btn:hover,body .b64-convert-btn:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgba(var(--accent-rgb),.45)}body .rot-download-btn,body .wm-download-btn,body .wm-dl-jpg-btn,body .icrop-secondary-btn,body .icrop-reset-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:120px;height:52px;padding:0 18px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s;font-family:inherit}body .rot-download-btn:hover,body .wm-download-btn:hover,body .wm-dl-jpg-btn:hover,body .icrop-secondary-btn:hover,body .icrop-reset-btn:hover{border-color:var(--accent-1);color:var(--text-primary);background:rgba(var(--accent-rgb),.08)}body .h2j-dl-all-btn,body .iconv-dl-all-btn,body .fav-dl-all-btn,body .gif-dl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s;font-family:inherit;text-decoration:none}body .h2j-dl-all-btn:hover,body .iconv-dl-all-btn:hover,body .fav-dl-all-btn:hover,body .gif-dl-btn:hover{border-color:var(--accent-1);color:var(--text-primary);background:rgba(var(--accent-rgb),.08)}body .h2j-reset-btn,body .iconv-reset-btn,body .ir-reset-btn,body .gif-reset-btn,body .cmp-reset-btn,body .rot-reset-btn,body .wm-reset-btn,body .b64-reset-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;height:44px;flex-shrink:0;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-family:inherit}body .h2j-reset-btn:hover,body .iconv-reset-btn:hover,body .ir-reset-btn:hover,body .gif-reset-btn:hover,body .cmp-reset-btn:hover,body .rot-reset-btn:hover,body .wm-reset-btn:hover,body .b64-reset-btn:hover{border-color:var(--neg);color:var(--neg);background:#ef444414}body .og-dl-btn{height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center}body .rot-canvas-wrap canvas,body .wm-canvas-wrap canvas,body .gif-canvas-wrap canvas,body #peCanvas,body #mgCanvas{max-width:100%;max-height:520px;object-fit:contain;display:block}.legal-container{max-width:820px;margin:0 auto;padding:32px 24px 64px}.legal-container h1{font-size:2rem;font-weight:800;color:var(--text-heading);margin-bottom:8px}.legal-body{color:var(--text-secondary);line-height:1.7;font-size:.98rem}.legal-body h2{font-size:1.2rem;font-weight:700;color:var(--text-heading);margin:28px 0 10px}.legal-body p{margin:0 0 12px}.legal-body ul{margin:0 0 12px;padding-left:22px}.legal-body li{margin-bottom:6px}.legal-body a{color:var(--accent-1)}@media(max-width:600px){.legal-container{padding:24px 16px 48px}}.lp-container{max-width:820px;margin:0 auto;padding:32px 24px 64px}.lp-container h1{font-size:2rem;font-weight:800;color:var(--text-heading);margin-bottom:14px}.lp-container h2{font-size:1.3rem;font-weight:700;color:var(--text-heading);margin:32px 0 12px}.lp-intro{color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.lp-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:24px 0;padding:20px 24px;border-radius:var(--radius-lg);text-decoration:none;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.35)}.lp-cta-text{font-weight:700;color:var(--text-heading);font-size:1.05rem}.lp-cta-btn{font-weight:800;color:var(--accent-ink);background:var(--accent-1);padding:12px 20px;border-radius:var(--radius-lg);white-space:nowrap}.lp-cta:hover .lp-cta-btn{filter:brightness(1.08)}.lp-steps{color:var(--text-secondary);line-height:1.7;padding-left:22px}.lp-steps li{margin-bottom:8px}.lp-faq details{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:12px 16px;margin-bottom:10px}.lp-faq summary{font-weight:600;color:var(--text-heading);cursor:pointer}.lp-faq p{color:var(--text-secondary);line-height:1.6;margin:10px 0 0}@media(max-width:600px){.lp-container{padding:24px 16px 48px}}.tool-header .tool-trust-badge{margin:10px auto 0;font-size:.8rem;font-weight:600;color:var(--text-muted);display:inline-block;max-width:100%;padding:5px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:rgba(var(--accent-rgb),.05);white-space:normal;overflow:visible;text-overflow:clip;line-height:1.5}@media(max-width:600px){.tool-header .tool-trust-badge{font-size:.72rem;padding:6px 12px;border-radius:var(--radius-lg)}}.seo-section{margin-top:0;padding:0;background:transparent;border:none;border-radius:0}.seo-block{margin-bottom:40px}.seo-block:last-child{margin-bottom:0}.seo-section h2{font-size:1.6rem;font-weight:800;margin-bottom:24px;color:var(--text-heading)}.seo-section h3{font-size:1.25rem;font-weight:700;color:var(--accent-1);margin-top:32px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.seo-section h3 svg{width:20px;height:20px;flex-shrink:0}.seo-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:16px;font-size:.95rem}.seo-rule{border:0;border-top:1px solid var(--border-color);margin:40px 0}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0}.platform-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px;transition:background .2s,border-color .2s}.platform-card:hover{border-color:var(--accent-1);background:#ffffff0d}.platform-card h4{font-size:.95rem;font-weight:700;color:var(--text-heading);margin-bottom:8px}.platform-card p{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.5}.format-compare-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9rem;background:#0003;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color)}.format-compare-table th{background:rgba(var(--accent-rgb),.1);text-align:left;padding:12px 16px;color:var(--text-heading);font-weight:700}.format-compare-table td{padding:12px 16px;border-top:1px solid var(--border-color);color:var(--text-primary)}.vitals-list{list-style:none!important;padding:0!important;margin:16px 0!important;display:flex;flex-direction:column;gap:8px}.vitals-list li{background:#10b9810d;border-left:3px solid var(--pos);padding:10px 16px;border-radius:0 8px 8px 0;font-size:.9rem;color:var(--text-secondary)}.formula-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-1);border-radius:8px;padding:16px;margin:12px 0}.formula-title{color:var(--accent-1);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.formula-code{font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-primary);font-size:.95rem;display:block;margin:6px 0}.formula-desc{font-size:.82rem;color:var(--text-muted);margin-top:4px}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:24px 0}.use-case-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px;transition:background .3s,border-color .3s,transform .3s}.use-case-card:hover{border-color:var(--accent-1);transform:translateY(-4px);background:#ffffff0a}.use-case-icon{font-size:2rem;color:var(--accent-1);line-height:1}.use-case-icon svg{width:30px;height:30px}.use-case-card h4{font-size:1.1rem;font-weight:700;color:var(--text-heading);margin:0}.use-case-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin:0}.use-case-result{margin-top:auto;font-size:.85rem;font-weight:700;color:var(--pos);padding:8px 12px;background:#4ade801a;border-radius:8px;display:inline-block}.seo-section .faq-list{margin-top:20px;display:flex;flex-direction:column;gap:0}.seo-section .faq-item{border-bottom:1px solid var(--border-color);padding:24px 0}.seo-section .faq-item:last-child{border-bottom:none}.seo-section .faq-item h4{font-size:1.05rem;font-weight:700;color:var(--text-heading);margin-bottom:12px;display:flex;gap:12px;justify-content:flex-start;align-items:baseline}.seo-section .faq-item h4:after{margin-left:auto}.seo-section .faq-item h4 span{color:var(--accent-1);flex-shrink:0}.seo-section .faq-item p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0;display:flex;gap:12px}.seo-section .faq-item p span{color:var(--pos);font-weight:800;flex-shrink:0}.trust-badge-icon{width:14px;height:14px;flex-shrink:0;vertical-align:-2px;margin-right:6px}.tool-trust-badge{display:inline-flex;align-items:center}.arb-legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--text-muted);vertical-align:0}.arb-legend-dot--ok{background:var(--pos)}.arb-legend-dot--warn{background:#eab308}.arb-legend-dot--bad{background:var(--neg)}.fav-star svg{width:20px;height:20px}.fav-star.active svg{fill:currentColor}.tool-page-fav-star svg{width:24px;height:24px}.ic-fmt-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.ic-fmt-label{font-size:.68rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted)}.htu-title{display:inline;font-size:inherit;font-weight:inherit;margin:0;color:inherit}.tool-disclaimer{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;padding:10px 13px;font-size:.82rem;line-height:1.5;color:var(--text-muted);background:#f59e0b0f;border:1px solid rgba(245,158,11,.2);border-radius:8px}.tool-disclaimer i,.tool-disclaimer svg{flex:0 0 auto;width:15px;height:15px;margin-top:2px;color:var(--warn)}.tool-disclaimer a{color:var(--text-secondary);text-decoration:underline}.tool-disclaimer a:hover{color:var(--accent-1)}.cp-liq{margin-left:6px;padding:1px 6px;font-size:.72rem;font-weight:600;border-radius:999px;color:var(--neg);background:#f43f5e1f;white-space:nowrap}.ba-container{user-select:none;-webkit-user-select:none}.ba-container:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.ba-container.ba-dragging{cursor:ew-resize}.ba-handle svg{width:20px;height:20px;stroke-width:2.2}.ic-continue-row{display:none;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;padding:10px 14px;background:rgba(var(--accent-rgb),.08);border:1px dashed rgba(var(--accent-rgb),.4);border-radius:var(--radius-lg)}.ic-continue-row.visible{display:flex;animation:ic-continue-in .35s ease}.ic-continue-hint{flex:1;min-width:160px;font-size:.85rem;color:var(--text-secondary);font-weight:600}.ic-continue-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:.9rem;font-weight:700;color:#fff;background:var(--accent-2);border:none;border-radius:8px;cursor:pointer;box-shadow:0 2px 8px rgba(var(--accent-rgb),.35);transition:background .2s,box-shadow .2s,transform .2s}.ic-continue-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--accent-rgb),.5)}.ic-continue-btn svg{width:16px;height:16px;stroke-width:2.2}@keyframes ic-continue-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mc-headline,.lc-result-card,.cc-result-card,.ci-headline,.cp-summary,.sk-headline{padding:20px;text-align:center;background:rgba(var(--accent-rgb),.06);border:1px solid var(--accent-1);border-radius:var(--radius-lg);margin-bottom:16px}.mc-headline-label,.lc-result-label,.cc-result-label,.ci-headline-label,.cp-summary-label,.sk-headline-label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.mc-headline-value,.lc-result-value,.cc-result-value,.ci-headline-value,.cp-summary-pnl,.sk-headline-value,#goalMonthly{font-size:2.2rem;font-weight:800;line-height:1.15;color:var(--accent-1);overflow-wrap:anywhere}.cp-summary-pnl.profit{color:var(--pos)}.cp-summary-pnl.loss{color:var(--neg)}.sk-headline-sub,.cp-summary-label,.mc-headline-sub{margin-top:6px;font-size:.82rem;font-weight:400;color:var(--text-muted)}.mc-stat,.lc-stat,.cc-stat,.ci-stat,.cp-card,.sk-card{padding:14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.mc-stat-label,.lc-stat-label,.cc-stat-label,.ci-stat-label,.cp-card-label,.sk-card-label{display:block;margin-bottom:4px;font-size:.78rem;color:var(--text-secondary)}.mc-stat-value,.lc-stat-value,.cc-stat-value,.ci-stat-value,.cp-card-value,.sk-card-value{font-size:1.05rem;font-weight:700;color:var(--text-heading);overflow-wrap:anywhere}.chart-container,.ci-chart-wrap,.mc-chart-wrap{position:relative;height:320px}@media(max-width:640px){.chart-container,.ci-chart-wrap,.mc-chart-wrap{height:260px}.mc-headline-value,.lc-result-value,.cc-result-value,.ci-headline-value,.cp-summary-pnl,.sk-headline-value,#goalMonthly{font-size:1.9rem}}.cc-result-value.is-text{font-size:1.15rem;line-height:1.4}.arb-depth-note svg,.arb-row svg[data-lucide=loader]{width:12px;height:12px}.loan-extras{margin-top:18px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.loan-extras-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.loan-extras-title{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--text-heading)}.loan-extras-title svg{width:17px;height:17px;color:var(--accent-1)}.loan-extras-opt{font-size:.85rem;color:var(--text-muted)}.loan-strategy{display:flex;gap:0;margin-bottom:12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.loan-strategy input{position:absolute;opacity:0;pointer-events:none}.loan-strategy label{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.loan-strategy label svg{width:15px;height:15px}.loan-strategy input:checked+label{background:var(--accent-1);color:var(--accent-ink)}.loan-strategy input:focus-visible+label{outline:2px solid var(--accent-1);outline-offset:-2px}.loan-quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.loan-quick-label{font-size:.8rem;color:var(--text-muted)}.loan-quick-btn,.loan-add-extra{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:.84rem;font-weight:600;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,color .15s}.loan-quick-btn:hover,.loan-add-extra:hover{border-color:var(--accent-1);color:var(--accent-1)}.loan-add-extra{margin-top:10px}.loan-add-extra svg{width:15px;height:15px}.extra-payment-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.extra-payment-row select,.extra-payment-row input{padding:8px 10px;font-family:inherit;font-size:.87rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.extra-payment-row select{min-width:132px}.extra-payment-row .extra-amount{flex:1;min-width:110px}.extra-payment-row .extra-from{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.extra-payment-row .extra-start{width:62px;text-align:center}.extra-remove{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--neg);background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);cursor:pointer}.extra-remove svg{width:15px;height:15px}.extra-remove:hover{background:#ef444438}.loan-extras-saved{margin:12px 0 0;font-size:.85rem;font-weight:600;color:var(--pos)}.loan-schedule{margin-top:20px}.loan-schedule-toggle,.loan-csv{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,color .15s}.loan-schedule-toggle:hover,.loan-csv:hover{border-color:var(--accent-1);color:var(--accent-1)}.loan-schedule-toggle{color:var(--accent-1);border-color:var(--accent-1);background:rgba(var(--accent-rgb),.07);animation:loan-schedule-pulse 2.6s ease-in-out 3}.loan-schedule-toggle[aria-expanded=true]{color:var(--text-primary);border-color:var(--border-color);background:var(--bg-secondary);animation:none}@keyframes loan-schedule-pulse{0%,to{box-shadow:0 0 rgba(var(--accent-rgb),0)}50%{box-shadow:0 0 0 4px rgba(var(--accent-rgb),.18)}}@media(prefers-reduced-motion:reduce){.loan-schedule-toggle{animation:none}}.loan-schedule-toggle svg,.loan-csv svg{width:16px;height:16px}.loan-csv{margin-top:10px}.loan-schedule-hint{margin:12px 0 8px;font-size:.82rem;color:var(--text-muted)}.loan-table-wrap{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg)}.loan-table{width:100%;border-collapse:collapse;font-size:.85rem}.loan-table th,.loan-table td{padding:9px 12px;text-align:right;white-space:nowrap}.loan-table th:first-child,.loan-table td:first-child{text-align:left}.loan-table thead th{position:sticky;top:0;font-size:.76rem;font-weight:700;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.loan-table .sch-year{cursor:pointer;font-weight:700;color:var(--text-heading);background:var(--bg-secondary)}.loan-table .sch-year:hover{background:var(--bg-card-hover)}.loan-table .sch-year:focus-visible{outline:2px solid var(--accent-1);outline-offset:-2px}.loan-table .sch-caret{display:inline-flex;margin-right:7px;vertical-align:-2px;transition:transform .15s}.loan-table .sch-caret svg{width:14px;height:14px}.loan-table .sch-year.is-open .sch-caret{transform:rotate(90deg)}.loan-table .sch-month td{color:var(--text-secondary);border-top:1px solid var(--border-color)}.loan-table .sch-month td:first-child{padding-left:32px}@media(max-width:640px){.loan-table th,.loan-table td{padding:7px 9px;font-size:.8rem}.loan-table .sch-month td:first-child{padding-left:22px}}.fin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.fin-grid>*{min-width:0}@media(max-width:900px){.fin-grid{grid-template-columns:1fr;gap:18px}}.fin-wide{margin-top:24px}.fin-grid>:first-child .mc-options-row,.fin-grid>:first-child .ci-row,.fin-grid>:first-child .cp-grid,.fin-grid>:first-child .sk-row{display:block}.fin-grid>:first-child .mc-input-group,.fin-grid>:first-child .lc-field,.fin-grid>:first-child .cc-field,.fin-grid>:first-child .ci-input-group{margin-bottom:16px}.fin-grid>:first-child input[type=text],.fin-grid>:first-child input[type=number],.fin-grid>:first-child select{width:100%;min-width:0}.fin-grid>:first-child input[type=range]{width:100%;margin-top:10px}.fin-pair{display:flex;gap:8px;align-items:center}.fin-pair>*{flex:1 1 0}.fin-pair>.fin-pair-narrow{flex:0 0 92px}.fin-grid .mc-results-row,.fin-grid .ci-results-row{display:flex;flex-direction:column;gap:16px}.fin-grid .mc-results-row>.mc-chart-box,.fin-grid .ci-results-row>.chart-container{order:2;width:100%;min-width:0;flex:none}.fin-grid .mc-results-row>.mc-highlights,.fin-grid .ci-results-row>div:not(.chart-container){order:1;width:100%;min-width:0;flex:none}.fin-grid .mc-subgrid,.fin-grid .ci-subgrid,.fin-grid .lc-stats,.fin-grid .cc-stats,.fin-grid .sk-cards,.fin-grid .cp-cards,.fin-grid .rf-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fin-grid .mc-subgrid>*,.fin-grid .ci-subgrid>*,.fin-grid .lc-stats>*,.fin-grid .cc-stats>*,.fin-grid .sk-cards>*,.fin-grid .cp-cards>*,.fin-grid .rf-stats>*{grid-column:auto!important;box-sizing:border-box;min-height:96px}.fin-grid .mc-subgrid>*>:first-child,.fin-grid .ci-subgrid>*>:first-child,.fin-grid .lc-stats>*>:first-child,.fin-grid .cc-stats>*>:first-child,.fin-grid .sk-cards>*>:first-child,.fin-grid .cp-cards>*>:first-child,.fin-grid .rf-stats>*>:first-child{display:block;line-height:1.3;min-height:2.6em}.fin-grid>*{margin-top:0}.fin-grid>.mc-results,.fin-grid>.ci-results,.fin-grid>.lc-results,.fin-grid>.cc-results,.fin-grid>.sk-results,.fin-grid>.cp-result{margin-top:0;padding-top:0;border-top:0}.fin-step{display:flex;align-items:center;gap:10px;margin:26px 0 14px;font-size:1rem;font-weight:700;color:var(--text-heading)}.fin-step:first-child{margin-top:0}.fin-step-n{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;font-size:.82rem;font-weight:800;color:var(--accent-ink, #14120f);background:var(--accent-1);border-radius:50%}.fin-step-hint{margin:-8px 0 14px 34px;font-size:.82rem;color:var(--text-muted)}.fin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border-color)}.fin-actions button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:.88rem;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,color .15s}.fin-actions button:hover{border-color:var(--accent-1);color:var(--accent-1)}.fin-actions button svg{width:16px;height:16px}.tool-related-static{margin-top:16px}.tool-related-static h2{margin:0 0 8px;font-size:.82rem;font-weight:700;color:var(--text-secondary)}.tool-related-static ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.tool-related-static a{font-size:.88rem;color:var(--text-primary);text-decoration:none}.tool-related-static a:hover{color:var(--accent-1)}.tool-container .seo-block h2,.tool-container .seo-section h2{font-size:1.6rem;font-weight:800}.tool-container .seo-block h3,.tool-container .seo-section h3,.tool-container .st-guide-step h3,.tool-container .st-guide-step h4,.tool-container .mc-table-wrap-outer h3,.tool-container .lc-schedule-wrap h3{font-size:1.25rem;font-weight:700;color:var(--text-heading)}.tool-container .related-links h2,.tool-container .htu-title,.tool-container .fin-step{font-size:1rem;font-weight:700}.tool-container .st-guide-step h3,.tool-container .st-guide-step h4{margin:0 0 6px}.field-q{width:18px;height:18px;margin-left:6px;padding:0;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-muted);font:700 11px/1 inherit;cursor:pointer;vertical-align:middle;transition:color .15s,border-color .15s,background .15s}.field-q:hover{color:var(--accent-1);border-color:var(--accent-1)}.field-q.is-on{background:var(--accent-1);border-color:var(--accent-1);color:var(--accent-ink, #14120f)}.field-hint{margin:6px 0 0;font-size:.8rem;line-height:1.5;color:var(--text-muted)}.field-hint.is-folded{display:none}.field-hint.is-folded.is-open{display:block}.field-hint a{color:var(--accent-1)}.fin-example{margin:0 0 18px;padding:9px 12px;font-size:.82rem;line-height:1.5;color:var(--text-secondary);background:rgba(var(--accent-rgb),.07);border-left:3px solid var(--accent-1);border-radius:var(--radius-sm)}@media(pointer:coarse){.field-q{width:26px;height:26px;font-size:13px}}