:root{--ink: #10222e;--muted: #51707f;--brand: #0b7285;--brand-dark: #095a6a;--accent: #f2a007;--bg: #f6f9fa;--card: #ffffff;--line: #d9e5ea;--ok: #177245;--warn: #9a6700;--err: #b42318;--radius: 14px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}a{color:var(--brand-dark)}.wrap{max-width:1060px;margin:0 auto;padding:0 16px}header.site{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}header.site .wrap{display:flex;align-items:center;gap:18px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}.logo{font-weight:800;font-size:1.35rem;color:var(--ink);text-decoration:none;letter-spacing:-.02em}.logo b{color:var(--brand)}nav.main{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}nav.main a{color:var(--ink);text-decoration:none;font-size:.92rem;padding:7px 10px;border-radius:8px}nav.main a:hover{background:var(--bg)}.langswitch{font-size:.85rem;border:1px solid var(--line);border-radius:8px;padding:6px 9px;text-decoration:none;color:var(--muted)}main{padding:26px 0 10px}h1{font-size:clamp(1.55rem,4.5vw,2.3rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}h2{font-size:1.3rem;margin:30px 0 10px;letter-spacing:-.01em}h3{font-size:1.05rem;margin:18px 0 6px}p.lede{font-size:1.06rem;color:var(--muted);max-width:46em}.answer{background:#e8f5f7;border:1px solid #bfe3ea;border-radius:var(--radius);padding:14px 16px;margin:16px 0;max-width:62em}.answer strong{color:var(--brand-dark)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:16px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.tool-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-decoration:none;color:var(--ink);display:block}.tool-card:hover{border-color:var(--brand)}.tool-card h3{margin-top:0;color:var(--brand-dark)}.tool-card p{color:var(--muted);font-size:.92rem;margin:4px 0 0}.dropzone{border:2px dashed var(--brand);border-radius:var(--radius);background:#f0fafc;padding:26px 16px;text-align:center;cursor:pointer;margin:14px 0}.dropzone.drag{background:#dff3f7}.dropzone input[type=file]{display:none}.dropzone .big{font-size:1.05rem;font-weight:650}.dropzone .small{color:var(--muted);font-size:.88rem}.field{margin:10px 0}.field label{display:block;font-weight:600;font-size:.92rem;margin-bottom:4px}.field input[type=number],.field input[type=text],.field select{width:100%;max-width:320px;padding:11px 12px;font-size:1rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.field .hint{color:var(--muted);font-size:.85rem;margin-top:3px}fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin:12px 0}legend{font-weight:650;padding:0 6px}.radio-row{display:flex;gap:16px;flex-wrap:wrap}.radio-row label{display:flex;gap:6px;align-items:center;font-weight:550}button.primary,a.btn{background:var(--brand);color:#fff;border:0;border-radius:11px;padding:13px 22px;font-size:1rem;font-weight:700;cursor:pointer;display:inline-block;text-decoration:none;min-height:48px}button.primary:hover,a.btn:hover{background:var(--brand-dark)}button.primary:disabled{opacity:.55;cursor:wait}button.ghost{background:#fff;color:var(--brand-dark);border:1px solid var(--brand);border-radius:11px;padding:10px 16px;font-weight:650;cursor:pointer;min-height:44px}.report{border-radius:var(--radius);padding:14px 16px;margin:14px 0;border:1px solid var(--line);background:#fbfdfd}.report.ok{border-color:#bfe6cf;background:#f2fbf5}.report.err{border-color:#f3c2bd;background:#fdf3f2}.report h3{margin-top:0}.report ul{margin:6px 0;padding-left:20px}.report .warn{color:var(--warn)}.report .err-text{color:var(--err)}.progress{height:10px;background:var(--line);border-radius:6px;overflow:hidden;margin:8px 0}.progress>div{height:100%;background:var(--brand);width:0%;transition:width .2s}table.spec{border-collapse:collapse;width:100%;margin:12px 0;font-size:.95rem}table.spec th,table.spec td{border:1px solid var(--line);padding:8px 10px;text-align:left}table.spec th{background:#eef5f7}details.faq{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:8px 0}details.faq summary{font-weight:650;cursor:pointer}.adslot{border:1.5px dashed #b9cdd4;border-radius:var(--radius);color:var(--muted);text-align:center;padding:22px 12px;margin:22px 0;font-size:.85rem;background:#fbfdfe}.adslot .adlabel{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;display:block;margin-bottom:4px}.related{margin:26px 0}.related ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:8px 0}.related li a{display:inline-block;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;text-decoration:none;font-size:.92rem;color:var(--brand-dark)}footer.site{border-top:1px solid var(--line);background:var(--card);margin-top:36px}footer.site .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;padding:24px 0 8px}footer.site h4{margin:0 0 8px;font-size:.95rem}footer.site ul{list-style:none;padding:0;margin:0}footer.site li{margin:5px 0}footer.site li a{color:var(--muted);text-decoration:none;font-size:.9rem}footer.site .base{border-top:1px solid var(--line);padding:14px 0 22px;color:var(--muted);font-size:.88rem}.privacy-note{display:flex;gap:8px;align-items:flex-start;background:#eef7ee;border:1px solid #cfe6cf;border-radius:10px;padding:10px 12px;font-size:.92rem;margin:12px 0}.crop-stage{position:relative;max-width:520px;margin:12px auto;user-select:none;touch-action:none}.crop-stage img{width:100%;display:block;border-radius:8px}.crop-box{position:absolute;border:2px solid var(--accent);box-shadow:0 0 0 9999px #0a1e2873;cursor:move}.filelist{margin:10px 0}.filelist .row{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;margin:6px 0;flex-wrap:wrap}.filelist .row .name{font-weight:600;overflow-wrap:anywhere}.filelist .row .meta{color:var(--muted);font-size:.85rem}.filelist .row input[type=number]{width:90px;padding:6px 8px;border:1px solid var(--line);border-radius:8px}@media(max-width:640px){nav.main{margin-left:0}.field input[type=number],.field input[type=text],.field select{max-width:100%}}