:root{--hj-ink:#251d29;--hj-muted:#736878;--hj-purple:#773f8f;--hj-dark:#512963;--hj-pink:#f5e9f7;--hj-line:#e7dce9;--hj-shadow:0 20px 55px rgba(74,42,86,.12)}body{background:linear-gradient(180deg,#fbf6fc,#fff 540px);color:var(--hj-ink)}.hj-page{max-width:1120px;margin:auto;padding:0 24px 70px}.hj-hero{background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.7),transparent 25%),linear-gradient(135deg,#f3e5f5,#fff2e5 58%,#e9f6ff);border-bottom:1px solid var(--hj-line)}.hj-hero .tool-hero-icon{width:86px;height:86px;border-radius:27px;background:linear-gradient(145deg,var(--hj-purple),var(--hj-dark));color:#fff;font-size:17px;box-shadow:0 16px 30px rgba(81,41,99,.25)}.hj-banner{display:none;margin:24px 0 -8px;padding:13px 16px;border:1px solid #edaaaa;border-radius:13px;background:#fff1f1;color:#8b2525}.hj-banner.show{display:block}.hj-shell{margin-top:28px;overflow:hidden;border:1px solid var(--hj-line);border-radius:26px;background:#fff;box-shadow:var(--hj-shadow)}[hidden]{display:none!important}.hj-upload{position:relative;display:grid;place-items:center;min-height:350px;margin:18px;padding:38px;text-align:center;border:2px dashed #cdbbd2;border-radius:20px;background:linear-gradient(145deg,#fdfafd,#fffaf5);transition:.2s}.hj-upload:hover,.hj-upload.drag{border-color:var(--hj-purple);background:#faf1fb;transform:translateY(-1px)}.hj-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.hj-format{display:flex;align-items:center;gap:13px}.hj-format b{padding:12px 15px;border:1px solid var(--hj-line);border-radius:12px;background:#fff;color:var(--hj-dark)}.hj-format span{font-size:24px;color:#a584ae}.hj-upload h2{margin:22px 0 6px;font-size:28px}.hj-upload p{margin:0;color:var(--hj-muted)}.hj-upload em{margin:22px 0 12px;padding:11px 20px;border-radius:11px;background:var(--hj-purple);color:#fff;font-style:normal;font-weight:800}.hj-upload small{color:var(--hj-muted)}.hj-editor{padding:27px}.hj-file{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--hj-line);border-radius:15px;background:#fcf9fc}.hj-file-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--hj-pink);color:var(--hj-purple);font-weight:900}.hj-file>div:nth-child(2){min-width:0;flex:1}.hj-file strong,.hj-file span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hj-file span{margin-top:3px;color:var(--hj-muted);font-size:13px}.hj-file button{border:0;background:transparent;color:var(--hj-purple);font-weight:800;cursor:pointer}.hj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin:23px 0}.hj-grid>label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:800}.hj-grid input[type=number]{height:44px;padding:0 12px;border:1px solid #d6c7d9;border-radius:10px;font:inherit}.hj-grid input[type=range]{width:100%;accent-color:var(--hj-purple)}.hj-grid output{float:right;color:var(--hj-purple)}.hj-grid small,.hj-radio small{color:var(--hj-muted);font-weight:400;line-height:1.45}.hj-color{display:flex;align-items:center;gap:11px}.hj-color input{width:54px;height:40px;padding:4px;border:1px solid #d6c7d9;border-radius:9px;background:#fff}.hj-color span{color:var(--hj-muted);font-weight:400}.hj-editor fieldset{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 22px;padding:17px;border:1px solid var(--hj-line);border-radius:14px}.hj-editor legend{padding:0 7px;font-weight:800}.hj-radio{display:flex;gap:10px;align-items:flex-start}.hj-radio input{margin-top:4px;accent-color:var(--hj-purple)}.hj-radio span{display:grid;gap:3px}.hj-submit{width:100%;min-height:51px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--hj-purple),var(--hj-dark));color:#fff;font-size:16px;font-weight:800;cursor:pointer}.hj-submit:disabled{opacity:.6}.hj-count-note{text-align:center;color:var(--hj-muted);font-size:12px}.hj-processing,.hj-result{padding:65px 25px;text-align:center}.hj-processing>div{width:48px;height:48px;margin:auto;border:5px solid #eadfed;border-top-color:var(--hj-purple);border-radius:50%;animation:hjspin .8s linear infinite}@keyframes hjspin{to{transform:rotate(360deg)}}.hj-processing h2,.hj-result h2{margin:18px 0 6px}.hj-processing p,.hj-result p{margin:0;color:var(--hj-muted)}.hj-result>span{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#e1f6e9;color:#237245;font-size:30px}.hj-result>div:last-child{display:flex;justify-content:center;gap:11px}.hj-result button{padding:12px 18px;border:1px solid var(--hj-purple);border-radius:11px;background:#fff;color:var(--hj-purple);font-weight:800;cursor:pointer}.hj-result #dl-btn{background:var(--hj-purple);color:#fff}.hj-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:600px;margin:26px auto;overflow:hidden;border:1px solid var(--hj-line);border-radius:14px}.hj-stats div{padding:16px;border-right:1px solid var(--hj-line)}.hj-stats div:last-child{border:0}.hj-stats b,.hj-stats small{display:block}.hj-stats small{margin-top:4px;color:var(--hj-muted)}.hj-why,.hj-guide,.hj-faq{margin-top:56px}.hj-why>div:first-child{max-width:700px}.hj-why>div:first-child span{color:var(--hj-purple);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.hj-why h2,.hj-guide>h2,.hj-faq>h2{margin:7px 0 15px;font-size:30px}.hj-why p,.hj-guide p,.hj-faq p{color:var(--hj-muted);line-height:1.65}.hj-why>div:last-child,.hj-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.hj-guide>div{grid-template-columns:repeat(4,1fr)}.hj-why article,.hj-guide article{padding:22px;border:1px solid var(--hj-line);border-radius:17px;background:#fff}.hj-why article>b,.hj-guide article>b{color:var(--hj-purple)}.hj-why h3,.hj-guide h3{margin:12px 0 6px}.hj-why article p,.hj-guide article p{margin:0}.hj-faq details{padding:17px 2px;border-bottom:1px solid var(--hj-line)}.hj-faq summary{cursor:pointer;font-weight:800}.hj-faq p{margin:10px 0 0}@media(max-width:800px){.hj-why>div:last-child,.hj-guide>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.hj-page{padding:0 14px 50px}.hj-upload{min-height:285px;margin:10px;padding:25px 14px}.hj-upload h2{font-size:23px}.hj-editor{padding:18px 14px}.hj-grid,.hj-editor fieldset{grid-template-columns:1fr}.hj-file button{display:none}.hj-result>div:last-child{flex-direction:column}.hj-stats{grid-template-columns:1fr}.hj-stats div{border-right:0;border-bottom:1px solid var(--hj-line)}.hj-why>div:last-child,.hj-guide>div{grid-template-columns:1fr}.hj-why h2,.hj-guide>h2,.hj-faq>h2{font-size:26px}}