:root{font-family:Arial,Helvetica,sans-serif;color:#222;background:#fff;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:#1759a8}.wrap{width:min(100% - 36px,820px);margin:auto}.top{border-bottom:1px solid #ddd}.top-inner{height:58px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;color:inherit;text-decoration:none;font-size:19px}#theme{border:1px solid #bbb;background:transparent;padding:7px 12px;border-radius:4px;font-size:14px}main{padding-top:28px;min-height:calc(100vh - 130px)}h1{font-size:27px;line-height:1.25;margin:0 0 10px;font-weight:700}h2{font-size:18px;margin:0}.intro{margin:0 0 25px;color:#555}.search-row{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.search-row label,.field label{font-weight:600;font-size:14px}input:not([type=checkbox]):not([type=file]),textarea,select{width:100%;padding:10px 11px;border:1px solid #aaa;border-radius:4px;background:transparent;color:inherit;min-height:43px}input[type=file]{max-width:100%;padding:10px 0}textarea{min-height:150px;resize:vertical}input:focus-visible,button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #1765bc;outline-offset:2px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:26px}.filter{border:1px solid #bbb;border-radius:4px;background:transparent;padding:7px 12px;color:inherit}.filter.active{background:#222;border-color:#222;color:#fff}.list-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.list-head span{font-size:13px;color:#777}.tool-list{border-top:1px solid #ddd}.tool{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 2px;border-bottom:1px solid #ddd;text-decoration:none;color:inherit}.tool:hover,.tool:focus-visible{background:rgba(100,100,100,.07)}.tool-name{font-size:16px;color:#1759a8;text-decoration:underline;text-underline-offset:2px}.tool-desc{font-size:14px;color:#666;margin-top:3px}.arrow{color:#777;font-size:21px}.back{background:none;border:0;padding:0;color:#1759a8;text-decoration:underline;margin-bottom:25px}.work-head{margin-bottom:24px}.work-head p{color:#666;margin:5px 0}.work-head #work-category{font-size:14px}.panel{max-width:720px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 18px}.btn{border:1px solid #aaa;background:#f7f7f7;border-radius:4px;padding:10px 14px;color:#222;min-height:42px}.btn.primary{background:#1759a8;border-color:#1759a8;color:#fff}.result{border:1px solid #ccc;background:#fafafa;padding:13px;border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:48px}.hint{font-size:14px;color:#666}.row{display:flex;gap:16px;flex-wrap:wrap}.row>.field{flex:1;min-width:170px}.stats{display:flex;gap:12px;flex-wrap:wrap}.stat{border:1px solid #ddd;padding:12px;min-width:120px;display:flex;flex-direction:column;gap:4px}.stat strong{font-size:22px}.stat span{font-size:13px;color:#666}.preview{max-width:100%;max-height:320px;object-fit:contain;display:block;margin:14px 0}.preview[hidden],[hidden]{display:none!important}canvas{max-width:100%;touch-action:none;border:1px solid #bbb}#status{margin-top:14px;overflow-wrap:anywhere}#status.error{color:#a40000}.footer{border-top:1px solid #ddd;padding:20px 0;color:#777;font-size:13px;margin-top:36px}.dark{background:#171717;color:#eee}.dark .top,.dark .tool-list,.dark .tool{border-color:#444}.dark .intro,.dark .tool-desc,.dark .work-head p,.dark .hint,.dark .stat span,.dark .list-head span{color:#bbb}.dark .tool-name,.dark .back{color:#8dbdff}.dark .filter.active{background:#eee;border-color:#eee;color:#111}.dark .btn{background:#303030;color:#eee;border-color:#777}.dark .btn.primary{background:#245f9d;color:white}.dark .result{background:#222;border-color:#555}.dark .stat{border-color:#555}@media(max-width:500px){.wrap{width:min(100% - 28px,820px)}main{padding-top:22px}.tool{padding:12px 0}.tool-desc{line-height:1.35}.row{display:block}}