:root{--ink:#111827;--muted:#64748b;--line:#e8edf4;--soft:#f8fafc;--surface:#fff;--blue:#3688ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--soft);margin:0;font-family:Meiryo,メイリオ,sans-serif}.benefits,.tool-tab,.mini-upload,.tool-card,.category,.new-item,.request,.dropzone,.result,.info-box,.seo-content{background:var(--surface)}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1200px,100% - 64px);margin:auto}.nav{justify-content:space-between;align-items:center;height:86px;display:flex}.brand{letter-spacing:-.7px;font-size:21px;font-weight:700}.nav-links{gap:40px;margin-left:120px;font-size:13px;font-weight:500;display:flex}.nav-actions{align-items:center;gap:11px;display:flex}.round-btn,.favorite-button{border:1px solid var(--line);background:#fff;border-radius:999px;justify-content:center;align-items:center;height:38px;display:inline-flex}.round-btn{width:38px;font-size:18px}.favorite-button{color:#fff;background:#111926;border-color:#111926;padding:0 20px;font-size:13px;font-weight:600}.hero{grid-template-columns:1.02fr .98fr;align-items:center;min-height:480px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";filter:blur(11px);z-index:-1;background:radial-gradient(circle at 40%,#74bdff70,#0000 48%),radial-gradient(circle at 81% 20%,#d4c2ff7a,#0000 37%),radial-gradient(circle at 80% 80%,#ffcab56b,#0000 32%);width:530px;height:470px;position:absolute;top:5px;right:25px}.eyebrow{color:#2879ea;background:#f1f7ff;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:600;display:inline-flex}h1{letter-spacing:-3.8px;margin:19px 0 14px;font-size:70px;line-height:1}.hero h2{letter-spacing:-.4px;margin:0 0 23px;font-size:20px}.hero p{color:#475569;margin:0;font-size:15px;line-height:1.65}.hero-actions{align-items:center;gap:23px;margin-top:31px;font-size:14px;font-weight:600;display:flex}.primary{color:#fff;background:#111926;border-radius:999px;padding:15px 22px;box-shadow:0 9px 16px #161f2d2b}.text-link{text-underline-offset:5px;text-decoration:underline}.preview{background:#ffffffb8;border-radius:33px;padding:11px;transform:rotate(3deg);box-shadow:0 22px 24px #31446f30,inset 0 0 0 1px #fffffff2}.preview-inner{background:#fff;border:1px solid #e7ebf4;border-radius:25px;padding:23px;box-shadow:0 4px 9px #2b38590a}.tool-tabs{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.tool-tab{border:1px solid #e8ebf2;border-radius:13px;place-items:center;height:63px;font-size:25px;display:grid;box-shadow:0 5px 8px #161f2d0d}.mini-upload{text-align:center;border:1px solid #e2e7f0;border-radius:13px;place-items:center;height:168px;margin-top:21px;font-size:11px;line-height:1.6;display:grid}.mini-upload .upload-icon{color:#a1afc0;place-items:center;width:34px;height:34px;margin:0 auto 10px;font-size:24px;display:grid}.benefits{border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(4,1fr);margin:18px 0 43px;padding:27px 38px;display:grid;box-shadow:0 7px 18px #2037550a}.benefit{border-right:1px solid #e5eaf1;align-items:center;gap:15px;padding:0 30px;display:flex}.benefit:first-child{padding-left:0}.benefit:last-child{border:0}.benefit-icon{font-size:27px}.benefit b{font-size:16px;display:block}.benefit small{color:#64748b;font-size:11px}.section{margin-top:36px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.section-heading h2{letter-spacing:-.8px;margin:0;font-size:22px}.section-heading a{font-size:13px;font-weight:600}.card-row{grid-template-columns:repeat(5,1fr);gap:17px;display:grid}.tool-card{border:1px solid var(--line);border-radius:15px;padding:18px;transition:all .2s;box-shadow:0 5px 14px #20375509}.card-row .tool-card{min-height:201px}.tool-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #2037551a}.tool-icon,.category-icon{border-radius:12px;place-items:center;width:43px;height:43px;font-size:23px;display:grid}.pdf{background:#fff0f0}.image{background:#eafff6}.code{background:#f1edff}.ai{background:#edf6ff}.qr{background:#fff8e9}.text{background:#fff5e8}.misc{background:#f2f5f8}.tool-card h3{letter-spacing:-.4px;margin:17px 0 5px;font-size:16px}.tool-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.use-link{margin-top:21px;font-size:12px;font-weight:600;display:block}.category-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.category{border:1px solid var(--line);border-radius:15px;align-items:center;gap:18px;min-height:128px;padding:20px;display:flex}.category:hover,.new-item:hover{background:#f8fbff;border-color:#cfe3ff}.category-icon{background:var(--soft);flex:none;width:64px;height:64px;font-size:38px}.category-icon>.mdi{font-size:38px;line-height:1}.category b{font-size:17px;display:block}.category>div>span{color:var(--muted);margin-top:5px;font-size:14px;display:block}.new-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.new-item{border:1px solid var(--line);border-radius:15px;grid-template-rows:1fr auto;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:12px 14px;min-height:166px;padding:18px;display:grid}.new-item .tool-icon{border-radius:12px;grid-row:1/span 2;width:48px;height:48px;font-size:24px}.new-item>div{min-width:0}.new-title{font-size:15px;font-weight:600}.new-text{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.badge{color:#2381f7;background:#edf6ff;border-radius:999px;margin:0;padding:3px 7px;font-size:11px}.when{color:var(--muted);text-align:left;grid-column:2/-1;min-width:0;font-size:12px}.more{border:1px solid var(--line);border-radius:999px;width:max-content;margin:22px auto 34px;padding:11px 23px;font-size:13px;font-weight:600;display:block}.request{border:1px solid var(--line);border-radius:16px;align-items:center;gap:17px;margin:35px 0;padding:25px 29px;display:flex}.request-icon{font-size:26px}.request b{font-size:15px}.request p{color:var(--muted);margin:4px 0 0;font-size:12px}.request .primary{margin-left:auto;padding:13px 22px;font-size:13px}.page-head{border-bottom:1px solid #edf0f3}.catalog{padding:37px 0 40px}.catalog h1{letter-spacing:-1.3px;margin:0 0 8px;font-size:30px}.subtitle{color:var(--muted);font-size:13px}.catalog-controls{gap:17px;margin:30px 0;display:flex}.search-box,.sort{color:#94a3b8;border:1px solid #dfe6ee;border-radius:8px;align-items:center;height:39px;padding:0 13px;font-size:12px;display:flex}.search-box{justify-content:space-between;width:450px}.sort{color:#475569;justify-content:space-between;width:132px;margin-left:auto}.catalog-layout{grid-template-columns:182px 1fr;align-items:start;gap:27px;display:grid}.side-nav a{border-radius:10px;align-items:center;gap:12px;height:40px;padding:0 11px;display:flex}.side-nav a.active{color:#287ff0;background:#eef6ff}.side-nav .count{color:#718096;margin-left:auto;font-size:11px}.catalog-grid{grid-template-columns:1fr;gap:17px;display:grid}.catalog-grid .tool-card{padding:0;position:relative}.catalog-grid .tool-card-link{align-items:flex-start;gap:14px;padding:15px;display:flex}.catalog-grid .tool-card-content{min-width:0}.catalog-grid .tool-card h2,.catalog-grid .tool-card h3{margin:0 0 4px;font-size:14px}.catalog-grid .tool-card p{margin:0;font-size:10px}.catalog-grid .tool-icon{border-radius:11px;flex:none;width:44px;height:44px;font-size:22px}.favorite-star-button{z-index:1;color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:30px;height:30px;font-size:21px;line-height:1;display:grid;position:absolute;top:10px;right:10px}.favorite-star-button:disabled{cursor:default;opacity:.7}.tag{color:#3385f5;background:#eef6ff;border-radius:999px;margin-top:9px;padding:3px 7px;font-size:10px;display:inline-block}.favorite-status{color:var(--muted);font-size:14px}.favorite-empty-state{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;margin-top:24px;padding:30px}.favorite-empty-state h2{margin:0;font-size:18px}.favorite-empty-state p{color:var(--muted);margin:9px 0 18px;font-size:14px}.favorite-empty-state a{color:#fff;background:#111926;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.pagination{color:#64748b;grid-column:1/-1;justify-content:center;align-items:center;gap:17px;padding-top:5px;font-size:12px;display:flex}.pagination b{color:#3688ff;border:1px solid #cfe3ff;border-radius:8px;padding:5px 9px}.breadcrumb{color:#6b7a90;padding-top:17px;font-size:11px}.breadcrumb span{color:#a9b3c1;margin:0 10px}.detail{padding:27px 0 42px}.detail-title{align-items:center;gap:17px;margin:26px 0;display:flex}.detail-title .tool-icon{border-radius:14px;width:64px;height:64px;font-size:31px}.detail-title h1{letter-spacing:-1.1px;margin:0;font-size:26px}.detail-title p{color:var(--muted);margin:7px 0 0;font-size:12px}.detail-title .favorite-button{color:#344256;cursor:pointer;background:#fff;border-color:#e4eaf1;gap:6px;height:35px;margin-left:auto}.detail-title .favorite-button>svg{color:#cbd5e1}.detail-title .favorite-button[aria-pressed=true]{color:#a66c00;background:#fff9e8;border-color:#f1d695}.detail-title .favorite-button[aria-pressed=true]>svg{color:#e9a10b}.detail-title .favorite-button:disabled{cursor:default;opacity:.7}.dropzone{text-align:center;border:1px dashed #cfd8e4;border-radius:9px;place-items:center;min-height:230px;display:grid}.dropzone .upload-icon{color:#a1afc0;place-items:center;width:58px;height:58px;margin:auto auto 15px;font-size:34px;display:grid}.dropzone p{color:var(--muted);margin:7px 0 16px;font-size:12px}.choose{color:#fff;background:#111926;border:0;border-radius:999px;padding:11px 26px;font-size:12px;font-weight:600}.supported{color:#94a3b8;margin:12px 0 22px;font-size:10px}.result{border:1px solid var(--line);border-radius:13px;padding:13px}.result-head{justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.copy{border:1px solid var(--line);color:#475569;background:#fff;border-radius:6px;padding:6px 9px;font-size:10px}.result-text{color:#3f4b5c;white-space:pre-line;border:1px solid #e1e7ef;border-radius:7px;min-height:184px;margin-top:11px;padding:15px;font-size:12px;line-height:1.65}.result-actions{justify-content:flex-end;gap:11px;margin-top:14px;display:flex}.outline{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 16px;font-size:11px}.detail-info{grid-template-columns:1fr 1fr;gap:14px;margin-top:23px;display:grid}.info-box{border:1px solid var(--line);border-radius:12px;padding:17px}.info-box h3{margin:0 0 15px;font-size:13px}.info-box h3 span{margin-right:9px}.info-box li{color:#556377;margin:10px 0;font-size:11px;list-style:none}.info-box li:before{content:"✓";color:#22bd80;margin-right:10px;font-weight:700}.info-box ol{counter-reset:step;margin:0;padding:0}.info-box ol li:before{counter-increment:step;content:counter(step);color:#64748b;background:#f0f3f7;border-radius:50%;place-items:center;width:17px;height:17px;margin-right:9px;font-size:9px;display:inline-grid}@media (max-width:800px){.shell{width:min(100% - 32px,600px)}.nav{height:70px}.nav-links{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:45px 0}.hero:after{right:-170px}.hero h1{font-size:52px}.preview{max-width:440px;margin:auto}.benefits{grid-template-columns:1fr 1fr;gap:19px;padding:22px}.benefit{border:0;padding:0}.card-row{grid-template-columns:1fr 1fr}.card-row .tool-card:last-child{display:none}.category-row{grid-template-columns:1fr 1fr}.new-list,.catalog-layout{grid-template-columns:1fr}.side-nav{gap:4px;display:flex;overflow:auto}.side-nav a{flex:none}.search-box{width:100%}.sort{display:none}.detail-title{flex-wrap:wrap}.detail-title .favorite-button{margin-left:0}.request{padding:18px}.request .primary{display:none}}@media (max-width:450px){h1{font-size:46px!important}.nav .favorite-button{display:none}.benefits,.card-row{grid-template-columns:1fr}.card-row .tool-card:last-child{display:block}.detail-info{grid-template-columns:1fr}.result-actions{justify-content:stretch}.outline{flex:1}.tool-tabs{gap:5px}.tool-tab{height:52px}.catalog-controls{margin:22px 0}}@media (max-width:800px){.benefit-icon{text-align:center;flex:0 0 27px;width:27px}}body{font-size:16px}.nav-links,.favorite-button,.section-heading a,.more{font-size:14px}.hero p{font-size:16px;line-height:1.7}.benefit small{font-size:12px}.tool-card p{font-size:12px;line-height:1.6}.use-link{font-size:13px}.category b{font-size:17px}.category>div>span{font-size:14px}.new-title{font-size:15px}.new-text,.when{font-size:12px}.request p{font-size:13px}.request .primary,.subtitle{font-size:14px}.search-box,.sort{height:42px;font-size:13px}.sort{width:140px}.side-nav{font-size:14px}.side-nav a{height:42px}.side-nav .count{font-size:12px}.catalog-grid .tool-card h3{font-size:15px}.catalog-grid .tool-card p,.tag{font-size:11px}.detail-title p,.dropzone p,.choose{font-size:13px}.supported{font-size:11px}.result-text{font-size:13px}.pagination{margin-top:10px;font-size:14px}.dynamic-status{color:var(--muted);margin:32px 0;font-size:14px}.dynamic-status.error{color:#d64b4b}.pagination button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:5px 9px}.pagination button.active{color:#3688ff;border:1px solid #cfe3ff;border-radius:8px}.pagination button:disabled{cursor:default;opacity:.35}.pagination a{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:5px 9px}.pagination a.active{color:#3688ff;border:1px solid #cfe3ff;border-radius:8px}.pagination span{padding:5px 9px}.seo-content{border:1px solid var(--line);border-radius:13px;max-width:760px;padding:28px;line-height:1.8}.seo-content h2{margin:0 0 12px;font-size:18px}.seo-content h2:not(:first-child){margin-top:28px}.seo-content p,.seo-content li{color:#475569;font-size:14px}.seo-content ol,.seo-content ul{margin:0;padding-left:23px}.seo-content li+li{margin-top:9px}.jpeg-compressor{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:860px;padding:18px}.jpeg-dropzone{color:#64748b;cursor:pointer;border:1px dashed #becddd;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:278px;transition:background .18s,border-color .18s;display:flex}.jpeg-dropzone:hover,.jpeg-dropzone.is-dragging{background:#f6faff;border-color:#3688ff}.jpeg-dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.jpeg-upload-icon{color:#a1afc0;place-items:center;width:64px;height:64px;margin-bottom:5px;font-size:40px;display:grid}.jpeg-dropzone strong{color:#1e293b;font-size:15px}.jpeg-dropzone>span:not(.jpeg-upload-icon):not(.choose){font-size:12px}.jpeg-dropzone small{color:#94a3b8;margin-top:8px;font-size:11px}.jpeg-workspace{gap:18px;display:grid}.jpeg-controls{justify-content:space-between;align-items:center;gap:14px;display:flex}.jpeg-file-name,.jpeg-file-meta{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.jpeg-file-name{font-size:14px;font-weight:700}.jpeg-file-meta{color:var(--muted);margin-top:5px;font-size:12px}.jpeg-reset{color:#475569;cursor:pointer;background:#fff;border:1px solid #dce5ee;border-radius:7px;flex:none;padding:8px 11px;font-size:12px}.quality-control{background:#f8fafc;border-radius:10px;padding:15px 16px}.quality-label{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;display:flex}.quality-label strong{color:#2476df;font-size:14px}.quality-control input{appearance:none;accent-color:#3688ff;cursor:pointer;background:#b9d8ff;border-radius:999px;width:100%;height:5px;display:block}.quality-scale{color:#8998aa;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.image-comparison{grid-template-columns:1fr 34px 1fr;align-items:center;gap:11px;display:grid}.image-comparison figure{background:#fbfcfe;border:1px solid #e1e8f0;border-radius:9px;min-width:0;margin:0;overflow:hidden}.image-comparison figcaption{color:#475569;border-bottom:1px solid #e8edf4;justify-content:space-between;padding:10px 11px;font-size:12px;font-weight:600;display:flex}.image-comparison img,.image-loading{object-fit:contain;width:100%;height:222px;display:block}.image-loading{color:#94a3b8;place-items:center;font-size:12px;display:grid}.comparison-arrow{color:#7d8da1;text-align:center;font-size:20px}.compression-result{color:#257a60;background:#eff8f5;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;font-size:13px;display:flex}.compression-result b{font-size:17px}.download-compressed{color:#fff;cursor:pointer;background:#111926;border:0;border-radius:999px;padding:11px 16px;font-size:12px;font-weight:600}.jpeg-error{color:#c23a3a;margin:12px 0 0;font-size:12px}.jpeg-privacy{color:#94a3b8;text-align:center;margin:13px 0 0;font-size:11px}.jpeg-info{margin-top:23px}@media (max-width:600px){.jpeg-compressor{padding:12px}.jpeg-dropzone{min-height:245px}.jpeg-controls{flex-direction:column;align-items:flex-start}.image-comparison{grid-template-columns:1fr}.comparison-arrow{height:20px;transform:rotate(90deg)}.image-comparison img,.image-loading{height:190px}.compression-result{flex-direction:column;align-items:stretch}.download-compressed{width:100%}.jpeg-reset{align-self:stretch}}.detail-title h1{font-size:28px}.detail-title p{font-size:14px}.breadcrumb{font-size:13px}.dropzone b{font-size:16px}.dropzone p,.jpeg-dropzone>span:not(.jpeg-upload-icon):not(.choose){font-size:13px}.choose{font-size:14px}.supported,.jpeg-dropzone small,.jpeg-privacy{font-size:12px}.result-head,.quality-label,.image-comparison figcaption,.compression-result,.result-text{font-size:14px}.copy,.outline,.jpeg-reset,.download-compressed{font-size:13px}.info-box h3{font-size:15px}.info-box li{font-size:13px}.jpeg-file-name{font-size:15px}.jpeg-file-meta,.quality-scale,.image-comparison figcaption span,.image-loading,.jpeg-error{font-size:12px}.quality-label strong{font-size:15px}.jpeg-file-meta,.image-comparison figcaption span{font-size:13px}.jpeg-content-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.jpeg-settings{background:#f8fafc;border-radius:10px;grid-template-columns:1fr;align-items:start;gap:13px;padding:16px;display:grid}.jpeg-settings-title{color:#334155;margin:0;font-size:14px;font-weight:700}.jpeg-settings .quality-control{background:0 0;border-radius:0;padding:0}.quality-label label,.output-format-control>span,.resize-control>span,.file-name-control>span{font-weight:400}.output-format-control,.resize-control,.file-name-control{color:#475569;gap:6px;font-size:14px;display:grid}.output-format-control select,.resize-control input,.file-name-control input{color:#1e293b;width:100%;height:38px;font:inherit;background:#fff;border:1px solid #dce5ee;border-radius:7px;padding:0 10px;font-weight:400}.output-format-control small,.resize-control small,.file-name-control small{color:#8998aa;font-size:11px;font-weight:400}.apply-settings{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dce5ee;border-radius:7px;justify-self:center;height:39px;padding:0 15px;font-size:13px;font-weight:600}.apply-settings:disabled,.download-compressed:disabled{cursor:wait;opacity:.6}.jpeg-file-list{gap:8px;display:grid}.jpeg-file-item{background:#fff;border:1px solid #e1e8f0;border-radius:9px;grid-template-columns:58px minmax(0,1fr) minmax(92px,auto) auto;align-items:center;gap:12px;min-width:0;padding:9px;display:grid}.jpeg-file-item>img{object-fit:cover;background:#f1f5f9;border-radius:5px;width:58px;height:48px}.jpeg-file-details{gap:3px;min-width:0;display:grid}.jpeg-file-details p,.jpeg-file-details span,.jpeg-file-result span,.jpeg-file-result strong{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.jpeg-file-details p{color:#334155;font-size:13px;font-weight:600}.jpeg-file-details span{color:#8795a8;font-size:11px}.jpeg-file-result{color:#8795a8;justify-items:end;gap:3px;font-size:11px;display:grid}.jpeg-file-result strong{color:#334155;font-size:13px}.jpeg-item-error{color:#c23a3a}.jpeg-download-one{color:#475569;cursor:pointer;background:#fff;border:1px solid #dce5ee;border-radius:6px;padding:7px 10px;font-size:12px}.jpeg-batch-result small{color:#58947e;margin-top:3px;font-size:11px;display:block}.jpeg-batch-result>span{display:block}@media (max-width:800px){.jpeg-content-layout{grid-template-columns:1fr}.jpeg-file-item{grid-template-columns:52px minmax(0,1fr) auto}.jpeg-file-item>img{width:52px}.jpeg-file-result{grid-column:2;justify-items:start}.jpeg-download-one{grid-area:1/3/span 2}}@media (max-width:600px){.jpeg-settings{grid-template-columns:1fr}.apply-settings{grid-column:auto}.jpeg-file-item{grid-template-columns:48px minmax(0,1fr) auto;gap:9px}.jpeg-file-item>img{width:48px;height:44px}.jpeg-file-details p{font-size:12px}.jpeg-file-result{display:none}.jpeg-download-one{grid-area:auto/3}.jpeg-batch-result small{font-size:12px}}.mini-upload .upload-icon{color:#b8c2cf;width:30px;height:30px;margin-bottom:7px;font-size:25px}.dropzone .upload-icon{color:#b8c2cf;width:52px;height:52px;margin-bottom:10px;font-size:36px}.jpeg-dropzone{gap:7px}.jpeg-upload-icon{color:#b8c2cf;width:54px;height:54px;margin-bottom:0;font-size:42px}.simple-image-editor{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:860px;padding:18px}.simple-image-dropzone{color:#64748b;cursor:pointer;text-align:center;border:1px dashed #becddd;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:290px;transition:background .18s,border-color .18s;display:flex}.simple-image-dropzone:hover,.simple-image-dropzone.is-dragging{background:#f6faff;border-color:#3688ff}.simple-image-dropzone input,.image-editor-change input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.simple-image-upload-icon{color:#b8c2cf;width:54px;height:54px;font-size:42px}.simple-image-dropzone strong{color:#1e293b;font-size:16px}.simple-image-dropzone span{font-size:13px}.simple-image-dropzone small{color:#94a3b8;max-width:90%;margin-top:7px;font-size:12px}.image-editor-workspace{gap:16px;display:grid}.image-editor-topbar,.image-editor-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.image-editor-topbar p{gap:3px;margin:0;font-size:14px;display:grid}.image-editor-topbar p span{color:#7d8da1;font-size:12px}.image-editor-change{cursor:pointer;color:#475569;background:#fff;border:1px solid #dce5ee;border-radius:7px;padding:8px 11px;font-size:12px}.image-editor-layout{grid-template-columns:238px minmax(0,1fr);align-items:start;gap:16px;display:grid}.image-editor-controls{background:#f8fafc;border:1px solid #e1e8f0;border-radius:10px;gap:14px;padding:15px;display:grid}.image-editor-controls section{gap:9px;display:grid}.image-editor-controls h2{margin:0;font-size:13px}.editor-tool-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.editor-tool-row button,.editor-reset,.editor-apply-crop{color:#475569;cursor:pointer;background:#fff;border:1px solid #dce5ee;border-radius:6px;min-height:34px;padding:6px 8px;font-size:12px}.editor-tool-row button.is-active{color:#2377e8;background:#eff7ff;border-color:#98c6ff;font-weight:600}.editor-help{color:#60738b;background:#eef4fa;border-radius:6px;padding:8px;font-size:11px;line-height:1.5}.editor-apply-crop{color:#fff;background:#111926;border-color:#111926;font-weight:600}.editor-adjustments label{color:#475569;grid-template-columns:1fr auto;align-items:center;gap:5px 8px;font-size:12px;display:grid}.editor-adjustments input{accent-color:#3688ff;grid-column:1/-1;width:100%}.editor-adjustments output{color:#2879ea;font-size:11px}.editor-mark-options label{color:#475569;gap:5px;font-size:12px;display:grid}.editor-mark-options input:not(.editor-color),.editor-mark-options select{color:#334155;width:100%;height:34px;font:inherit;background:#fff;border:1px solid #dce5ee;border-radius:6px;padding:0 8px;font-size:12px}.editor-mark-options .editor-color{cursor:pointer;background:#fff;border:1px solid #dce5ee;border-radius:6px;width:100%;height:34px;padding:2px}.editor-reset{color:#8b3d3d;background:#fff}.image-editor-canvas-wrap{min-width:0}.image-editor-canvas{background:repeating-conic-gradient(#f5f7fa 0 25%,#fff 0 50%) 50% / 20px 20px;border:1px solid #e1e8f0;border-radius:10px;justify-content:center;align-items:center;min-height:380px;display:flex;overflow:hidden}.image-editor-canvas-stage{max-width:100%;line-height:0;display:inline-block;position:relative}.image-editor-canvas canvas{touch-action:none;width:auto;max-width:100%;height:auto;max-height:620px;display:block;box-shadow:0 3px 14px #2130481f}.image-editor-canvas.is-crop canvas{cursor:crosshair}.image-editor-canvas.is-text canvas{cursor:text}.image-editor-canvas.is-arrow canvas{cursor:crosshair}.crop-selection{pointer-events:none;outline:2px solid #3688ff;position:absolute;box-shadow:0 0 0 9999px #11192673}.editor-canvas-caption{color:#7d8da1;text-align:center;margin:9px 0 0;font-size:12px}.image-editor-footer{color:#397d69;background:#eff8f5;border-radius:10px;padding:12px 14px;font-size:12px}.image-editor-footer button{color:#fff;cursor:pointer;background:#111926;border:0;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:600}.simple-image-error{color:#c23a3a;margin:12px 0 0;font-size:12px}@media (max-width:800px){.image-editor-layout,.image-editor-controls{grid-template-columns:1fr}.image-editor-canvas{min-height:300px}}@media (max-width:560px){.simple-image-editor{padding:12px}.image-editor-topbar,.image-editor-footer{flex-direction:column;align-items:stretch}.image-editor-change,.image-editor-footer button{text-align:center}.image-editor-controls{grid-template-columns:1fr}.image-editor-canvas{min-height:230px}.image-editor-canvas canvas{max-height:480px}}.format-select select{color:#1e293b;width:100%;height:38px;font:inherit;background:#fff;border:1px solid #dce5ee;border-radius:7px;padding:0 10px;font-weight:400}.choose,.copy,.outline,.apply-settings,.image-editor-change,.editor-tool-row button,.editor-reset,.editor-apply-crop,.image-editor-footer button{color:#475569;background:#f1f3f5;border-color:#d7dee7;box-shadow:0 1px 2px #3341550f}.jpeg-reset{color:#475569;background:#fff;border-color:#d7dee7;box-shadow:0 1px 2px #3341550f}.jpeg-reset svg{color:#94a3b8;vertical-align:middle;margin-left:3px}.choose:hover,.copy:hover,.outline:hover,.apply-settings:hover,.image-editor-change:hover,.editor-tool-row button:hover,.editor-reset:hover,.editor-apply-crop:hover,.image-editor-footer button:hover{background:#e5e7eb;border-color:#c1cbd6}.jpeg-reset:hover{background:#f8fafc;border-color:#c1cbd6}.editor-tool-row button.is-active{color:#334155;background:#cfd5dc;border-color:#94a3b8}.jpeg-download-one{align-items:center;gap:5px;display:inline-flex}.save-download-arrow{color:#64748b;font-size:14px;line-height:1}.jpeg-privacy,.simple-image-dropzone small,.image-editor-footer{font-size:13px}.info-box-icon{vertical-align:middle;color:#22bd80;display:inline-flex}.info-box ul li,.seo-content .tip-item{align-items:center;gap:10px;display:flex}.info-box ul li:before{content:none}.info-box ul li>svg,.seo-content .tip-item>svg{color:#22bd80;flex:none}.info-box ol li:before{vertical-align:middle;background:#e8f7ef;font-size:10px}.info-box ul{margin:0;padding:0}.info-box ul li{gap:7px}.info-box ol li{grid-template-columns:17px minmax(0,1fr);align-items:start;column-gap:9px;display:grid}.info-box ol li:before{margin-right:0}.detail-title p,.tool-information-cards ol li,.tool-information-cards ul li>span{white-space:pre-line}.catalog-layout{margin-top:24px}.jpeg-upload-icon>svg{width:54px!important;height:54px!important}.error-message{color:#c23a3a;margin:12px 0 0;font-size:14px;font-weight:700}.error-message--compact{margin:0;line-height:1.4}.image-editor-canvas.is-ellipse canvas{cursor:crosshair}.editor-history button:disabled{cursor:default;opacity:.45}.editor-layers{background:#fff;border:1px solid #dce5ee;border-radius:10px;margin-top:16px;padding:13px}.editor-layers h2{margin:0 0 9px;font-size:14px}.editor-layer-list{gap:6px;display:grid}.editor-layer{color:#475569;background:#fff;border:1px solid #e1e8f0;border-radius:7px;align-items:center;gap:8px;width:100%;min-width:0;padding:4px;font-size:13px;display:flex}.editor-layer-select{min-width:0;color:inherit;cursor:pointer;font:inherit;font-size:inherit;font-weight:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:4px;display:flex}.editor-layer-select>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-layer-actions{flex:none;gap:3px;display:flex}.editor-layer-actions button{color:#64748b;cursor:pointer;width:24px;height:24px;font:inherit;background:#fff;border:1px solid #dce5ee;border-radius:5px;place-items:center;padding:0;font-size:14px;line-height:1;display:grid}.editor-layer-actions button>svg{display:block}.editor-layer-actions button:disabled{cursor:default;opacity:.35}.editor-layer.is-selected{color:#2377e8;background:#eff7ff;border-color:#98c6ff;font-weight:600}.editor-layer-icon{color:#64748b;background:#edf2f7;border-radius:5px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.editor-layer.is-selected .editor-layer-icon{color:#2377e8;background:#dbeeff}.editor-layers-empty{color:#7d8da1;margin:0;font-size:12px}.editor-overlay-panels{align-items:flex-start;gap:16px;margin-top:16px;display:grid}.editor-overlay-panels>*{align-self:flex-start}.selected-mark-editor{background:#fff;border:1px solid #dce5ee;border-radius:10px;gap:14px;margin-top:0;padding:13px}.editor-overlay-panels .editor-layers{margin-top:0}.selected-mark-editor h2{margin:0;font-size:14px}.selected-mark-editor .editor-help{margin:10px 0 2px}.selected-mark-editor .editor-reset{justify-self:start;margin-top:10px}.selected-mark-editor label{padding:4px 0}.selected-mark-editor .selected-text-content{margin-top:10px}.selected-mark-field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.selected-mark-field-row label{margin:0}@media (min-width:801px){.editor-overlay-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layers:only-child{grid-column:1/-1}}.calendar{background:#eef4ff}.finance{background:#fff7e7}.tool-workspace{gap:18px;max-width:860px;display:grid}.tool-section,.tool-result-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}.tool-section h2,.tool-result-card h2{color:#334155;margin:0;padding:0 0 10px;font-size:15px}.tool-section-head,.tool-result-card-head{color:#64748b;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;font-size:13px;display:flex}.tool-section-head>label{color:#334155;font-size:15px;font-weight:700}.tool-section-head-right{margin-top:-1px}.tool-reset-button,.tool-copy-button,.tool-swap-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #d8e1eb;border-radius:7px;padding:8px 11px;font-size:13px;font-weight:600}.tool-copy-button{color:#246ec7;background:#f8fbff;border-color:#c9ddf7}.tool-reset-button:hover,.tool-swap-button:hover{background:#f8fafc}.tool-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.tool-field,.tool-field-group{gap:7px;min-width:0;display:grid}.tool-field>span:first-child{color:#475569;font-size:14px}.tool-field input,.tool-field select,.character-input-section textarea{color:#1e293b;width:100%;font:inherit;outline-offset:2px;background:#fff;border:1px solid #d9e3ed;border-radius:8px}.tool-field input,.tool-field select{height:42px;padding:0 11px}.tool-field input:focus,.tool-field select:focus,.character-input-section textarea:focus{border-color:#3688ff;outline:2px solid #3688ff29}.tool-field-group{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start}.quick-days{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.quick-days button{color:#2878d6;font:inherit;cursor:pointer;background:#f7fbff;border:1px solid #d7e5f7;border-radius:999px;padding:7px 12px;font-size:13px}.quick-days button:hover{background:#eaf4ff}.tool-result-card{background:linear-gradient(135deg,#f8fbff,#fff)}.tool-result-card-head{margin-bottom:10px}.tool-result-primary{color:#172033;letter-spacing:-.8px;font-size:28px;line-height:1.35;display:block}.tool-result-secondary{color:#64748b;margin:8px 0 0;font-size:15px}.tool-validation-message{color:#c23a3a;margin:9px 0 0;font-size:14px}.tool-options-row{flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;display:flex}.tool-checkbox{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.tool-checkbox input{accent-color:#3688ff;width:16px;height:16px}.business-day-options{border:0;flex-wrap:wrap;gap:13px 20px;margin:20px 0 0;padding:0;display:flex}.business-day-options legend{color:#475569;white-space:nowrap;flex:0 0 100%;min-width:0;margin:0 0 2px;padding:0;font-size:14px}.business-day-options small{color:#7a899b;flex-basis:100%;font-size:12px}.character-input-section textarea{resize:vertical;min-height:300px;padding:14px;line-height:1.65;display:block}.character-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.character-metrics>div{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:12px 13px;display:flex}.character-metrics span{color:#64748b;font-size:14px}.character-metrics strong{color:#26364b;white-space:nowrap;font-size:16px}.character-metrics small{color:#718096;font-size:11px;font-weight:500}.tax-calculator{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:start}.tax-mode-options{border:0;border-bottom:1px solid #e7edf4;flex-wrap:wrap;gap:10px 18px;margin:0 0 18px;padding:0 0 16px;display:flex}.tax-mode-option{color:#475569;cursor:pointer;align-items:center;gap:7px;font-size:14px;display:inline-flex}.tax-mode-option input{accent-color:#3688ff;width:16px;height:16px;margin:0}.tax-fields{grid-template-columns:1fr}.tax-fields .currency-input{max-width:280px}.currency-input{align-items:center;gap:9px;display:flex}.currency-input input{min-width:0}.currency-input b{color:#475569;font-size:14px;font-weight:500}.tax-result-section{background:linear-gradient(135deg,#f8fbff,#fff);margin:0}.tax-rate-comparison{margin-top:2px;overflow-x:auto}.tax-rate-comparison table{border-collapse:collapse;width:100%;font-size:14px}.tax-rate-comparison th,.tax-rate-comparison td{text-align:right;white-space:nowrap;border-bottom:1px solid #e9eef4;padding:10px 8px}.tax-rate-comparison th{color:#64748b;font-weight:500}.tax-rate-comparison th:first-child{text-align:left;padding-left:0}.tax-rate-comparison td{color:#334155;font-weight:600}.tax-rate-comparison tbody tr:last-child th,.tax-rate-comparison tbody tr:last-child td{color:#1c6bc4}.tool-workspace+.seo-content{margin-top:23px}.related-tools{max-width:860px;margin-top:24px}.related-tools h2{margin:0 0 13px;font-size:18px}.related-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.related-tool-link{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:11px;display:grid}.related-tool-link:hover{background:#fbfdff;border-color:#cbd9e9}.related-tool-link .tool-icon{border-radius:9px;width:38px;height:38px;font-size:18px}.related-tool-link>span:nth-child(2){min-width:0}.related-tool-link strong,.related-tool-link small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.related-tool-link strong{color:#334155;font-size:13px}.related-tool-link small{color:#7b8a9d;margin-top:3px;font-size:11px}.related-tool-link>span:last-child{color:#8a9aab;font-size:20px}.tool-information-cards{grid-template-columns:1fr;max-width:860px}.detail-title{max-width:860px}.nav{max-width:860px;margin:0 auto}.detail>*{width:100%;max-width:860px;margin-left:auto;margin-right:auto}.catalog,.home{max-width:860px}.character-counter{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.date-calculator{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}.date-calculator-fields{grid-template-columns:1fr}.date-calculator .tool-result-card h2{white-space:pre-line;font-weight:400;line-height:1.5}.date-calculator .tool-result-card.has-copy-button{padding-bottom:74px;position:relative}.date-calculator .tool-result-card.has-copy-button .tool-copy-button{position:absolute;bottom:20px;right:20px}.date-calculator .tool-result-primary{color:#334155;letter-spacing:0;text-align:left;margin:24px 0 0;font-size:22px;font-weight:400}.date-difference-calculator{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start}.date-difference-summary{gap:6px;margin-top:20px;display:grid}.date-difference-summary-label{color:#64748b;margin:0;font-size:15px}.date-difference-summary-value{color:#26364b;font-size:18px}.character-metrics{grid-template-columns:1fr}.tool-copy-button{color:#475569;background:#fff;border-color:#d8e1eb;align-items:center;gap:6px;display:inline-flex}.tool-copy-button:hover{background:#f8fafc}.tool-copy-icon{color:currentColor}@media (max-width:600px){.date-calculator .tool-result-card.has-copy-button{padding-bottom:69px}.date-calculator .tool-result-card.has-copy-button .tool-copy-button{bottom:15px;right:15px}}@media (min-width:601px){.tax-fields .currency-input{justify-self:start}.tax-fields .currency-input input{field-sizing:content;width:auto;min-width:8ch;max-width:100%}.tax-select-auto-size{justify-self:start;max-width:100%;display:inline-grid}.tax-select-auto-size:after,.tax-select-auto-size select{grid-area:1/1}.tax-select-auto-size:after{content:attr(data-label);visibility:hidden;white-space:pre;width:max-content;max-width:100%;font:inherit;padding:0 35px 0 11px}.tax-select-auto-size select{width:100%;max-width:100%}}@media (max-width:600px){.tool-section,.tool-result-card{padding:15px}.tool-section-head{align-items:flex-start}.tool-section-head-right{margin-top:0}.tool-fields,.tax-fields{grid-template-columns:1fr}.tax-fields .currency-input,.tax-select-auto-size{max-width:none}.tax-select-auto-size{width:100%;display:block}.tax-select-auto-size select{width:100%}.tool-field-group{grid-template-columns:1fr 1fr}.tool-result-primary{font-size:24px}.character-counter,.date-calculator,.date-difference-calculator,.tax-calculator{grid-template-columns:1fr}.character-input-section textarea{min-height:300px}.character-metrics{grid-template-columns:1fr}.tool-options-row{flex-direction:column;align-items:flex-start;gap:13px}.business-day-options{flex-direction:column;align-items:flex-start;gap:12px}.related-tools-grid{grid-template-columns:1fr}}@media (max-width:380px){.tool-field-group{grid-template-columns:1fr}.tool-section-head{flex-direction:column;align-items:stretch}.tool-reset-button{align-self:flex-end}}.image-editor-footer button{color:#fff;background:#111926;border-color:#111926}.image-editor-footer button:hover{background:#273244;border-color:#273244}.image-editor-footer{color:#64748b;background:#fff;border:1px solid #dce5ee}.image-editor-download-actions{gap:8px;display:flex}.image-editor-canvas{min-height:0}.percentage-calculator{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.age-calculator{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:start}.qr-code-generator{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.percentage-mode-options{border-bottom:1px solid #e7edf4;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0 0 16px;display:flex}.percentage-mode-options button{color:#475569;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8e1eb;border-radius:999px;padding:7px 11px;font-size:13px}.percentage-mode-options button.is-selected{color:#216fc7;background:#eef6ff;border-color:#b8d7ff;font-weight:700}.percentage-calculator-mode-options{gap:9px;display:grid}.percentage-calculator-mode-option{grid-template-columns:7.5em minmax(0,1fr);align-items:center;gap:12px;display:grid}.percentage-calculator-mode-option button{width:100%}.percentage-calculator-mode-option span{color:#64748b;font-size:13px}.percentage-calculator .tax-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.percentage-calculator .tax-fields .currency-input{max-width:none}.percentage-calculator .tax-fields .currency-input input{field-sizing:auto;width:100%;max-width:none}@media (max-width:600px){.percentage-calculator .tax-fields{grid-template-columns:1fr}}.percentage-adjustment-options{color:#475569;border:0;flex-wrap:wrap;gap:10px 16px;margin:4px 0 0;padding:0;font-size:14px;display:flex}.percentage-adjustment-options legend{width:100%;margin-bottom:2px}.percentage-adjustment-options label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.percentage-adjustment-options input{accent-color:#3688ff}.percentage-calculator .tool-result-primary{margin-top:16px}.percentage-result-details{color:#64748b;gap:6px;margin:18px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.percentage-result-actions{border-top:1px solid #e7edf4;justify-content:flex-end;margin-top:18px;padding-top:16px;display:flex}.tool-secondary-button{color:#475569;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8e1eb;border-radius:7px;padding:8px 11px;font-size:13px;font-weight:600}.tool-secondary-button:disabled{cursor:default;opacity:.5}.age-result-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.age-calculator .tax-result-section>h2+.age-result{margin-top:18px}.age-result-actions{border-top:1px solid #e7edf4;justify-content:flex-end;padding-top:16px}.age-result dl{gap:12px;margin:20px 0 0;display:grid}.age-result dl div{border-top:1px solid #e7edf4;padding-top:12px}.age-result dt{color:#64748b;font-size:14px}.age-result dd{color:#334155;margin:5px 0 0;font-size:16px;font-weight:600}.age-result dd small{color:#64748b;margin-top:4px;font-size:13px;font-weight:400;display:block}.local-processing-notice{color:#718096;margin:17px 0 0;font-size:12px;line-height:1.6}.qr-content-field textarea,.json-textarea,.json-csv-input textarea{color:#1e293b;width:100%;min-height:160px;font:inherit;resize:vertical;background:#fff;border:1px solid #d9e3ed;border-radius:8px;padding:11px;line-height:1.6}.qr-content-field textarea:focus,.json-textarea:focus,.json-csv-input textarea:focus{border-color:#3688ff;outline:2px solid #3688ff29}.qr-code-generator .tax-input-section{font-size:14px}.qr-code-generator .tool-section-head{font-size:12px}.qr-code-generator .tool-field>span:first-child{font-size:13px}.qr-settings-card{background:#f8fafc;border-radius:10px;margin-top:16px;padding:14px}.qr-settings-card h3{color:#475569;margin:0 0 12px;font-size:13px;font-weight:600}.qr-settings-fields{gap:12px}.qr-error-correction-field{grid-column:1/-1}.qr-reset-action{justify-content:flex-end;margin-top:16px;display:flex}.qr-result{text-align:center;background:#fff;border:1px solid #e1e8f0;border-radius:10px;place-items:center;min-height:280px;padding:16px;display:grid}.qr-result img{max-width:100%;height:auto;image-rendering:pixelated;display:block}.tool-download-button,.tool-primary-button{color:#fff;font:inherit;cursor:pointer;background:#111926;border:0;border-radius:7px;padding:10px 14px;font-size:13px;font-weight:600}.tool-download-button:disabled{cursor:default;opacity:.45}.qr-code-generator .tool-download-button{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:14px;display:inline-flex}.json-formatter,.json-csv-converter{grid-template-columns:1fr;align-items:start}.json-input-section,.json-output-section,.json-csv-input-section,.json-csv-output-section{min-width:0}.line-numbered-text-editor{background:#fff;border:1px solid #d9e3ed;border-radius:8px;grid-template-columns:auto minmax(0,1fr);min-height:350px;display:grid;overflow:hidden}.line-numbered-text-editor:focus-within{border-color:#3688ff;outline:2px solid #3688ff29}.line-numbered-text-editor-gutter{color:#7b8a9a;text-align:right;-webkit-user-select:none;user-select:none;background:#f8fafc;border-right:1px solid #e4ebf2;min-width:3.5em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;overflow:hidden}.line-numbered-text-editor-gutter>div{padding:11px 8px}.line-numbered-text-editor-gutter span{display:block}.line-numbered-text-editor .json-textarea{tab-size:2;border:0;border-radius:0;outline:0;min-width:0;min-height:348px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;display:block}.json-textarea-actions{flex-wrap:wrap;justify-content:flex-start;align-items:end;gap:9px;margin-top:9px;display:flex}.json-input-section .json-textarea-actions>.tool-primary-button,.json-input-section .json-textarea-actions>.tool-reset-button{width:110px}.json-textarea-actions label{color:#475569;align-items:center;gap:5px;font-size:13px;display:inline-flex}.json-textarea-actions select{color:#1e293b;height:37px;font:inherit;background:#fff;border:1px solid #d9e3ed;border-radius:7px;padding:0 8px}.json-validation-message{color:#287b4a;min-height:20px;margin:9px 0 0;font-size:13px}.json-validation-error,.json-csv-validation-error{min-height:0}.json-validation-error p,.json-csv-validation-error p{margin:0}.json-validation-location{margin-top:3px!important}.json-validation-detail{color:#334155;white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;margin:7px 0 0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:400;line-height:1.5}.json-output-section .tool-result-card-head{min-height:20px}.json-output-section .line-numbered-text-editor,.json-csv-output-section .line-numbered-text-editor{background:#fbfcfe}.json-output-section .line-numbered-text-editor-gutter,.json-csv-output-section .line-numbered-text-editor-gutter{background:#f5f8fc}.json-csv-description{color:#64748b;margin:0 0 14px;font-size:13px}.json-csv-input-section .percentage-mode-options{margin-bottom:16px}.json-csv-output-section .json-textarea-actions{margin-top:9px}.json-csv-input textarea,.json-csv-output{min-height:300px}.json-csv-convert-button{margin-top:15px}.json-output-actions{flex-wrap:wrap;gap:8px;display:flex}.json-output-actions .tool-download-button{color:#475569;background:#fff;border:1px solid #d8e1eb}.tool-about,.tool-faq{display:block}.tool-about p{color:#556377;margin:0;font-size:13px;line-height:1.7}.tool-faq dl{gap:14px;margin:0;display:grid}.tool-faq dt{color:#334155;font-size:13px;font-weight:700}.tool-faq dd{color:#556377;margin:5px 0 0;font-size:13px;line-height:1.65}@media (max-width:600px){.percentage-calculator,.age-calculator,.qr-code-generator,.json-csv-converter,.json-formatter{grid-template-columns:1fr}.age-result-actions{flex-direction:column;align-items:stretch}.age-result-actions>.tool-copy-button{justify-content:center;width:100%}.qr-result{min-height:230px}.line-numbered-text-editor{min-height:300px}.line-numbered-text-editor .json-textarea{min-height:298px}.json-csv-input textarea,.json-csv-output{min-height:260px}.json-actions>button{flex:1}.json-output-actions{width:100%}.json-output-actions>*{flex:1;justify-content:center}.percentage-mode-options button{flex:1}.percentage-mode-options button:last-child{flex-basis:40%}}.base64-tool,.url-encode-tool,.text-diff-tool{grid-template-columns:1fr}.unix-timestamp-tool,.uuid-generator-tool{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.tool-toggle-buttons{border-bottom:1px solid #e7edf4;flex-wrap:wrap;gap:8px;margin:0 0 17px;padding:0 0 16px;display:flex}.tool-toggle-buttons button{color:#475569;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8e1eb;border-radius:999px;padding:7px 12px;font-size:13px}.tool-toggle-buttons button.is-selected{color:#216fc7;background:#eef6ff;border-color:#b8d7ff;font-weight:700}.unix-timestamp-input-section .tool-toggle-buttons{grid-template-columns:1fr;display:grid}.unix-timestamp-input-section .tool-toggle-buttons button{text-align:center;width:100%}.unix-timestamp-result-section{padding-bottom:28px}.unix-timestamp-reset-divider{border:0;border-top:1px solid #e7edf4;margin:17px 0 0}.unix-timestamp-reset-action{justify-content:flex-end;margin-top:16px;display:flex}.tool-radio-options{color:#475569;border:0;flex-wrap:wrap;gap:10px 17px;margin:17px 0 0;padding:0;font-size:14px;display:flex}.tool-radio-options legend{color:#475569;flex-basis:100%;margin:0 0 1px;padding:0}.tool-radio-options label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.tool-radio-options input{accent-color:#3688ff;width:16px;height:16px;margin:0}.tool-textarea-field{gap:7px;margin-top:17px;display:grid}.tool-textarea-field>span{color:#475569;font-size:14px}.tool-textarea-field textarea{color:#1e293b;width:100%;min-height:170px;font:inherit;resize:vertical;background:#fff;border:1px solid #d9e3ed;border-radius:8px;padding:11px;line-height:1.6;display:block}.tool-textarea-field textarea:focus{border-color:#3688ff;outline:2px solid #3688ff29}.tool-actions,.tool-result-actions{flex-wrap:wrap;gap:9px;margin-top:17px;display:flex}.tool-result-actions{border-top:1px solid #e7edf4;justify-content:flex-end;padding-top:16px}.tool-helper-text{color:#718096;margin:14px 0 0;font-size:13px;line-height:1.6}.tool-text-result{color:#27364a;white-space:pre-wrap;overflow-wrap:anywhere;background:#fbfcfe;border:1px solid #e1e8f0;border-radius:9px;min-height:80px;max-height:360px;margin:0;padding:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.65;overflow:auto}.tool-result-format{color:#64748b;margin:0 0 8px;font-size:13px;font-weight:400}.url-encode-result-section .tool-text-result{min-height:0}.base64-input-section .tool-checkbox{margin-top:16px}.timestamp-results dl{gap:11px;margin:0;display:grid}.timestamp-results dl div{border-bottom:1px solid #e7edf4;padding-bottom:11px}.timestamp-results dt{color:#64748b;font-size:13px}.timestamp-results dd{color:#334155;overflow-wrap:anywhere;margin:5px 0 0;font-size:15px;font-weight:600;line-height:1.55}.timestamp-timezone{color:#718096;margin:14px 0 0;font-size:12px}.unix-timestamp-input-section .tool-field,.unix-timestamp-input-section .tool-fields{margin-top:17px}.uuid-count-field{max-width:13rem;margin-top:17px}.uuid-result-list{min-height:120px;max-height:430px}.text-diff-textareas{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.text-diff-textareas .tool-textarea-field{margin-top:0}.text-diff-textareas textarea{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.text-diff-actions{justify-content:center}.text-diff-options-section .tool-toggle-buttons{margin-bottom:0}.tool-checkbox-list{flex-wrap:wrap;gap:12px 18px;margin-top:17px;display:flex}.text-diff-stats{color:#64748b;flex-wrap:wrap;gap:8px 15px;margin-bottom:12px;font-size:13px;display:flex}.text-diff-output{color:#334155;white-space:pre-wrap;overflow-wrap:anywhere;background:#fbfcfe;border:1px solid #e1e8f0;border-radius:9px;min-height:120px;max-height:500px;margin:0;padding:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.65;overflow:auto}.text-diff-output .is-added{color:#176b3a;background:#dff7e8}.text-diff-output .is-removed{color:#a33434;background:#ffe4e4;text-decoration:line-through}@media (max-width:600px){.unix-timestamp-tool,.uuid-generator-tool,.text-diff-textareas{grid-template-columns:1fr}.text-diff-textareas textarea{min-height:220px}.tool-result-actions>.tool-copy-button{justify-content:center;width:100%}}.zenkaku-hankaku-tool,.hiragana-katakana-tool,.remove-duplicate-lines-tool{grid-template-columns:1fr}.password-generator-tool,.unit-converter-tool{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.text-converter-options,.password-character-options,.password-detail-options{border:0;flex-wrap:wrap;gap:12px 18px;margin:17px 0 0;padding:0;display:flex}.text-converter-options legend,.password-character-options legend,.password-detail-options legend{color:#475569;flex-basis:100%;padding:0;font-size:14px}.text-converter-input-section .tool-textarea-field{margin-bottom:0}.duplicate-lines-textarea-field{margin-top:0}.duplicate-lines-textarea-field textarea{min-height:270px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.duplicate-lines-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0 0;display:grid}.duplicate-lines-stats div{background:#f8fafc;border-radius:8px;min-width:0;padding:11px}.duplicate-lines-stats dt{color:#64748b;font-size:12px}.duplicate-lines-stats dd{color:#334155;margin:5px 0 0;font-size:17px;font-weight:700}.password-length-field{max-width:13rem;margin-top:0}.password-length-input{align-items:center;gap:8px;display:flex}.password-length-input input{min-width:0}.password-length-input b{color:#475569;font-size:14px;font-weight:500}.password-length-slider{accent-color:#3688ff;width:100%;margin:11px 0 0;display:block}.password-character-options{border-top:1px solid #e7edf4;margin-top:20px;padding-top:16px}.password-detail-options{margin-top:18px}.password-count-field{max-width:13rem;margin-top:20px}.password-result-summary{color:#64748b;flex-wrap:wrap;gap:8px 15px;margin:0 0 14px;font-size:13px;display:flex}.password-result-summary b{color:#334155}.password-result-list{gap:9px;max-height:380px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.password-result-list li{align-items:center;gap:8px;min-width:0;display:flex}.password-result-list code{color:#27364a;white-space:nowrap;background:#fbfcfe;border:1px solid #e1e8f0;border-radius:8px;flex:1;min-width:0;padding:10px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;overflow:auto}.password-result-list .tool-copy-button{flex:none}.unit-converter-input-section>.tool-field{margin-top:17px}.unit-converter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px;display:grid}.unit-swap-action{justify-content:center;margin:13px 0;display:flex}.unit-converter-equation{color:#64748b;margin:10px 0 0;font-size:14px}.unit-other-conversions{border-top:1px solid #e7edf4;margin-top:20px;padding-top:17px}.unit-other-conversions h3{color:#475569;margin:0 0 11px;font-size:14px}.unit-other-conversions ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.unit-other-conversions li{color:#64748b;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:baseline;gap:8px;font-size:13px;display:grid}.unit-other-conversions li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unit-other-conversions li>b{color:#9aa8b8;font-weight:400}.unit-other-conversions li>strong{color:#334155;overflow-wrap:anywhere;min-width:0;font-weight:600}@media (max-width:600px){.password-generator-tool,.unit-converter-tool,.duplicate-lines-stats,.unit-converter-fields{grid-template-columns:1fr}.password-result-list li{flex-direction:column;align-items:stretch}.password-result-list .tool-copy-button{justify-content:center;width:100%}}.favorite-star-button{width:48px;height:48px;top:1px;right:1px}.favorite-star-button:before{content:"";border-radius:999px;position:absolute;inset:6px}.favorite-star-button>svg{z-index:1;position:relative}.favorite-star-button:hover{color:#facc15;background:0 0}.favorite-star-button:hover:before{background:#f8fafc}.favorite-star-button[aria-pressed=true],.detail-title .favorite-button[aria-pressed=true]>svg{color:#facc15}