.hw-wrap{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left;margin:6px 3% 0}.hw-left,.hw-right{min-width:0}.hw-left{container-type:inline-size}.hw-left{grid-column:1}.hw-right{grid-column:2;position:sticky;top:72px;align-self:start}.hw-presets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.hw-preset{padding:6px 12px;border:1px solid #d9dcea;border-radius:99px;background:#fff;font:inherit;font-size:13px;color:#2b2f52;cursor:pointer}.hw-preset.active{border-color:#4449a6;background:#eef0fb;color:#4449a6;font-weight:600}.hw-preset.hw-random{border-style:dashed}.hw-preset.hw-random::before{content:"\21bb";margin-right:6px}#hwText{width:100%;min-height:260px;padding:12px 14px;box-sizing:border-box;border:1px solid #d9dcea;border-radius:6px;background:#fff;font:inherit;font-size:15px;line-height:1.5;color:#2b2f52;resize:vertical}#hwText:focus{outline:none;border-color:#4449a6;box-shadow:0 0 0 3px rgba(73,86,165,.13)}.hw-label{display:block;margin:14px 0 6px;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:#5b6081;text-transform:uppercase}.hw-fonts{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.hw-chip{flex:0 0 auto;width:132px;padding:8px 10px 7px;text-align:left;border:1px solid #d9dcea;border-radius:8px;background:#fff;cursor:pointer;font:inherit}.hw-chip.active{border-color:#4449a6;box-shadow:0 0 0 2px rgba(73,86,165,.18)}.hw-chip-sample{display:block;font-size:18px;line-height:1.5;color:#1f3a93;white-space:nowrap;overflow:hidden}.hw-chip-name{display:block;font-size:11.5px;color:#6e7288}.hw-row{display:grid;grid-template-columns:1fr;gap:17px;margin-top:20px;margin-bottom:20px}.hw-group{display:flex;align-items:center;gap:12px;font-size:14px;color:#2b2f52;width:100%}.hw-group>.hw-lbl{flex:0 0 52px}.hw-sizein{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;margin-left:12px}.hw-sizein>.hw-lbl{flex:0 0 auto}.hw-inks{display:inline-flex;gap:6px;align-items:center}.hw-ink{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #c9cde0;cursor:pointer;padding:0}.hw-ink.active{box-shadow:0 0 0 2px #4449a6}.hw-ink[data-ink="blue"]{background:#1f3a93}.hw-ink[data-ink="black"]{background:#1b1b1f}.hw-ink[data-ink="red"]{background:#b3242b}#hwInkCustom{width:26px;height:26px;padding:0;border:1px solid #c9cde0;border-radius:50%;background:none;cursor:pointer}.hw-group input[type=range]{flex:1 1 auto;width:auto;min-width:0;accent-color:#4449a6}.hw-group select,.hw-group input[type=text]{flex:1 1 auto;min-width:0;height:32px;padding:0 10px;border:1px solid #d9dcea;border-radius:4px;background:#fff;font:inherit;font-size:14px;color:#2b2f52}.hw-more{margin-top:12px;border:1px solid #e3e4ef;border-radius:6px;padding:0 12px;background:#fafbff}.hw-more summary{cursor:pointer;padding:9px 0;font-size:13.5px;font-weight:600;color:#4449a6;list-style:none}.hw-more summary::before{content:"+ "}.hw-more[open] summary::before{content:"- "}.hw-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;padding:2px 0 12px}.hw-more-grid label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;font-size:13.5px;color:#2b2f52}.hw-more-grid label>span:first-child,.hw-more-grid label>input,.hw-more-grid label>select{min-width:0}.hw-more-grid input[type=range]{width:120px;flex:0 0 120px;accent-color:#4449a6}.hw-more-grid label>span:last-child:not(.hw-filepick){white-space:nowrap;display:inline-flex;align-items:center;width:120px;flex:0 0 120px}.hw-more-grid label>span:last-child:not(.hw-filepick) select{flex:1 1 auto;width:auto;min-width:0}.hw-more-grid select{height:30px;width:120px;flex:0 0 120px;box-sizing:border-box;border:1px solid #d9dcea;border-radius:4px;background:#fff;font:inherit;font-size:13px}.hw-filepick{position:relative;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;max-width:100%}.hw-filepick input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.hw-filebtn{flex:0 0 auto;padding:5px 12px;border:1px solid #4449a6;border-radius:4px;background:#fff;color:#4449a6;font-size:13px;font-weight:600;white-space:nowrap}.hw-filepick:hover .hw-filebtn{background:#eef0fb}.hw-filepick:focus-within .hw-filebtn{box-shadow:0 0 0 3px rgba(73,86,165,.18)}.hw-filename{font-size:12px;color:#6e7288;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hw-filename:empty{display:none}.hw-more-grid .hw-full{flex-wrap:wrap;row-gap:6px}.hw-more-grid input[type=text]{height:30px;width:190px;padding:0 10px;box-sizing:border-box;border:1px solid #d9dcea;border-radius:4px;background:#fff;font:inherit;font-size:13px;color:#2b2f52}.hw-more-grid input[type=text]:focus{outline:none;border-color:#4449a6;box-shadow:0 0 0 3px rgba(73,86,165,.13)}@container (max-width:560px){.hw-more-grid{grid-template-columns:1fr}.hw-more-grid input[type=range],.hw-more-grid select,.hw-more-grid label>span:last-child:not(.hw-filepick){width:150px;flex-basis:150px}.hw-more-grid label>span:last-child:not(.hw-filepick) select{width:auto;flex-basis:auto}}.hw-more-grid .hw-full{grid-column:1 / -1}#hwBgCustom{width:26px;height:26px;padding:0;margin-left:6px;border:1px solid #c9cde0;border-radius:4px;background:none;vertical-align:middle;cursor:pointer}.hw-outrow{display:flex;justify-content:center;gap:22px;margin-top:16px;margin-bottom:16px;font-size:14px;color:#2b2f52}.hw-out{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.hw-out input{accent-color:#4449a6;width:16px;height:16px;margin:0}#hwGenerate{display:flex;width:100%;align-items:center;justify-content:center;margin-top:10px;min-height:42px;padding:0 28px;border:0;border-radius:4px;background:#4956a5;color:#fff;font-size:15px;font-weight:650;cursor:pointer}#hwGenerate:hover{background:#3d4890}.hw-prevbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;font-size:13.5px;color:#5b6081}#hwFull svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.hw-prevbar button{width:30px;height:30px;margin-left:6px;border:1px solid #d9dcea;border-radius:4px;background:#fff;font-size:18px;line-height:1;color:#4449a6;cursor:pointer}.hw-stage{background:#e9eaf1;border-radius:8px;padding:14px;display:flex;justify-content:center}#hwPreview{max-width:100%;width:auto;height:auto;max-height:calc(100vh - 215px);box-shadow:0 6px 24px rgba(30,34,80,.18);background:#fff}@media only screen and (max-width:1200px) and (min-width:901px){.hw-more-grid{grid-template-columns:1fr}}@media only screen and (max-width:900px){.hw-wrap{grid-template-columns:1fr;margin:6px 2% 0}.hw-chip{width:118px}.hw-chip-sample{font-size:19px}.hw-more-grid{grid-template-columns:1fr}.hw-left,.hw-right{grid-column:1}.hw-right{position:static}#hwPreview{max-height:none}.hw-stage{padding:8px}}.hwview{position:fixed;inset:0;z-index:9;display:flex;flex-direction:column;background:rgba(24,26,44,.94)}.hwview.hide{display:none}.hwview-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;color:#fff;font-size:15px;font-weight:600}.hwview-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hwview-tools{flex:0 0 auto;display:flex;align-items:center;gap:8px}.hwview-bar .hwview-btn,.hwview-close{flex:0 0 auto;width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.hwview-close{font-size:24px;line-height:1}.hwview-bar .hwview-btn:hover,.hwview-close:hover{background:rgba(255,255,255,.2)}.hwview-bar .hwview-btn:focus-visible,.hwview-close:focus-visible{outline:2px solid #fff;outline-offset:2px}.hwview-bar .hwview-btn:disabled{opacity:.35;cursor:default;background:rgba(255,255,255,.06)}.hwview-btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hwview-zoom{min-width:44px;text-align:center;font-size:13px;font-weight:600;color:#fff;opacity:.85;font-variant-numeric:tabular-nums}.hwview-sep{width:1px;height:22px;background:rgba(255,255,255,.25)}.hwview-stage{flex:1 1 auto;min-height:0;display:flex;overflow:auto;padding:0 14px 14px}.hwview-box{position:relative;flex:0 0 auto;margin:auto}.hwview-img{position:absolute;left:50%;top:50%;display:block;background:#fff;box-shadow:0 6px 26px rgba(0,0,0,.42);transform:translate(-50%,-50%)}.hwview-stage.zoomed{cursor:grab}.hwview-stage.zoomed.panning{cursor:grabbing}body.hwviewopen{overflow:hidden}body.hwviewopen .mencontainer{display:none}@media only screen and (max-width:560px){.hwview-bar{padding:8px 8px;gap:8px}.hwview-tools{gap:5px}.hwview-bar .hwview-btn,.hwview-close{width:34px;height:34px}.hwview-zoom{min-width:38px;font-size:12px}.hwview-sep{display:none}}.articlesec .illus{margin:18px 0 28px;display:flex;justify-content:center}.articlesec .illus img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 14px 40px rgba(30,34,80,.14)}