:root{--background:#f9fafc;--surface:#fff;--rail:#f0f3f7;--ink:#142036;--muted:#5f6e85;--line:#dce3ed;--blue:#2955e7;--blue-soft:#edf3ff;--radius:8px;-webkit-font-smoothing:antialiased;background:#f9fafc;background:var(--background);color:#142036;color:var(--ink);color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input,select,textarea{outline-offset:3px}:focus-visible{outline:2px solid #2955e7;outline:2px solid var(--blue)}a{color:inherit;text-decoration:none}img{max-width:100%}button{color:inherit}h1,h2,h3,p{margin:0}h2{font-size:16px;font-weight:650}h3{font-size:14px;font-weight:600}input,select,textarea{background:#fff;background:var(--surface);border:1px solid #dce3ed;border:1px solid var(--line);border-radius:8px;border-radius:var(--radius);color:#142036;color:var(--ink);min-width:0;padding:12px 14px}input:not([type=checkbox]):not([type=range]),select{min-height:46px;width:100%}input[type=checkbox]{flex-shrink:0;height:18px;width:18px}input[type=checkbox],input[type=range]{accent-color:#2955e7;accent-color:var(--blue);padding:0}input[type=range]{border:0;width:100%}textarea{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:16px;line-height:1.75;resize:vertical;tab-size:2;width:100%}input:focus,select:focus,textarea:focus{border-color:#2955e7;border-color:var(--blue)}textarea[readonly]{background:#f0f4fa}select{cursor:pointer}fieldset{min-width:0}table{border-collapse:collapse;font-size:14px;text-align:left;width:100%}th{background:#f0f3f8;font-weight:600}td,th{border-bottom:1px solid #dce3ed;border-bottom:1px solid var(--line);max-width:320px;overflow-wrap:anywhere;padding:14px 18px;vertical-align:top}tbody tr:last-child td{border-bottom:0}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.app-shell{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}.app-topbar{background:#fcfdff;border-bottom:1px solid var(--line);flex-shrink:0;height:80px;justify-content:space-between;padding:0 28px}.app-topbar,.brand{align-items:center;display:flex}.brand{gap:14px}.brand img{height:44px;object-fit:contain;width:44px}.brand div{display:flex;flex-direction:column;gap:3px}.brand strong{font-size:25px;letter-spacing:-.6px;line-height:1.15}.brand span{color:var(--muted);font-size:13px}.header-actions,.inline-actions,.topbar-actions{align-items:center;display:flex;gap:12px}.app-layout{display:grid;flex:1 1;grid-template-columns:237px 356px minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}.category-rail{background:var(--rail);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;overflow-y:auto;padding:38px 10px 24px}.rail-label{color:var(--muted);font-size:13px;margin:0 18px 16px}.category-button{align-items:center;background:none;border:0;border-radius:6px;display:flex;font-size:15px;gap:15px;margin-bottom:4px;min-height:56px;padding:12px 18px;position:relative;text-align:left;transition:background .15s ease;width:100%}.category-button small{color:var(--muted);font-size:12px;margin-left:auto}.category-button.active{background:#e5edff;color:var(--blue);font-weight:600}.category-button.active small{color:var(--blue)}.category-button.active:before{background:var(--blue);border-radius:4px;bottom:10px;content:"";left:-1px;position:absolute;top:10px;width:3px}.category-button:hover:not(.active){background:#e7ecf3}.rail-footer{color:var(--muted);font-size:12px;margin-top:auto;padding:32px 18px 0}.tool-navigator{background:#fcfdff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;padding-top:22px}.tool-search{align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--muted);display:flex;flex-shrink:0;gap:10px;height:46px;margin:0 20px 24px;padding:0 12px}.tool-search input{background:#0000;border:0;font-size:14px;min-height:36px!important;outline:0;padding:8px 0!important;width:100%}.tool-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px #2955e715}kbd{background:#eff2f7;border:1px solid #e5eaf2;border-radius:4px;font-family:inherit;font-size:12px;padding:2px 5px;white-space:nowrap}.navigator-caption{color:var(--muted);display:flex;flex-shrink:0;font-size:12px;justify-content:space-between;margin:0 22px 12px}.tool-list{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:0 9px 20px}.tool-link{grid-gap:16px;align-items:center;background:none;border:0;border-bottom:1px solid #e6ebf2;display:grid;gap:16px;grid-template-columns:30px minmax(0,1fr) 14px;min-height:86px;padding:20px 17px;position:relative;text-align:left;width:100%}.tool-link>span{min-width:0}.tool-link strong{display:block;font-size:16px;font-weight:650;line-height:1.35}.tool-link small{display:block;font-size:13px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-link small,.tool-link>svg:last-child{color:var(--muted)}.tool-link.active{background:var(--blue-soft);border-bottom-color:#0000;border-radius:6px}.tool-link.active:before{background:var(--blue);border-radius:4px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.tool-link.active>svg:first-child{color:var(--blue)}.tool-link:hover:not(.active){background:#f0f3f8}.workspace{background:var(--background);min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto}.tool-page{animation:page-enter .16s ease-out;display:flex;flex-direction:column;min-height:100%;padding:27px 32px 22px}.breadcrumb{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:10px;margin-bottom:18px}.tool-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:22px}.tool-header h1{font-size:32px;font-weight:720;letter-spacing:-.65px;line-height:1.35}.tool-header p{color:var(--muted);font-size:16px;line-height:1.75;margin-top:8px}.header-actions{flex-shrink:0;gap:4px;padding-top:3px}.tool-body{flex:1 1;min-width:0}.workspace-footer{align-items:center;border-top:1px solid #e8edf4;color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;font-weight:400;gap:8px 20px;justify-content:center;line-height:1.6;margin-top:50px;padding-top:18px;text-align:center}.workspace-footer a{white-space:nowrap}.workspace-footer a:hover{color:var(--blue);text-decoration:underline}.button{align-items:center;border:1px solid #0000;border-radius:6px;display:inline-flex;font-size:14px;font-weight:550;gap:9px;justify-content:center;line-height:1.4;min-height:44px;padding:10px 17px;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.primary:hover:not(:disabled){background:#1d42c4}.button.secondary{background:var(--surface);border-color:#bac8e1;color:#284270}.button.secondary:hover:not(:disabled){background:#f1f5ff;border-color:var(--blue)}.button.text-button{background:#0000;border:0;color:#74829a;font-size:13px;min-height:36px;padding:8px}.button.text-button:hover:not(:disabled){background:#edf2fb;color:var(--blue)}.icon-button{align-items:center;background:#0000;border:0;border-radius:5px;color:var(--muted);display:inline-flex;justify-content:center;min-height:30px;min-width:30px;padding:5px}.icon-button:hover{background:#e6ecf6;color:var(--blue)}.tabs{border-bottom:1px solid var(--line);display:flex;gap:14px;margin-bottom:24px;width:-webkit-fit-content;width:fit-content}.tabs button{background:none;border:0;color:#70809c;font-size:15px;font-weight:550;padding:7px 16px 12px;position:relative}.tabs button.active{color:var(--blue)}.tabs button.active:after{background:var(--blue);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.field{display:flex;flex-direction:column;font-size:14px;font-weight:550;gap:9px;margin:0 0 24px;min-width:0}.local-file-picker{align-items:center;background:var(--surface);border:1px dashed #b8c9e1;border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:20px}.seo-preview{line-height:1.8;margin:32px auto;max-width:1000px;padding:24px}.seo-preview h1{margin:16px 0}.seo-preview section{margin-top:24px}.seo-preview ul{padding-left:20px}.seo-preview a{color:var(--blue);text-decoration:underline}.local-file-picker>svg{color:var(--blue);flex-shrink:0}.local-file-picker>div{flex:1 1;min-width:0}.local-file-picker p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:5px}.local-options{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px 20px;margin:20px 0}.local-options>.field{flex:1 1 160px;margin:0;max-width:360px}.local-options>.checkbox{margin:0 0 12px}.local-options input[type=color]{height:46px;min-width:90px;padding:5px}.local-summary{color:var(--muted);font-size:13px;line-height:1.8;margin:12px 0 20px;overflow-wrap:anywhere}.ordered-files{list-style:none;margin:0 0 24px;padding:0}.ordered-files li{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:12px 0}.ordered-files li>img{background:var(--rail);border-radius:4px;height:52px;object-fit:contain;width:52px}.ordered-files li>span{flex:1 1;min-width:0;overflow-wrap:anywhere}.ordered-files strong{font-size:13px}.ordered-files small{color:var(--muted);display:block;font-size:12px;line-height:1.8}.local-image-result,.local-source-preview{border:1px solid var(--line);border-radius:8px;display:flex;justify-content:center;margin:16px 0;padding:16px}.local-image-result img{max-height:600px;object-fit:contain}.local-source-preview img{max-height:320px;object-fit:contain}.pdf-result-preview{background:#fff;border:1px solid var(--line);border-radius:8px;height:600px;width:100%}.pdf-page-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pdf-page-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0;padding:12px}.pdf-page-card.selected{background:#f8faff;border-color:#91acee}.pdf-page-card .checkbox{font-size:12px;margin:0 0 12px}.pdf-page-card>p{font-size:12px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-page-card>small{color:var(--muted);font-size:11px}.pdf-page-card .inline-actions{justify-content:space-between;margin-top:8px}.pdf-thumbnail{align-items:center;background:#edf0f5;display:flex;height:185px;justify-content:center;overflow:hidden}.pdf-thumbnail canvas{max-height:180px;max-width:100%}.pdf-thumbnail small{font-size:11px;padding:10px}.diff-results{border:1px solid var(--line);border-radius:8px;max-height:650px;overflow:auto}.diff-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.diff-header{background:var(--rail);font-size:13px;font-weight:600;padding:10px 14px;position:-webkit-sticky;position:sticky;top:0}.diff-row>div{border-top:1px solid #edf0f4;display:flex;gap:10px;min-width:0;padding:5px 8px}.diff-row>div+div{border-left:1px solid var(--line)}.diff-row small{color:var(--muted);font:11px/1.8 monospace;min-width:24px;text-align:right;-webkit-user-select:none;user-select:none}.diff-row pre{font:12px/1.8 monospace;margin:0;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.diff-removed{background:#fff0f0;color:#9b2828}.diff-added{background:#ecf9f0;color:#20683c}.hash-result{background:#fff;border:1px solid var(--line);border-radius:8px;margin:18px 0;padding:16px}.hash-result code{display:block;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.match-status{color:#267346;margin-top:12px}.mismatch-status{color:#b23434;margin-top:12px}.color-values{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:96px minmax(0,1fr);margin:20px 0 28px}.color-swatch{border:1px solid var(--line);border-radius:8px}.color-value{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:8px 0}.color-value code{font-size:13px;overflow-wrap:anywhere}.color-image-button{border:1px solid var(--line);border-radius:8px;cursor:crosshair;display:flex;justify-content:center;padding:12px;width:100%}.color-image-button img{display:block;height:auto;max-height:500px;max-width:100%;object-fit:contain;width:auto}@media (max-width:560px){.local-file-picker{flex-wrap:wrap;gap:12px;padding:16px}.local-file-picker>div{flex-basis:calc(100% - 50px)}.local-file-picker>button{width:100%}.local-options>.field{max-width:none}.ordered-files li{flex-wrap:wrap}.ordered-files .inline-actions{margin-left:auto}.color-values{gap:12px;grid-template-columns:55px minmax(0,1fr)}.color-value{gap:5px}.pdf-result-preview{height:420px}}.field-help,.field>small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.8}.field-help{margin:12px 0 20px}.field input,.field select{font-size:14px;font-weight:400}.field-heading,.heading-with-help{align-items:center;display:flex;gap:6px;min-width:0}.field-heading{justify-content:space-between}.help-tip{display:inline-flex;flex-shrink:0}.help-tip-button{align-items:center;background:#0000;border:0;border-radius:5px;color:var(--muted);display:inline-flex;height:26px;justify-content:center;padding:0;width:26px}.help-tip-button:hover,.help-tip-button[aria-expanded=true]{background:var(--blue-soft);color:var(--blue)}.help-tip-bubble{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 22px #1420361a;color:var(--ink);font-size:12px;font-weight:400;line-height:1.8;max-height:calc(100vh - 32px);overflow-wrap:anywhere;overflow-y:auto;padding:12px 14px;position:fixed;width:min(300px,calc(100vw - 32px));z-index:1000}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.toolbar{align-items:flex-end;display:flex;gap:20px;margin-bottom:18px}.toolbar .field{margin-bottom:0;max-width:380px;width:100%}.toolbar-actions{gap:14px;margin-left:auto}.action-row,.toolbar-actions{align-items:center;display:flex;justify-content:flex-end}.action-row{gap:16px;margin:16px 0 28px}.section-heading{align-items:center;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:space-between;margin-bottom:14px;min-height:29px}.section-heading .muted{font-size:12px;font-weight:400}.editor{margin-bottom:24px;min-width:0}.editor textarea{min-height:150px}.editor.tall textarea{background:#fff;min-height:470px}.code-editor{background:#fff;border-radius:var(--radius);overflow:hidden;position:relative}.code-paint,.editor .code-editor textarea{font-feature-settings:none;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;font-variant-ligatures:none;letter-spacing:normal;line-height:26px;overflow-wrap:normal;tab-size:2;white-space:pre;word-break:normal}.editor .code-editor textarea{background:#0000;display:block;padding:12px 14px 12px 54px;position:relative;z-index:2}.editor .code-editor textarea.has-highlight{caret-color:var(--blue);color:#0000}.code-paint{color:var(--ink);inset:1px 1px 1px 40px;margin:0;overflow:hidden;padding:12px 14px;pointer-events:none;position:absolute}.code-paint code{font:inherit}.code-gutter{background:#f3f6fb;border-right:1px solid #e8edf5;bottom:1px;color:var(--muted);font:14px/26px SFMono-Regular,Consolas,monospace;left:1px;overflow:hidden;padding-top:12px;pointer-events:none;position:absolute;text-align:center;top:1px;width:39px;z-index:3}.code-gutter span{display:block}.syntax-attr-name,.syntax-property,.syntax-tag{color:#1754d1}.syntax-attr-value,.syntax-selector,.syntax-string{color:#137842}.syntax-boolean,.syntax-keyword,.syntax-number{color:#a44814}.syntax-comment{color:#6e7b91}.syntax-function{color:#6d41aa}.syntax-operator,.syntax-punctuation{color:#34445f}@media (forced-colors:active){.code-paint{display:none}.editor .code-editor textarea.has-highlight{color:initial}}.editor-pair{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:22px}.editor-stack>.editor:last-child{border-top:1px solid var(--line);margin-top:12px;padding-top:18px}.editor-stack>.editor:first-child{margin-bottom:16px}.editor-stack>.editor:last-child{margin-bottom:8px}.editor .section-heading{margin-bottom:10px;min-height:26px}.editor .section-heading .button.text-button{min-height:26px;padding:4px}.editor-stack .editor textarea{height:180px;min-height:180px}.editor-stack .editor:last-child textarea{height:120px;min-height:120px}.copy-control{align-items:center;display:inline-flex;font-weight:400;gap:8px}.copy-control small{color:#b43f44;font-size:12px;max-width:240px}.status{align-items:center;color:#2c4168;display:flex;font-size:13px;gap:10px;line-height:1.6;padding-top:12px}.status svg{color:var(--blue);flex-shrink:0}.message{align-items:flex-start;border-radius:6px;display:flex;font-size:13px;gap:10px;line-height:1.7;margin:14px 0 22px;overflow-wrap:anywhere;padding:14px 16px;white-space:pre-line}.message svg{flex-shrink:0;margin-top:2px}.message.error{background:#fff0f0;border:1px solid #f1d0d2;color:#a2383d}.result-section{border-top:1px solid var(--line);margin-top:25px;padding-top:28px}.result-section>h2{margin-bottom:18px}.date-result{background:#edf2f9;border-radius:6px;display:flex;flex-direction:column;gap:12px;margin-bottom:14px;padding:25px}.date-result strong{font-family:SFMono-Regular,Consolas,monospace;font-size:26px;font-weight:600;overflow-wrap:anywhere}.date-result span{color:var(--muted);font-size:13px}.data-rows{border:1px solid var(--line);border-radius:6px;margin:0;overflow:hidden}.data-rows>div{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:16px;padding:15px 18px}.data-rows>div:last-child{border-bottom:0}.data-rows dt{color:var(--muted);font-size:13px;min-width:80px}.data-rows dd{font-family:SFMono-Regular,Consolas,monospace;font-size:14px;margin:0;min-width:0;overflow-wrap:anywhere}.radix-results dt{min-width:140px}.radix-results dd{background:#eef3f9;flex:1 1;font-size:17px;padding:14px}.empty-result{background:#f0f4f9;border-radius:6px;font-size:13px;line-height:1.7;padding:28px 20px}.empty-result,.muted{color:var(--muted)}.mono{font-family:SFMono-Regular,Consolas,monospace}.table-scroll{border:1px solid var(--line);border-radius:6px;max-height:380px;overflow:auto}.checkbox{cursor:pointer;font-size:14px;gap:8px;line-height:1.6;margin:16px 0 24px}.checkbox,.file-picker{align-items:center;display:flex}.file-picker{background:#fff;border:1px solid var(--line);border-radius:8px;gap:18px;margin-bottom:28px;padding:24px}.file-picker>svg{color:var(--blue);flex-shrink:0}.file-picker>div{min-width:0;overflow-wrap:anywhere}.file-picker strong{font-size:15px}.file-picker p{color:var(--muted);font-size:13px;margin-top:8px}.file-picker button{margin-left:auto}.excel-options{align-items:center}.excel-options .checkbox{margin:0;white-space:nowrap}.excel-options .field{max-width:240px}.regex-form{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 100px auto;margin-bottom:24px}.regex-form .field{margin:0}.regex-form>.button{margin-top:28px}.regex-highlight{background:#fff;border:1px solid var(--line);border-radius:6px;font-size:14px;line-height:1.9;max-height:260px;overflow-wrap:anywhere;overflow-y:auto;padding:20px;white-space:pre-wrap}mark{background:#caddff;border-radius:2px;color:#183164}.image-encode-source{align-items:center;display:flex;gap:28px;margin:30px 0}.source-preview{align-items:center;border:1px solid var(--line);border-radius:8px;color:var(--muted);display:flex;flex-shrink:0;height:170px;justify-content:center;width:170px}.source-preview img{max-height:100%;object-fit:contain}.image-encode-source strong{font-size:16px;overflow-wrap:anywhere}.image-encode-source p{font-size:13px;margin:10px 0 18px}.image-encode-source .checkbox{margin-bottom:0}.checkerboard{background-color:#fff;background-image:conic-gradient(#edf0f4 25%,#0000 0 50%,#edf0f4 0 75%,#0000 0);background-size:16px 16px}.decoded-preview{border-radius:6px;margin-bottom:14px;padding:24px;text-align:center}.decoded-preview img{max-height:400px;object-fit:contain}.qr-result{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.qr-preview{border:1px solid var(--line);display:block;height:auto;image-rendering:pixelated;width:min(100%,320px)}.qr-result p{color:var(--muted);font-size:13px;margin-bottom:16px}.image-workspace{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 260px}.preview-panel{background:#fcfdff;border:1px solid #e1e7f0;border-radius:8px;min-width:0;padding:20px}.preview-panel>.section-heading{margin-bottom:18px}.settings-fieldset{border:0;margin:0;padding:0}.image-settings{background:#fcfdff;border:1px solid #e1e7f0;border-radius:8px;height:100%;padding:20px}.image-settings .tabs{gap:0;width:100%}.image-settings .tabs button{flex:1 1;font-size:13px;padding:9px 12px 14px}.image-settings .field{margin-bottom:20px}.image-settings .form-grid{gap:10px}.image-settings .section-heading{margin-bottom:22px}.compression-quality-field{margin-bottom:20px}.image-settings .compression-quality-field .section-heading{margin-bottom:10px}.compression-quality-field input[type=range]{display:block}.image-settings .button.text-button{min-height:26px;padding:4px}.image-settings input:not([type=checkbox]):not([type=range]){padding:10px}.image-settings .checkbox{font-size:13px}.filename-option{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.full-width{width:100%}.preview-canvas{align-items:center;border-radius:6px;display:flex;justify-content:center;min-height:270px;padding:18px;text-align:center}.image-position{display:inline-block;line-height:0;max-width:100%;position:relative;-webkit-user-select:none;user-select:none}.image-position>img{display:block;height:auto;max-height:400px;object-fit:contain;width:auto}.image-position.crop-enabled{cursor:crosshair;overflow:hidden;touch-action:none}.crop-selection{border:2px solid #3865ec;box-shadow:0 0 0 1200px #13203380;cursor:move;position:absolute}.crop-handle{background:#fff;border:1px solid #3865ec;height:9px;position:absolute;width:9px;z-index:1}.crop-handle.nw{cursor:nwse-resize;left:-5px;top:-5px}.crop-handle.n{cursor:ns-resize;left:calc(50% - 5px);top:-5px}.crop-handle.ne{cursor:nesw-resize;right:-5px;top:-5px}.crop-handle.e{cursor:ew-resize;right:-5px;top:calc(50% - 5px)}.crop-handle.se{bottom:-5px;cursor:nwse-resize;right:-5px}.crop-handle.s{bottom:-5px;cursor:ns-resize;left:calc(50% - 5px)}.crop-handle.sw{bottom:-5px;cursor:nesw-resize;left:-5px}.crop-handle.w{cursor:ew-resize;left:-5px;top:calc(50% - 5px)}.image-metadata{color:var(--muted);display:flex;flex-direction:column;font-size:12px;gap:6px;line-height:1.6;margin-top:14px}.image-metadata strong{color:#536782;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-zone{align-items:center;background:#f1f5fb;border:1px dashed #b9c9e3;border-radius:6px;color:var(--muted);display:flex;flex-direction:column;font-size:12px;gap:15px;justify-content:center;min-height:330px;padding:30px 16px;width:100%}.upload-zone strong{color:var(--ink);font-size:15px}.upload-zone svg{color:#6b86bc}.upload-zone:hover{background:#edf3ff;border-color:var(--blue)}.thumbnail-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.thumbnail-tile{height:58px;position:relative;width:70px}.thumbnail-select{background:#fff;border:1px solid var(--line);border-radius:5px;height:100%;padding:3px;width:100%}.thumbnail-tile.selected .thumbnail-select{border:2px solid var(--blue)}.thumbnail-select img{height:100%;object-fit:contain;width:100%}.thumbnail-remove{border:1px solid var(--line);border-radius:50%;height:20px;padding:0;position:absolute;right:-5px;top:-5px;width:20px}.add-thumbnail,.thumbnail-remove{align-items:center;background:#fff;display:flex;justify-content:center}.add-thumbnail{border:1px dashed #b9c9e3;border-radius:5px;color:var(--muted);height:58px;width:62px}.selected-file{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:14px;padding:16px 0}.selected-file:last-child{border-bottom:0}.selected-file img{border-radius:5px;height:60px;object-fit:cover;width:66px}.selected-file>div{flex:1 1;min-width:0}.selected-file strong{display:block;font-size:13px;overflow-wrap:anywhere}.selected-file span{color:var(--muted);display:block;font-size:12px;margin-top:8px}.alpha-comparison{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.alpha-comparison>div{min-width:0}.alpha-comparison h3{margin-bottom:12px}.alpha-comparison img{max-height:320px;object-fit:contain;width:100%}.alpha-comparison .checkerboard,.white-preview{align-items:center;display:flex;min-height:200px;padding:8px}.white-preview{background:#fff}.icon-source .image-position img{max-height:180px;max-width:180px}.icon-source{min-height:230px}.icon-previews{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.icon-sizes{align-items:flex-end;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;margin:24px 0}.icon-sizes>div{align-items:center;display:flex;flex-direction:column;gap:8px}.icon-sizes img{margin-bottom:8px;object-fit:contain}.icon-sizes strong{font-size:13px;font-weight:550}.icon-sizes span{color:var(--muted);font-size:12px}.download-result{align-items:center;background:#edf3fc;border:1px solid #d6e1f4;border-radius:7px;display:flex;gap:16px;margin-top:24px;padding:18px}.compression-summary{color:var(--muted);font-size:14px;line-height:1.8;margin:16px 0}.compression-comparison{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.compression-comparison>div{min-width:0}.compression-comparison h3{margin-bottom:12px}.compression-viewport{border:1px solid var(--line);border-radius:6px;height:320px;overflow:auto;padding:8px;text-align:center}.compression-viewport img{display:block;margin:0 auto;max-height:100%;object-fit:contain;width:auto}.actual-size .compression-viewport img{max-height:none;max-width:none}@media (max-width:760px){.compression-comparison{grid-template-columns:minmax(0,1fr)}.compression-viewport{height:250px}}.download-result>div:nth-child(2){flex:1 1;min-width:0}.download-result strong{font-size:14px;overflow-wrap:anywhere}.download-result p{color:var(--muted);font-size:12px;margin-top:7px}.result-thumbnail{align-items:center;color:var(--blue);display:flex;flex-shrink:0;height:54px;justify-content:center;width:54px}.result-thumbnail img{height:100%;object-fit:contain;width:100%}.empty-download{align-items:center;border:1px dashed #c5d2e7;border-radius:6px;color:var(--muted);display:flex;font-size:12px;gap:12px;justify-content:center;margin-top:24px;min-height:80px;padding:16px}.upload-progress{background:#eef4ff;border-radius:6px;font-size:13px;margin-top:22px;padding:18px}.upload-progress progress{accent-color:var(--blue);display:block;height:8px;width:100%}.spinner{animation:spin .7s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;display:inline-block;flex-shrink:0;height:17px;width:17px}.loading-workspace{align-items:center;color:var(--muted);display:flex;font-size:14px;gap:14px;padding:48px 32px}.no-tools{color:var(--muted);font-size:13px;line-height:1.8;padding:24px}.help-dialog{border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 80px #1420362b;color:var(--ink);max-height:85dvh;max-width:560px;padding:28px;width:calc(100% - 40px)}.help-dialog::backdrop{background:#13203360}.help-dialog p{color:#667891;font-size:14px;line-height:1.9;margin:12px 0 24px}.help-dialog h3{margin-top:18px}.page-actions-dialog .bookmark-instructions{grid-gap:18px;display:grid;gap:18px}.page-actions-dialog .bookmark-instructions p{margin:8px 0 0}.page-link-field{grid-gap:10px;display:grid;font-size:14px;gap:10px}.page-link-field input{min-width:0;width:100%}.page-link-field .copy-control{justify-self:start}.system-share-button{margin-top:18px}.skip-link{background:var(--blue);border-radius:6px;color:#fff;left:20px;padding:12px 20px;position:fixed;top:-100px;z-index:100}.skip-link:focus{top:14px}.drawer-backdrop,.mobile-tool-selects,.navigation-toggle{display:none}@keyframes spin{to{transform:rotate(1turn)}}@keyframes page-enter{0%{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1270px){.app-layout{grid-template-columns:190px 280px minmax(0,1fr)}.category-button{font-size:14px;gap:10px;padding:12px}.tool-link{gap:10px;padding:18px 12px}.tool-link strong{font-size:14px}.tool-link small{font-size:12px}.tool-page{padding:26px 24px 20px}.tool-header{flex-wrap:wrap;gap:12px}.tool-header h1{font-size:26px}.header-actions{margin-left:auto}.image-workspace{grid-template-columns:minmax(0,1fr)}.image-settings{height:auto}.image-settings .full-width{max-width:260px}.image-settings .field{max-width:460px}.image-settings .tabs{max-width:320px}.image-settings .form-grid{max-width:460px}.excel-options{flex-wrap:wrap}.editor.tall textarea{min-height:400px}}@media (max-width:1000px){.app-layout{grid-template-columns:72px 250px minmax(0,1fr)}.category-rail{padding-top:26px}.category-button small,.category-button>span,.rail-footer,.rail-label{display:none}.category-button{justify-content:center;min-height:54px;padding:12px}.tool-search{margin:0 12px 20px}.tool-search kbd{display:none}.tool-header h1{font-size:24px}.editor-pair{gap:14px}.regex-form{grid-template-columns:1fr 100px}.regex-form>.button{grid-column:1/-1;justify-self:end;margin-top:0}.radix-results dt{min-width:105px}.data-rows>div{gap:10px;padding:12px}.inline-actions{gap:4px}}@media (max-width:760px){.app-shell{height:auto;min-height:100dvh;overflow:visible}.app-topbar{height:68px;padding:0 18px}.brand strong{font-size:22px}.brand img{height:38px;width:38px}.brand{gap:10px}.topbar-actions{gap:2px}.topbar-actions>.button{min-height:44px;min-width:40px}.topbar-actions .button span{display:none}.navigation-toggle{display:inline-flex}.app-layout{display:block;min-height:0;overflow:visible}.category-rail{display:none}.workspace{height:auto;overflow:visible}.mobile-tool-selects{grid-gap:12px;background:#f2f5fa;border-bottom:1px solid var(--line);display:grid;gap:12px;grid-template-columns:1fr 1.4fr;padding:12px 18px}.mobile-tool-selects label{color:var(--muted);display:flex;flex-direction:column;font-size:11px;gap:5px;min-width:0}.mobile-tool-selects select{font-size:13px;min-height:38px;padding:8px}.tool-navigator{display:none}.tool-navigator.mobile-open{bottom:0;box-shadow:12px 0 40px #14203620;display:flex;left:0;position:fixed;top:68px;width:min(360px,88vw);z-index:31}.drawer-backdrop{background:#14203655;border:0;display:block;inset:68px 0 0;position:fixed;z-index:30}.tool-page{min-height:calc(100dvh - 150px);padding:24px 18px 20px}.breadcrumb{margin-bottom:12px}.tool-header{margin-bottom:24px}.tool-header h1{font-size:25px}.tool-header p{font-size:13px}.header-actions{margin-left:0}.editor-pair{grid-template-columns:1fr}.editor.tall textarea{min-height:240px}.toolbar{flex-wrap:wrap}.toolbar .field{max-width:100%}.toolbar-actions{margin-top:4px}.date-result strong{font-size:22px}.date-result{padding:20px 16px}.form-grid{gap:14px}.file-picker{flex-wrap:wrap;padding:18px}.file-picker .button{margin-left:0}.regex-form{grid-template-columns:minmax(0,1fr) 76px}.radix-results>div{flex-wrap:wrap}.radix-results dd{font-size:14px;min-width:140px}.data-rows dd,.data-rows dt{font-size:12px}.image-encode-source{flex-wrap:wrap;gap:18px}.source-preview{height:130px;width:130px}.image-workspace{gap:18px}.image-settings,.preview-panel{padding:16px}.image-position>img{max-height:340px}.upload-zone{min-height:240px}.download-result{flex-wrap:wrap}.download-result>.button{margin-left:auto}.alpha-comparison{gap:8px}.alpha-comparison .checkerboard,.white-preview{min-height:150px}.workspace-footer{margin-top:32px}}@media (max-width:380px){.app-topbar{padding:0 12px}.brand img{display:none}}
/*# sourceMappingURL=main.f0707c78.css.map*/