:root{--bg: #0a1120;--surface: #0e1726;--surface-2:#101c2e;--border: rgba(120,170,230,.16);--border-2: rgba(120,170,230,.32);--text: #d7e2f2;--dim: #8395b1;--faint: #54647f;--accent: #56ccf2;--accent-2: #7ee3c1;--code: "Fira Code", ui-monospace, monospace;--sans: "Fira Sans", system-ui, sans-serif;--error: #f07070;--tools-sidebar-width: 200px;--tools-item-radius: 6px;--tools-tab-indicator: 2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}button{font-family:inherit}a{color:inherit;text-decoration:none}.tools-shell{display:flex;flex-direction:column;height:100%;overflow:hidden}.tools-header{height:48px;background:var(--surface-2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:0;flex-shrink:0}.back-link{font-family:var(--code);font-size:12px;font-weight:400;color:var(--faint);cursor:pointer}.back-link:hover{color:var(--dim)}.header-sep{font-family:var(--code);font-size:12px;color:var(--accent)}.header-current{font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim)}.category-tabs{height:48px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:stretch;flex-shrink:0}.tab{font-family:var(--code);font-size:12px;font-weight:400;padding:8px 16px;background:transparent;border:none;border-bottom:var(--tools-tab-indicator) solid transparent;color:var(--dim);cursor:pointer;white-space:nowrap;line-height:1.4;border-radius:0}.tab:hover{color:var(--text);background:var(--surface-2)}.tab.active{color:var(--text);background:transparent;border-bottom-color:var(--accent)}.tools-body{display:flex;flex:1;overflow:hidden}.tool-sidebar{width:var(--tools-sidebar-width);background:var(--surface);border-right:1px solid var(--border-2);overflow-y:auto;flex-shrink:0;padding:8px 0}.tool-item{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 16px;background:transparent;border:none;border-left:2px solid transparent;border-radius:0 var(--tools-item-radius) var(--tools-item-radius) 0;font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim);cursor:pointer;text-align:left}.tool-item:hover{color:var(--text);background:var(--surface-2)}.tool-item.active{color:var(--text);background:var(--surface-2);border-left-color:var(--accent)}.tool-icon{flex-shrink:0;font-size:14px}.tool-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coming-soon-dot{width:4px;height:4px;background:var(--accent-2);border-radius:50%;margin-left:auto;flex-shrink:0}.tool-canvas{flex:1;background:var(--bg);padding:24px;overflow-y:auto;position:relative}.tool-loading{font-family:var(--sans);font-size:14px;color:var(--dim)}.drawer-toggle{display:none}.sidebar-scrim{position:fixed;inset:0;z-index:199;background:#00000073;animation:scrim-fade-in .2s ease forwards}@keyframes scrim-fade-in{0%{opacity:0}to{opacity:1}}.coming-soon-card{max-width:480px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.coming-soon-icon{display:block;font-size:2.5rem;margin-bottom:8px}.coming-soon-title{font-family:var(--sans);font-size:16px;font-weight:600;color:var(--text);line-height:1.3}.coming-soon-desc{font-family:var(--sans);font-size:14px;font-weight:400;color:var(--dim);line-height:1.6;max-width:40ch;margin:0 auto}.coming-soon-badge{display:inline-block;padding:6px 16px;border-radius:20px;background:#7ee3c11f;color:var(--accent-2);font-family:var(--code);font-size:12px;font-weight:400;margin-top:8px}.server-info{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:4px}.server-side-badge{display:inline-block;padding:4px 10px;border-radius:12px;border:1px solid var(--border);color:var(--faint);font-family:var(--code);font-size:12px;font-weight:400}.server-note{font-family:var(--sans);font-size:12px;color:var(--faint)}.overview-panel{max-width:560px;margin:0 auto;padding:64px 24px}.overview-headline{font-family:var(--code);font-size:20px;font-weight:600;color:var(--text);line-height:1.2;margin-bottom:8px}.overview-tagline{font-family:var(--sans);font-size:14px;font-weight:400;color:var(--dim);line-height:1.6;max-width:52ch;margin-bottom:32px}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:0}.overview-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;width:100%;cursor:pointer}.overview-card:hover{border-color:var(--border-2)}.overview-card-icon{display:block;font-size:1.5rem;margin-bottom:4px}.overview-card-name{font-family:var(--sans);font-size:16px;font-weight:600;color:var(--text)}.overview-card-count{font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim)}.overview-privacy{font-family:var(--code);font-size:12px;font-weight:400;color:var(--faint);text-align:center;margin-top:48px}.privacy-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--code);font-size:12px;font-weight:400;color:var(--accent);background:#56ccf21a;padding:4px 8px;border-radius:4px}.server-tool-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim);background:transparent;border:1px solid var(--border);padding:4px 8px;border-radius:4px}.error-message{display:flex;align-items:center;gap:4px;font-family:var(--code);font-size:12px;font-weight:400;color:var(--error);margin-top:4px}.error-prefix{flex-shrink:0}.action-button{font-family:var(--code);font-size:12px;font-weight:400;background:var(--surface);border:1px solid var(--border);color:var(--dim);padding:8px 16px;border-radius:6px;cursor:pointer}.action-button:hover:not(:disabled){color:var(--text);border-color:var(--border-2)}.action-button:disabled{opacity:.5;cursor:not-allowed}.text-tool-layout{display:flex;flex-direction:column;gap:12px}.tool-textarea{width:100%;min-height:180px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;font-family:var(--sans);font-size:14px;font-weight:400;color:var(--text);line-height:1.6;resize:vertical;outline:none}.tool-textarea:focus{border-color:var(--border-2)}.tool-textarea::placeholder{color:var(--faint)}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 16px;font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim)}.actions-row{display:flex;gap:8px;flex-wrap:wrap}.file-tool-layout{display:flex;flex-direction:column;gap:16px}.drop-zone{background:var(--surface);border:2px dashed var(--border);border-radius:10px;padding:48px;text-align:center;cursor:pointer;transition:border-color .15s ease}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent)}.drop-zone-label{font-family:var(--sans);font-size:14px;font-weight:400;color:var(--dim)}.file-input-hidden{display:none}.file-list{display:flex;flex-direction:column}.file-list-item{font-family:var(--code);font-size:12px;color:var(--dim);border-bottom:1px solid var(--border);padding:8px 0}.tool-header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.tool-header-title{font-family:var(--sans);font-size:16px;font-weight:600;color:var(--text);line-height:1.3}.tool-header-desc{font-family:var(--sans);font-size:14px;font-weight:400;color:var(--dim);line-height:1.6}.tool-header-size-limit{font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim);line-height:1.4}.action-button.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.action-button.primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2);color:var(--bg)}.action-button.primary:disabled{opacity:.5;cursor:not-allowed}.pdf-thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.pdf-thumb-cell{position:relative;aspect-ratio:3 / 4;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer}.pdf-thumb-cell:hover{border-color:var(--border-2)}.pdf-thumb-cell.selected{border-color:var(--accent);border-width:2px}.pdf-thumb-cell canvas,.pdf-thumb-canvas-slot{display:block;width:100%;height:100%}.pdf-thumb-canvas-slot canvas{width:100%;height:100%;object-fit:contain}.pdf-thumb-cell.skeleton{display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--faint);font-family:var(--code);font-size:12px;animation:scrim-fade-in .4s ease forwards}.pdf-thumb-page-badge{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim);background:#101c2ed9;padding:2px 6px;border-radius:4px}.pdf-thumb-rotation-badge{position:absolute;top:4px;right:4px;font-family:var(--code);font-size:12px;font-weight:400;color:var(--faint);border:1px solid var(--border);padding:2px 6px;border-radius:4px}.pdf-large-doc-notice{font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim);margin-bottom:8px}.file-card-grid{display:flex;flex-wrap:wrap;gap:16px}.file-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px;cursor:grab}.file-card-name{font-family:var(--sans);font-size:14px;font-weight:400;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-count{font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim)}.file-card-remove{position:absolute;top:-4px;right:-4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--dim);font-family:var(--code);font-size:14px;cursor:pointer}.file-card-remove:hover{color:var(--text);border-color:var(--border-2)}.segmented-toggle{display:inline-flex;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden}.segmented-toggle-option{font-family:var(--code);font-size:12px;font-weight:400;background:var(--surface);color:var(--dim);border:none;padding:8px 16px;cursor:pointer}.segmented-toggle-option:hover:not(:disabled){color:var(--text)}.segmented-toggle-option.active{background:var(--accent);color:var(--bg)}.pdf-split-hint{font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim);margin:8px 0}.pdf-split-download-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.pdf-split-download-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.pdf-split-filename{font-family:var(--sans);font-size:14px;font-weight:400;color:var(--text)}@media(max-width:639px){.tools-header{display:none}.category-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.category-tabs::-webkit-scrollbar{display:none}.tool-sidebar{position:fixed;left:0;top:0;height:100vh;z-index:200;background:var(--surface-2);box-shadow:4px 0 24px #00000080;transform:translate(calc(-1 * var(--tools-sidebar-width)));transition:transform .2s ease-in-out;width:var(--tools-sidebar-width);flex-shrink:0}.tool-sidebar.open{transform:translate(0)}.tool-canvas{padding:60px 16px 16px}.drawer-toggle{display:flex;align-items:center;justify-content:center;position:absolute;top:8px;left:8px;width:44px;height:44px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer}.drawer-toggle:hover{border-color:var(--border-2)}.overview-panel{padding:32px 16px}.overview-grid{grid-template-columns:1fr}.file-card-remove,.aspect-lock-toggle{width:44px;height:44px}.csv-json-grid{grid-template-columns:1fr}}.quality-slider-label{font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim)}.quality-slider{width:100%;margin-top:8px;accent-color:var(--accent);height:4px;background:var(--border);border-radius:2px}.resize-section{display:flex;flex-direction:column}.resize-section-label{font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim);margin-bottom:8px}.resize-custom-row{display:flex;align-items:center;gap:8px;margin-top:8px}.resize-custom-caption{font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim)}.resize-custom-input{width:96px;padding:8px;border-radius:6px;font:12px var(--code);background:var(--surface);border:1px solid var(--border);color:var(--text);outline:none}.resize-custom-input:focus{border-color:var(--border-2)}.aspect-lock-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--dim);font-size:14px;cursor:pointer;flex-shrink:0}.aspect-lock-toggle:hover{border-color:var(--border-2)}.aspect-lock-toggle.locked{color:var(--accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.heic-spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin-right:8px}.csv-json-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.csv-json-panel{display:flex;flex-direction:column;gap:8px}.csv-json-panel-label{font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim)}.stat-item{display:inline-flex;align-items:baseline;gap:4px}.stat-value{color:var(--text)}.toggle-chip{font-family:var(--code);font-size:12px;font-weight:400;background:var(--surface);border:1px solid var(--border);color:var(--dim);padding:4px 8px;border-radius:12px;cursor:pointer}.toggle-chip:hover:not(.active){border-color:var(--border-2);color:var(--text)}.toggle-chip.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.toggle-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.find-replace-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.find-replace-input{flex:1 1 160px;padding:8px;border-radius:6px;font-family:var(--sans);font-size:14px;background:var(--surface);border:1px solid var(--border);color:var(--text);outline:none}.find-replace-input:focus{border-color:var(--border-2)}.find-replace-input::placeholder{color:var(--faint)}.strength-meter{display:flex;gap:4px;margin-top:8px}.strength-bar{flex:1;height:4px;border-radius:2px;background:var(--border)}.strength-label{font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim);margin-top:4px}.hash-output-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.hash-output-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--border)}.hash-algo-label{font-family:var(--code);font-size:12px;font-weight:400;color:var(--dim);flex-shrink:0;width:64px}.hash-value{font-family:var(--code);font-size:12px;font-weight:400;color:var(--text);word-break:break-all;flex:1}.json-status-valid{display:flex;align-items:center;gap:4px;font-family:var(--code);font-size:12px;font-weight:400;color:var(--accent-2);margin-top:8px}@media(max-width:639px){.toggle-chip{padding:8px 12px}}