:root{--accent: #f06a4d;--accent-hover: #dc5d42;--accent-soft: #fff3ef;--text: #222222;--muted: #6b7280;--border: #e5e7eb;--surface: #ffffff;--surface-soft: #fafafa;--max-width: 1120px;--radius: 10px}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--surface);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(calc(100% - 40px),var(--max-width));margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{border-bottom:1px solid var(--border);background:#fffffffa}.header-inner{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-logo{display:inline-flex;align-items:center;gap:9px;font-size:18px;font-weight:700;letter-spacing:.01em}.logo-mark{width:27px;height:27px;border-radius:7px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1}.global-nav{display:flex;align-items:center;gap:24px;font-size:14px;color:#4b5563}.global-nav a,.footer-nav a,.section-link{transition:color .18s ease}.global-nav a:hover,.footer-nav a:hover,.section-link:hover{color:var(--accent)}.hero{border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fff,#fffaf8)}.hero-inner{padding:42px 0 36px}.eyebrow,.section-kicker{margin:0 0 5px;color:var(--accent);font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.12em}.hero h1{margin:0;font-size:clamp(28px,3vw,34px);line-height:1.35;letter-spacing:-.02em}.hero-copy{margin:9px 0 0;color:var(--muted);font-size:15px}.tool-search{width:min(100%,660px);margin-top:24px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;border:1px solid #d8dadd;border-radius:9px;background:#fff;overflow:visible;transition:border-color .18s ease,box-shadow .18s ease}.tool-search>button[type=submit]{border-radius:0 8px 8px 0}.tool-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f06a4d1f}.search-icon{color:#9ca3af;text-align:center;font-size:20px;line-height:1}.tool-search input{width:100%;height:46px;padding:0 8px 0 0;border:0;outline:0;color:var(--text);background:transparent;font-size:14px}.tool-search input::placeholder{color:#9ca3af}.tool-search button{align-self:stretch;min-width:74px;border:0;background:var(--accent);color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:background .18s ease}.tool-search button:hover{background:var(--accent-hover)}.section{padding:34px 0 4px}.section-recommended{padding-top:32px}.section-last{padding-bottom:38px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading h2{margin:0;font-size:22px;line-height:1.4;letter-spacing:-.01em}.section-link{flex:0 0 auto;color:#4b5563;font-size:13px;font-weight:600}.section-link span{margin-left:3px;color:var(--accent)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tool-card{min-height:88px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:15px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;transition:border-color .18s ease,background .18s ease,transform .18s ease}.tool-card:hover{border-color:#f3b4a6;background:snow;transform:translateY(-1px)}.tool-icon{width:36px;height:36px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:800;line-height:1}.tool-card-body{min-width:0;display:flex;flex-direction:column;gap:3px}.tool-card-body strong{font-size:15px;line-height:1.45;font-weight:700}.tool-card-body span{color:var(--muted);font-size:12.5px;line-height:1.5}.card-arrow{color:#c6c8cc;font-size:16px;transition:color .18s ease,transform .18s ease}.tool-card:hover .card-arrow{color:var(--accent);transform:translate(2px)}.site-footer{margin-top:38px;border-top:1px solid var(--border);background:var(--surface-soft)}.footer-inner{padding:24px 0 26px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 28px;align-items:center}.footer-brand{display:flex;flex-direction:column;gap:2px}.footer-brand strong{font-size:15px}.footer-brand span,.site-footer small{color:var(--muted);font-size:12px}.footer-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px;color:#4b5563;font-size:12px}.site-footer small{grid-column:1 / -1}@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.container{width:min(calc(100% - 28px),var(--max-width))}.header-inner{min-height:58px}.site-logo{font-size:16px}.global-nav{gap:12px;font-size:12px}.hero-inner{padding:31px 0 29px}.hero h1{font-size:27px}.hero-copy{font-size:14px}.tool-search{margin-top:19px}.section{padding-top:28px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:20px}.tool-grid{grid-template-columns:1fr;gap:8px}.tool-card{min-height:78px;padding:12px 13px}.footer-inner{grid-template-columns:1fr}.footer-nav{justify-content:flex-start}}@media(max-width:460px){.global-nav a{display:none}.tool-search{grid-template-columns:34px minmax(0,1fr) 62px}.tool-search button{min-width:62px}.section-heading{align-items:center}.section-kicker{display:none}}.category-page{padding:34px 0 42px}.category-heading{max-width:760px;margin-bottom:18px}.category-heading h1{margin:0;font-size:28px;line-height:1.4;letter-spacing:-.015em}.category-heading p:last-child{margin:7px 0 0;color:var(--muted);font-size:14px}.category-page .tool-grid{margin-top:14px}.page-main{padding:22px 0 0}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:18px;color:#8a8f98;font-size:12px}.breadcrumb a{color:#6b7280;transition:color .18s ease}.breadcrumb a:hover{color:var(--accent)}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:32px;align-items:start}.main-column{min-width:0}.tool-page-header{margin-bottom:18px}.tool-page-header h1{margin:0;font-size:28px;line-height:1.4;letter-spacing:-.015em}.tool-page-header p:last-child{margin:7px 0 0;color:var(--muted);font-size:14px}.tool-panel{border:1px solid var(--border);border-radius:11px;background:#fff;padding:18px}.tool-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.tool-panel-head h2{margin:0;font-size:15px;line-height:1.4}.text-button{border:0;padding:2px 0;background:transparent;color:#777d86;font-size:12px}.text-button:hover{color:var(--accent)}.tool-panel textarea{display:block;width:100%;min-height:250px;resize:vertical;padding:13px 14px;border:1px solid #d7d9dd;border-radius:8px;outline:0;color:var(--text);background:#fcfcfc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.tool-panel textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #f06a4d1a}.tool-panel textarea::placeholder{color:#b0b4ba}.tool-actions{display:flex;justify-content:flex-end;margin-top:12px}.primary-button{min-width:118px;min-height:40px;padding:0 18px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;transition:background .18s ease;display:inline-flex;align-items:center;justify-content:center;text-align:center}.primary-button:hover{background:var(--accent-hover)}.result-placeholder{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:8px;background:var(--surface-soft);color:#777d86;font-size:12.5px}.result-dot{width:7px;height:7px;border-radius:50%;background:#c8cbd0;flex:0 0 auto}.content-section{padding-top:28px}.content-section h2{margin:0 0 10px;font-size:19px;line-height:1.45}.content-section p{margin:0;color:#555b64;font-size:14px}.steps{margin:0;padding-left:22px;color:#555b64;font-size:14px}.steps li+li{margin-top:5px}.content-heading-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px}.content-heading-row h2{margin-bottom:0}.content-heading-row a{flex:0 0 auto;color:#5d636c;font-size:12px;font-weight:600;transition:color .18s ease}.content-heading-row a:hover,.content-heading-row a span{color:var(--accent)}.mini-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mini-tool-card{display:flex;flex-direction:column;gap:4px;min-height:82px;padding:13px;border:1px solid var(--border);border-radius:9px;background:#fff;transition:border-color .18s ease,background .18s ease}.mini-tool-card:hover{border-color:#f3b4a6;background:snow}.mini-tool-card strong{font-size:13.5px;line-height:1.45}.mini-tool-card span{color:var(--muted);font-size:11.5px;line-height:1.5}.sidebar{min-width:0}.hotmie-banner{display:block;min-height:190px;padding:20px;border-radius:11px;background:linear-gradient(145deg,#263340,#17212b);color:#fff;overflow:hidden;position:relative}.hotmie-banner:after{content:"";position:absolute;width:150px;height:150px;right:-55px;bottom:-70px;border-radius:50%;background:#f06a4deb}.hotmie-label{display:block;color:#cbd2d8;font-size:9px;font-weight:700;letter-spacing:.12em}.hotmie-name{display:block;margin-top:8px;font-size:25px;line-height:1.2;letter-spacing:-.02em}.hotmie-copy{display:block;margin-top:11px;color:#eef1f4;font-size:14px;line-height:1.6;font-weight:600}.hotmie-link{display:inline-flex;gap:4px;align-items:center;margin-top:18px;color:#ffac99;font-size:12px;font-weight:700;position:relative;z-index:1}.sidebar-section{margin-top:20px}.sidebar-section h2{margin:0 0 8px;font-size:14px;line-height:1.4}.sidebar-links{border-top:1px solid var(--border)}.sidebar-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid var(--border);color:#4f5560;font-size:12.5px;transition:color .18s ease,padding-left .18s ease}.sidebar-links a span:last-child{color:#c4c7cc}.sidebar-links a:hover{color:var(--accent);padding-left:3px}.sidebar-links a:hover span:last-child{color:var(--accent)}.sidebar-all-link{display:inline-block;margin-top:9px;color:#5d636c;font-size:12px;font-weight:600;transition:color .18s ease}.sidebar-all-link:hover,.sidebar-all-link span{color:var(--accent)}@media(max-width:900px){.page-layout{grid-template-columns:minmax(0,1fr) 250px;gap:24px}.mini-tool-grid{grid-template-columns:1fr}}@media(max-width:760px){.page-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sidebar-section{margin-top:0}.sidebar-section:last-child{grid-column:1 / -1}.hotmie-banner{min-height:180px}}@media(max-width:680px){.category-page{padding-top:28px}.category-heading h1{font-size:24px}.page-main{padding-top:17px}.breadcrumb{margin-bottom:14px}.tool-page-header h1{font-size:24px}.tool-panel{padding:14px}.tool-panel textarea{min-height:220px}.content-section{padding-top:24px}.content-section h2{font-size:18px}.sidebar{grid-template-columns:1fr}.sidebar-section:last-child{grid-column:auto}}@media(max-width:460px){.tool-actions{justify-content:stretch}.primary-button{width:100%}.content-heading-row{align-items:flex-start;flex-direction:column;gap:4px}}.result-placeholder.is-success{background:#f1f8f3;color:#3f6d4d}.result-placeholder.is-success .result-dot{background:#5f9a70}.result-placeholder.is-error{background:#fff3f0;color:#9a4938}.result-placeholder.is-error .result-dot{background:var(--accent)}.formatted-result{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.formatted-result[hidden]{display:none}.formatted-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.formatted-result-head h3{margin:0;font-size:14px;line-height:1.4}.formatted-result textarea{min-height:210px;background:#f8f8f8}.tool-actions-group{gap:10px}.secondary-button{min-width:104px;min-height:40px;padding:0 18px;border:1px solid #d7d9dd;border-radius:8px;background:#fff;color:#555b64;font-size:13px;font-weight:700;transition:border-color .18s ease,color .18s ease,background .18s ease}.secondary-button:hover{border-color:#f3b4a6;background:snow;color:var(--accent)}@media(max-width:460px){.tool-actions-group{display:grid;grid-template-columns:1fr 1fr}.tool-actions-group .primary-button,.tool-actions-group .secondary-button{width:100%}}.timestamp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.timestamp-field{display:flex;flex-direction:column;gap:6px}.timestamp-field label{font-size:14px;font-weight:700;color:#2f2f2f}.timestamp-field input{width:100%;height:44px;padding:0 12px;border:1px solid #dedede;border-radius:8px;background:#fff;color:#222;font:inherit;outline:none}.timestamp-field input:focus{border-color:#f06a4d;box-shadow:0 0 0 3px #f06a4d1f}.tool-field-note{margin:0;font-size:12px;color:#777}@media(max-width:720px){.timestamp-fields{grid-template-columns:1fr}}.password-options{display:grid;gap:16px;margin-bottom:14px}.password-length-field{display:flex;align-items:center;gap:8px}.password-length-field label{min-width:48px;font-size:14px;font-weight:700;color:#2f2f2f}.password-length-field input{width:92px;height:42px;padding:0 10px;border:1px solid #dedede;border-radius:8px;background:#fff;color:#222;font:inherit;outline:none}.password-length-field input:focus{border-color:#f06a4d;box-shadow:0 0 0 3px #f06a4d1f}.password-length-field span{font-size:14px;color:#666}.password-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.password-checks label{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.password-checks input{width:16px;height:16px;accent-color:#f06a4d}@media(max-width:640px){.password-checks{grid-template-columns:1fr}}.hash-options{display:flex;align-items:center;gap:10px;margin:14px 0}.hash-options label{font-size:14px;font-weight:700;color:#2f2f2f}.hash-options select{min-width:150px;height:42px;padding:0 34px 0 11px;border:1px solid #dedede;border-radius:8px;background:#fff;color:#222;font:inherit;outline:none}.hash-options select:focus{border-color:#f06a4d;box-shadow:0 0 0 3px #f06a4d1f}.regex-pattern-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;margin-bottom:14px}.regex-pattern-field,.regex-flags-field,.regex-test-field{display:flex;flex-direction:column;gap:6px}.regex-pattern-field label,.regex-flags-field label,.regex-test-field label{font-size:14px;font-weight:700;color:#2f2f2f}.regex-pattern-field input,.regex-flags-field input{width:100%;height:42px;padding:0 11px;border:1px solid #dedede;border-radius:8px;background:#fff;color:#222;font:inherit;outline:none}.regex-pattern-field input:focus,.regex-flags-field input:focus{border-color:#f06a4d;box-shadow:0 0 0 3px #f06a4d1f}.regex-test-field{margin-bottom:14px}@media(max-width:640px){.regex-pattern-row{grid-template-columns:1fr}}.cron-input-wrap{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.cron-input-wrap label{font-size:14px;font-weight:700;color:#2f2f2f}.cron-input-wrap input{width:100%;height:44px;padding:0 12px;border:1px solid #dedede;border-radius:8px;background:#fff;color:#222;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:15px;outline:none}.cron-input-wrap input:focus{border-color:#f06a4d;box-shadow:0 0 0 3px #f06a4d1f}.color-converter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.color-converter-field{display:flex;flex-direction:column;gap:6px}.color-converter-field label{font-size:14px;font-weight:700;color:#2f2f2f}.color-converter-field input{width:100%;height:42px;padding:0 11px;border:1px solid #dedede;border-radius:8px;background:#fff;color:#222;font:inherit;outline:none}.color-converter-field input:focus{border-color:#f06a4d;box-shadow:0 0 0 3px #f06a4d1f}.color-preview-wrap{margin-top:14px}.color-preview{width:100%;height:96px;border:1px solid #e2e2e2;border-radius:10px}@media(max-width:720px){.color-converter-fields{grid-template-columns:1fr}}.color-picker-upload{display:flex;align-items:center;gap:12px;margin-bottom:14px}.color-picker-file-button{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;cursor:pointer}#color-picker-file-name{font-size:13px;color:#6b7280;overflow-wrap:anywhere}.color-picker-canvas-wrap{margin-top:14px;padding:10px;border:1px solid #e3e3e3;border-radius:10px;background:#fafafa;overflow:hidden}#color-picker-canvas{display:block;width:auto;max-width:100%;max-height:520px;height:auto;margin:0 auto;cursor:crosshair;object-fit:contain}.color-picker-selected{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;margin-top:14px}.color-picker-swatch{min-height:110px;border:1px solid #e2e2e2;border-radius:10px}.color-picker-values{border:1px solid #e3e3e3;border-radius:10px;overflow:hidden}.color-picker-value-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:8px 12px;border-bottom:1px solid #ededed}.color-picker-value-row:last-child{border-bottom:0}.color-picker-value-label{font-size:12px;font-weight:700;color:#777}.color-picker-value-row code{font-size:14px;color:#222;overflow-wrap:anywhere}@media(max-width:640px){.color-picker-upload{align-items:flex-start;flex-direction:column}.color-picker-file-button{min-height:44px}#color-picker-canvas{max-height:420px}.color-picker-selected{grid-template-columns:1fr}.color-picker-swatch{min-height:80px}}.palette-base-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;margin-bottom:14px}.palette-color-input,.palette-hex-input{display:flex;flex-direction:column;gap:6px}.palette-color-input label,.palette-hex-input label{font-size:14px;font-weight:700;color:#2f2f2f}.palette-color-input input[type=color]{width:100%;height:42px;padding:3px;border:1px solid #dedede;border-radius:8px;background:#fff;cursor:pointer}.palette-hex-input input{width:100%;height:42px;padding:0 11px;border:1px solid #dedede;border-radius:8px;background:#fff;color:#222;font:inherit;outline:none}.palette-hex-input input:focus{border-color:#f06a4d;box-shadow:0 0 0 3px #f06a4d1f}.palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}.palette-item{min-height:108px;padding:10px;border-radius:9px;display:flex;flex-direction:column;justify-content:space-between;gap:6px}.palette-item-label{font-size:12px;font-weight:700;opacity:.78}.palette-item code{font-size:13px;font-weight:700}.palette-copy-button{width:fit-content;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}@media(max-width:720px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.palette-base-row{grid-template-columns:1fr}.palette-color-input input[type=color]{max-width:130px}}.contrast-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.contrast-color-group{display:flex;flex-direction:column;gap:6px}.contrast-color-group>label{font-size:14px;font-weight:700;color:#2f2f2f}.contrast-color-controls{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px}.contrast-color-controls input[type=color]{width:58px;height:42px;padding:3px;border:1px solid #dedede;border-radius:8px;background:#fff;cursor:pointer}.contrast-color-controls input[type=text]{width:100%;height:42px;padding:0 11px;border:1px solid #dedede;border-radius:8px;background:#fff;color:#222;font:inherit;outline:none}.contrast-color-controls input[type=text]:focus{border-color:#f06a4d;box-shadow:0 0 0 3px #f06a4d1f}.contrast-preview{margin-top:14px;padding:20px;border:1px solid #e3e3e3;border-radius:10px;background:#fff;color:#222}.contrast-preview-normal{margin:0 0 8px;font-size:14px;font-weight:400}.contrast-preview-large{margin:0;font-size:24px;font-weight:700}.contrast-summary{margin-top:14px}.contrast-ratio-card{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #e3e3e3;border-radius:10px;background:#fafafa}.contrast-ratio-label{font-size:13px;color:#666}#contrast-ratio-value{font-size:24px;color:#222}.contrast-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.contrast-check-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 12px;border:1px solid #e7e7e7;border-radius:8px}.contrast-check-item span{font-size:13px;color:#555}.contrast-check-item strong{font-size:13px}.contrast-check-item strong.is-pass{color:#18794e}.contrast-check-item strong.is-fail{color:#b42318}@media(max-width:640px){.contrast-color-grid,.contrast-check-grid{grid-template-columns:1fr}}.image-resize-upload{display:flex;align-items:center;gap:12px;margin-bottom:14px}.image-resize-file-button{display:inline-flex;align-items:center;min-height:38px;padding:0 18px;cursor:pointer}#image-resize-file-name{font-size:13px;color:#6b7280;overflow-wrap:anywhere}.image-resize-settings{margin-top:14px}.image-resize-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.image-resize-field{display:flex;flex-direction:column;gap:6px}.image-resize-field>label,.image-resize-format-field>label{font-size:14px;font-weight:700;color:#2f2f2f}.image-resize-number-wrap{display:flex;align-items:center;gap:8px}.image-resize-number-wrap input{width:100%;height:42px;padding:0 11px;border:1px solid #dedede;border-radius:8px;background:#fff;color:#222;font:inherit;outline:none}.image-resize-number-wrap input:focus,.image-resize-format-field select:focus{border-color:#f06a4d;box-shadow:0 0 0 3px #f06a4d1f}.image-resize-number-wrap span{font-size:13px;color:#666}.image-resize-ratio-option{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;color:#333;cursor:pointer}.image-resize-ratio-option input{width:16px;height:16px;accent-color:#f06a4d}.image-resize-format-field{display:flex;flex-direction:column;gap:6px;max-width:220px;margin-bottom:14px}.image-resize-format-field select{height:42px;padding:0 11px;border:1px solid #dedede;border-radius:8px;background:#fff;color:#222;font:inherit;outline:none}.image-resize-preview-wrap{margin-top:14px;padding:10px;border:1px solid #e3e3e3;border-radius:10px;background:#fafafa;overflow:hidden}#image-resize-canvas{display:block;max-width:100%;max-height:520px;width:auto;height:auto;margin:0 auto 10px}.image-resize-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #e5e5e5}#image-resize-output-size{font-size:13px;color:#666}@media(max-width:640px){.image-resize-upload{align-items:flex-start;flex-direction:column}.image-resize-size-grid{grid-template-columns:1fr}.image-resize-meta{align-items:stretch;flex-direction:column}}.image-converter-upload{display:flex;align-items:center;gap:12px;margin-bottom:14px}.image-converter-file-button{display:inline-flex;align-items:center;min-height:38px;padding:0 18px;cursor:pointer}#image-converter-file-name{font-size:13px;color:#6b7280;overflow-wrap:anywhere}.image-converter-settings{margin-top:14px}.image-converter-format-field,.image-converter-quality-field{display:flex;flex-direction:column;gap:6px;max-width:260px;margin-bottom:12px}.image-converter-format-field label,.image-converter-quality-field label{font-size:14px;font-weight:700;color:#2f2f2f}.image-converter-format-field select{height:42px;padding:0 11px;border:1px solid #dedede;border-radius:8px;background:#fff;color:#222;font:inherit;outline:none}.image-converter-format-field select:focus{border-color:#f06a4d;box-shadow:0 0 0 3px #f06a4d1f}.image-converter-quality-row{display:flex;align-items:center;gap:10px}.image-converter-quality-row input[type=range]{flex:1;accent-color:#f06a4d}#image-converter-quality-value{min-width:42px;font-size:13px;color:#666;text-align:right}.image-converter-preview-wrap{margin-top:14px;padding:10px;border:1px solid #e3e3e3;border-radius:10px;background:#fafafa;overflow:hidden}#image-converter-canvas{display:block;max-width:100%;max-height:520px;width:auto;height:auto;margin:0 auto 10px}.image-converter-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #e5e5e5}#image-converter-output-info{font-size:13px;color:#666}@media(max-width:640px){.image-converter-upload{align-items:flex-start;flex-direction:column}.image-converter-meta{align-items:stretch;flex-direction:column}}.image-compress-upload{display:flex;align-items:center;gap:12px;margin-bottom:14px}.image-compress-file-button{display:inline-flex;align-items:center;min-height:38px;padding:0 18px;cursor:pointer}#image-compress-file-name{font-size:13px;color:#6b7280;overflow-wrap:anywhere}.image-compress-settings{margin-top:14px}.image-compress-quality-field{display:flex;flex-direction:column;gap:6px;max-width:300px;margin-bottom:14px}.image-compress-quality-field>label{font-size:14px;font-weight:700;color:#2f2f2f}.image-compress-quality-row{display:flex;align-items:center;gap:10px}.image-compress-quality-row input[type=range]{flex:1;accent-color:#f06a4d}.image-compress-quality-row input[type=range]:disabled{opacity:.45;cursor:not-allowed}#image-compress-quality-value{min-width:42px;font-size:13px;color:#666;text-align:right}.image-compress-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.image-compress-summary-item{padding:12px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa}.image-compress-summary-item span{display:block;margin-bottom:4px;font-size:12px;color:#777}.image-compress-summary-item strong{font-size:15px;color:#222}.image-compress-preview-wrap{margin-top:14px;padding:10px;border:1px solid #e3e3e3;border-radius:10px;background:#fafafa;overflow:hidden}#image-compress-canvas{display:block;max-width:100%;max-height:520px;width:auto;height:auto;margin:0 auto 10px}.image-compress-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #e5e5e5}#image-compress-output-info{font-size:13px;color:#666}@media(max-width:640px){.image-compress-upload{align-items:flex-start;flex-direction:column}.image-compress-summary{grid-template-columns:1fr}.image-compress-meta{align-items:stretch;flex-direction:column}}.svg-optimize-upload{display:flex;align-items:center;gap:12px;margin-bottom:14px}.svg-optimize-file-button{display:inline-flex;align-items:center;min-height:38px;padding:0 18px;cursor:pointer}#svg-optimize-file-name{font-size:13px;color:#6b7280;overflow-wrap:anywhere}.svg-optimize-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.svg-optimize-summary-item{padding:12px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa}.svg-optimize-summary-item span{display:block;margin-bottom:4px;font-size:12px;color:#777}.svg-optimize-summary-item strong{font-size:15px;color:#222}.svg-optimize-output-actions{display:flex;align-items:center;gap:12px}@media(max-width:640px){.svg-optimize-upload{align-items:flex-start;flex-direction:column}.svg-optimize-summary{grid-template-columns:1fr}}.qr-code-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.qr-code-field{display:flex;flex-direction:column;gap:6px}.qr-code-field label{font-size:14px;font-weight:700;color:#2f2f2f}.qr-code-field select{width:100%;height:42px;padding:0 11px;border:1px solid #dedede;border-radius:8px;background:#fff;color:#222;font:inherit;outline:none}.qr-code-field select:focus{border-color:#f06a4d;box-shadow:0 0 0 3px #f06a4d1f}.qr-code-output-wrap{margin-top:14px}.qr-code-canvas-wrap{display:flex;justify-content:center;padding:16px;border:1px solid #e3e3e3;border-radius:10px;background:#fafafa;overflow:hidden}#qr-code-canvas{display:block;max-width:100%;height:auto!important}.qr-code-output-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}#qr-code-output-info{font-size:13px;color:#666}@media(max-width:640px){.qr-code-settings{grid-template-columns:1fr}.qr-code-output-actions{align-items:stretch;flex-direction:column}}.favicon-upload{display:flex;align-items:center;gap:12px;margin-bottom:14px}.favicon-file-button{display:inline-flex;align-items:center;min-height:38px;padding:0 18px;cursor:pointer}#favicon-file-name{font-size:13px;color:#6b7280;overflow-wrap:anywhere}.favicon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.favicon-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;min-height:116px;padding:10px;border:1px solid #e3e3e3;border-radius:10px;background:#fafafa}.favicon-preview{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border:1px solid #e5e5e5;border-radius:8px;background:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.favicon-preview canvas{display:block;max-width:76px;max-height:76px;width:auto;height:auto}.favicon-meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.favicon-meta strong{font-size:14px;color:#222}.favicon-meta span{font-size:12px;color:#777}.favicon-download-button{min-height:34px;margin-top:2px;padding:0 14px}@media(max-width:720px){.favicon-grid{grid-template-columns:1fr}}@media(max-width:480px){.favicon-upload{align-items:flex-start;flex-direction:column}.favicon-item{grid-template-columns:78px minmax(0,1fr)}.favicon-preview{width:78px;height:78px}.favicon-preview canvas{max-width:62px;max-height:62px}}.image-info-upload{display:flex;align-items:center;gap:12px;margin-bottom:14px}.image-info-file-button{display:inline-flex;align-items:center;min-height:38px;padding:0 18px;cursor:pointer}#image-info-file-name{font-size:13px;color:#6b7280;overflow-wrap:anywhere}.image-info-content{margin-top:14px}.image-info-preview-wrap{display:flex;align-items:center;justify-content:center;min-height:180px;max-height:420px;padding:10px;border:1px solid #e3e3e3;border-radius:10px;background:#fafafa;overflow:hidden}#image-info-preview{display:block;max-width:100%;max-height:400px;width:auto;height:auto;object-fit:contain}.image-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.image-info-item{min-width:0;padding:11px 12px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa}.image-info-item span{display:block;margin-bottom:4px;font-size:12px;color:#777}.image-info-item strong{display:block;font-size:14px;color:#222;overflow-wrap:anywhere}@media(max-width:720px){.image-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.image-info-upload{align-items:flex-start;flex-direction:column}.image-info-grid{grid-template-columns:1fr}}.tool-search{position:relative}.tool-search-results{position:absolute;z-index:20;top:calc(100% + 8px);left:0;right:0;max-height:360px;overflow-y:auto;border:1px solid #e3e3e3;border-radius:10px;background:#fff;box-shadow:0 12px 30px #1919191f;text-align:left}.tool-search-result-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:10px 14px;border-bottom:1px solid #eeeeee;color:#222;text-decoration:none}.tool-search-result-link:last-child{border-bottom:0}.tool-search-result-link:hover,.tool-search-result-link.is-active{background:#fff3ef}.tool-search-result-body{display:flex;flex-direction:column;gap:2px;min-width:0}.tool-search-result-body strong{font-size:14px;line-height:1.4}.tool-search-result-body>span{overflow:hidden;color:#6b7280;font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.tool-search-result-category{flex:0 0 auto;color:#8a8a8a;font-size:11px;white-space:nowrap}.tool-search-empty{padding:15px 14px;color:#777;font-size:13px}@media(max-width:640px){.tool-search-result-link{align-items:flex-start}.tool-search-result-category{display:none}}.simple-page-hero{border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fff,#fffaf8)}.simple-page-hero-inner{padding:34px 0 28px}.simple-page-hero h1{margin:0;font-size:28px;line-height:1.4;letter-spacing:-.02em}.simple-page-lead{margin:7px 0 0;color:var(--muted);font-size:14px}.simple-page-section{padding:30px 0 10px}.simple-page-card{width:min(100%,820px);padding:28px 32px;border:1px solid var(--border);border-radius:12px;background:#fff}.simple-content-section+.simple-content-section{margin-top:28px}.simple-content-section h2{margin:0 0 8px;font-size:17px;line-height:1.5}.simple-content-section p,.about-message p,.contact-intro p{margin:0;color:#4b5563;font-size:14px;line-height:1.8}.simple-content-section p+p,.about-message p+p,.contact-intro p+p{margin-top:9px}.simple-content-section ul{margin:9px 0 0;padding-left:1.4em;color:#4b5563;font-size:14px;line-height:1.8}.simple-page-date{margin:30px 0 0;padding-top:18px;border-top:1px solid var(--border);color:#8a8a8a;font-size:12px}.simple-page-back{width:min(100%,820px);margin-top:16px}.simple-page-back a{color:#666;font-size:13px;transition:color .18s ease}.simple-page-back a:hover{color:var(--accent)}.simple-info-row,.about-info-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #ededed}.simple-info-row:first-of-type{margin-top:10px;border-top:1px solid #ededed}.simple-info-row span,.about-info-row span{color:#777;font-size:13px}.simple-info-row strong,.about-info-row strong{min-width:0;color:#222;font-size:14px;font-weight:600;overflow-wrap:anywhere}.simple-info-row a,.about-info-row a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.simple-placeholder{color:#b45309;font-weight:500}.contact-note{color:#777!important;font-size:13px!important}.contact-email-box{position:relative;display:block;margin-top:22px;padding:18px 52px 18px 18px;border:1px solid #f3c2b7;border-radius:10px;background:var(--accent-soft);transition:border-color .18s ease,background .18s ease}a.contact-email-box:hover{border-color:var(--accent);background:#ffede8}.contact-email-box.is-placeholder{padding-right:18px;border-color:#ead9bd;background:#fffaf0}.contact-email-label{display:block;margin-bottom:3px;color:#8a665c;font-size:11px;font-weight:700;letter-spacing:.08em}.contact-email-box strong{display:block;color:#222;font-size:16px;overflow-wrap:anywhere}.contact-email-box p{margin:5px 0 0;color:#8a6c4b;font-size:12px}.contact-email-arrow{position:absolute;top:50%;right:18px;color:var(--accent);font-size:18px;transform:translateY(-50%)}.contact-company{margin-top:28px}.about-message{padding:2px 0 22px;border-bottom:1px solid var(--border)}.about-info-table{margin-top:10px}.about-info-row:last-child{border-bottom:0}@media(max-width:640px){.simple-page-hero-inner{padding:28px 0 24px}.simple-page-hero h1{font-size:24px}.simple-page-card{padding:22px 18px}.simple-info-row,.about-info-row{grid-template-columns:1fr;gap:3px}}