.he-btn--primary,.he-btn--secondary,.he-btn--ghost,.he-btn--icon{align-items:center;border:1px solid rgba(0,0,0,0);border-radius:8px;cursor:pointer;display:inline-flex;font-size:1.4rem;font-weight:500;gap:6px;justify-content:center;line-height:1;min-height:44px;padding:6px 12px;text-align:center;transition:background-color .2s,color .2s;user-select:none}.he-btn--primary i,.he-btn--secondary i,.he-btn--ghost i,.he-btn--icon i{font-size:1.25em;line-height:1}.he-btn--primary:disabled,.he-btn--secondary:disabled,.he-btn--ghost:disabled,.he-btn--icon:disabled{cursor:default;opacity:.45;pointer-events:none}.he-btn--primary{background-color:rgba(0,0,0,0);border-color:var(--hc-primary);color:var(--hc-primary);padding-inline:20px}.he-btn--secondary{background-color:rgba(0,0,0,0);border-color:var(--hc-line);color:var(--hc-root)}.he-btn--ghost{background-color:rgba(0,0,0,0);color:var(--hc-primary)}.he-btn--icon{color:var(--hc-soft);padding:0;width:44px}.he-btn--sm{min-height:36px}.he-btn--block{width:100%}.he-btn__wrap{display:flex;flex-wrap:wrap;gap:12px}.he-btn--primary:active{background-color:rgba(145,132,217,.22)}.he-btn--secondary:active{background-color:rgba(233,233,237,.14)}.he-btn--ghost:active{background-color:rgba(145,132,217,.18)}@media(hover: hover){.he-btn--primary:hover{background-color:rgba(145,132,217,.12);color:var(--hc-primary-light)}.he-btn--secondary:hover{background-color:rgba(233,233,237,.07);color:var(--hc-root)}.he-btn--ghost:hover,.he-btn--icon:hover{background-color:rgba(145,132,217,.1);color:var(--hc-primary-light)}}.he-headline--section{font-size:clamp(2.2rem,2.6vw,3rem);margin-bottom:0}.he-headline--detail{font-size:clamp(3.4rem,4.6vw,5.6rem);letter-spacing:-0.03em;line-height:1;margin-bottom:0;text-wrap:balance}@media only screen and (max-width: 768px){.he-headline--detail{font-size:3rem}}.he-field__label{color:rgba(233,233,237,.7);display:block;font-size:1.2rem;margin-bottom:5px}.he-field__input{background-color:var(--hc-surface);border:1px solid var(--hc-line);border-radius:8px;caret-color:var(--hc-primary);color:var(--hc-root);font-size:1.4rem;min-height:44px;padding:6px 10px;transition:border-color .2s;width:100%}.he-field__input::placeholder{opacity:1;color:var(--hc-dim)}.he-field__input:focus-visible{border-color:var(--hc-primary);outline-offset:0}.he-field__input--select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b2b6ca' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:38px;text-overflow:ellipsis}.he-field__input--select option{background-color:var(--hc-surface);color:var(--hc-root)}.he-field__input--select:focus-visible{border-color:var(--hc-primary)}.he-field__input--area{min-height:140px;resize:vertical}@media(hover: hover){.he-field__input:hover{border-color:rgba(233,233,237,.45)}}.hc-breadcrumb{padding-top:32px}.hc-breadcrumb__list{align-items:center;color:var(--hc-muted);display:flex;flex-wrap:wrap;font-size:1.3rem;gap:8px;list-style:none;margin:0;padding:0}.hc-breadcrumb__item{align-items:center;display:flex;gap:8px}.hc-breadcrumb__item a{align-items:center;color:var(--hc-muted);display:flex}.hc-breadcrumb__item i{font-size:1.6rem}.hc-breadcrumb__item+.hc-breadcrumb__item::before{color:var(--hc-dim);content:"/"}.hc-breadcrumb__item[aria-current=page]{color:var(--hc-root)}@media(hover: hover){.hc-breadcrumb__item a:hover{color:var(--hc-primary-light)}}@media only screen and (max-width: 768px){.hc-breadcrumb{padding-top:20px}}.hc-webp{padding-block:24px clamp(32px,5vw,56px)}.hc-webp__head{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.hc-webp__txt{color:var(--hc-muted);font-size:1.6rem;line-height:1.6;margin:0;max-width:750px}.hc-webp__row{align-items:stretch;display:grid;gap:clamp(20px,2.5vw,32px);grid-template-columns:minmax(0, 1fr) 340px}.hc-webp__opts{background-color:var(--hc-surface);border-radius:12px;box-shadow:var(--hs-sm);display:flex;flex-direction:column;gap:18px;align-self:start;order:2;padding:18px;position:sticky;top:calc(72px + 16px)}.hc-webp__main{display:flex;flex-direction:column;min-width:0}.hc-webp__remove{align-items:center;background-color:rgba(233,233,237,.1);border:0;border-radius:8px;color:var(--hc-root);cursor:pointer;display:flex;flex:none;height:36px;justify-content:center;transition:background-color .2s;width:36px}.hc-webp__remove i{font-size:2rem;line-height:1}.hc-webp button,.hc-webp a,.hc-webp .he-btn__wrap *{outline:0}.hc-webp__quality{align-items:center;display:flex;gap:12px}.hc-webp__range{accent-color:var(--hc-primary);flex:1;min-height:44px;min-width:0}.hc-webp__num{display:flex;gap:6px}.hc-webp__num input{-moz-appearance:textfield;appearance:textfield;min-width:0;text-align:center}.hc-webp__num input::-webkit-outer-spin-button,.hc-webp__num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hc-webp__quality .hc-webp__num{flex:none;width:140px}.hc-webp__step{align-items:center;background-color:rgba(233,233,237,.1);border:0;border-radius:8px;color:var(--hc-root);cursor:pointer;display:flex;flex:none;justify-content:center;min-height:44px;transition:background-color .2s;width:36px}.hc-webp__step i{font-size:1.8rem;line-height:1}.hc-webp__check{align-items:center;color:var(--hc-sub);cursor:pointer;display:flex;font-size:1.4rem;gap:10px;min-height:44px;user-select:none;white-space:nowrap}.hc-webp__check input{height:0;opacity:0;position:absolute;width:0}.hc-webp__check input:checked+.hc-webp__box{background-color:var(--hc-primary);border-color:var(--hc-primary)}.hc-webp__check input:checked+.hc-webp__box i{opacity:1}.hc-webp__check input:focus-visible+.hc-webp__box{outline:2px solid var(--hc-primary-light);outline-offset:2px}.hc-webp__box{align-items:center;border:1px solid var(--hc-dim);border-radius:5px;display:flex;flex:none;height:20px;justify-content:center;transition:background-color .2s,border-color .2s;width:20px}.hc-webp__box i{color:#161826;font-size:1.6rem;line-height:1;opacity:0}.hc-webp__hint{color:var(--hc-muted);font-size:1.3rem;grid-column:1/-1;line-height:1.5;margin:0}.hc-webp__drop{align-items:center;background-color:var(--hc-surface);border:1px dashed var(--hc-dim);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;flex:1 0 auto;min-height:220px;padding:32px 20px;text-align:center;transition:background-color .2s,border-color .2s}.hc-webp__drop i{color:var(--hc-primary);font-size:4.8rem;line-height:1}.hc-webp__drop strong{font-size:1.7rem;font-weight:500}.hc-webp__drop span{color:var(--hc-muted);font-size:1.4rem}.hc-webp__drop.is-dragover{background-color:rgba(145,132,217,.12);border-color:var(--hc-primary)}.hc-webp__drop:focus-within,.hc-webp__drop:focus-visible{border-color:var(--hc-primary)}.hc-webp__warning{border:1px solid var(--hc-error);border-radius:8px;color:var(--hc-error);font-size:1.4rem;margin:16px 0 0;padding:10px 14px}.hc-webp__bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-block:24px 12px}.hc-webp__summary{color:var(--hc-muted);font-size:1.4rem}.hc-webp__summary b{color:var(--hc-success);font-weight:500}.hc-webp__list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.hc-webp__item{align-items:center;background-color:var(--hc-surface);border-radius:8px;box-shadow:var(--hs-sm);display:flex;gap:14px;padding:10px 12px}.hc-webp__item .he-btn__wrap{flex:none;gap:6px}.hc-webp__item [aria-disabled=true]{opacity:.45;pointer-events:none}.hc-webp__thumb{background-color:var(--hc-thumb);border-radius:6px;cursor:zoom-in;flex:none;height:56px;object-fit:cover;width:56px}.hc-webp__info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.hc-webp__name{font-size:1.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-webp__size{color:var(--hc-muted);font-size:1.3rem}.hc-webp__size .is-good{color:var(--hc-success);font-weight:500}.hc-webp__size .is-bad{color:var(--hc-error);font-weight:500}.hc-webp__size .is-note{color:var(--hc-primary-light);font-weight:500}@media(hover: hover){.hc-webp__step:hover,.hc-webp__remove:hover{background-color:rgba(233,233,237,.2)}.hc-webp__drop:hover{background-color:rgba(145,132,217,.08);border-color:var(--hc-primary)}}@media only screen and (max-width: 992px){.hc-webp__row{grid-template-columns:1fr}.hc-webp__opts{position:static}}@media only screen and (max-width: 768px){.hc-webp__txt{font-size:1.5rem}}@media only screen and (max-width: 576px){.hc-webp__drop{min-height:180px}.hc-webp__item{flex-wrap:wrap}.hc-webp__item .he-btn__wrap{justify-content:flex-end;width:100%}}.hc-qr__row{align-items:start;display:grid;gap:24px clamp(20px,2.5vw,32px);grid-template-areas:"form preview" "opts preview";grid-template-columns:minmax(0, 1fr) 420px;grid-template-rows:auto 1fr}.hc-qr__form{background-color:var(--hc-surface);border-radius:12px;box-shadow:var(--hs-sm);display:flex;flex-direction:column;gap:18px;grid-area:form;min-width:0;padding:18px}.hc-qr__preview{background-color:var(--hc-surface);border-radius:12px;box-shadow:var(--hs-sm);display:flex;flex-direction:column;gap:14px;grid-area:preview;min-width:0;padding:18px;position:sticky;top:calc(72px + 16px)}.hc-qr__opts{background-color:var(--hc-surface);border-radius:12px;box-shadow:var(--hs-sm);grid-area:opts;min-width:0;padding:0 18px}.hc-qr__opts[open]{padding-bottom:18px}.hc-qr__opts summary{cursor:pointer;font-size:1.5rem;font-weight:500;list-style:none;min-height:44px;padding-block:12px;position:relative}.hc-qr__opts summary::-webkit-details-marker{display:none}.hc-qr__opts summary::after{color:var(--hc-primary-light);content:"+";font-size:2.2rem;line-height:1;position:absolute;right:0;top:50%;transform:translateY(-50%)}.hc-qr__opts[open] summary::after{content:"–"}.hc-qr__opts .hc-webp__hint{margin-top:12px}.hc-qr__tabs{background-color:rgba(233,233,237,.06);border-radius:8px;display:flex;flex-wrap:wrap;gap:4px;padding:4px}.hc-qr__tabs button{background-color:rgba(0,0,0,0);border:0;border-radius:6px;color:var(--hc-muted);cursor:pointer;flex:1 1 auto;font:inherit;font-size:1.4rem;font-weight:500;min-height:40px;padding-inline:12px;transition:background-color .2s,color .2s;white-space:nowrap}.hc-qr__tabs button.is-active{background-color:rgba(145,132,217,.18);color:var(--hc-primary-light)}.hc-qr__pane{display:flex;flex-direction:column;gap:16px}.hc-qr__pane[hidden]{display:none}.hc-qr__grid{display:grid;gap:16px;grid-template-columns:repeat(2, minmax(0, 1fr))}.hc-qr__label-row{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.hc-qr__label-row .he-field__label{flex:1}.hc-qr__count{color:var(--hc-muted);flex:none;font-size:1.2rem}.hc-qr__count.is-warn{color:var(--hc-warn)}.hc-qr__combo{position:relative}.hc-qr__banks{background-color:var(--hc-surface);border:1px solid var(--hc-primary);border-radius:8px;box-shadow:var(--hs-lg);left:0;list-style:none;margin:4px 0 0;max-height:280px;overflow-y:auto;padding:4px;position:absolute;right:0;top:100%;z-index:50}.hc-qr__banks[hidden]{display:none}.hc-qr__bank-item{align-items:baseline;border-radius:6px;cursor:pointer;display:grid;gap:0 10px;grid-template-columns:auto minmax(0, 1fr) auto;padding:8px 10px}.hc-qr__bank-item strong{font-size:1.4rem;font-weight:500}.hc-qr__bank-item span{color:var(--hc-muted);font-size:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-qr__bank-item em{color:var(--hc-dim);font-size:1.2rem;font-style:normal}.hc-qr__bank-item.is-active{background-color:rgba(145,132,217,.18)}.hc-qr__bank-empty{color:var(--hc-muted);font-size:1.4rem;padding:10px}.hc-qr__color{cursor:pointer;padding:4px}.hc-qr__stage{align-items:center;background-color:rgba(233,233,237,.05);border-radius:10px;display:flex;justify-content:center;min-height:240px;padding:12px}.hc-qr__stage.is-empty{border:1px dashed var(--hc-dim)}.hc-qr__canvas{border-radius:6px;display:block;height:auto;max-height:640px;max-width:100%;object-fit:contain;width:auto}.hc-qr__canvas[hidden]{display:none}.hc-qr__empty{color:var(--hc-muted);font-size:1.4rem;line-height:1.5;margin:0;text-align:center}.hc-qr__warns{color:var(--hc-warn);display:flex;flex-direction:column;font-size:1.3rem;gap:6px;line-height:1.5;list-style:none;margin:0;padding:0}.hc-qr__warns[hidden]{display:none}.hc-qr__warns li{border:1px solid var(--hc-warn);border-radius:8px;padding:8px 12px}.hc-qr__actions{flex-wrap:nowrap;gap:8px}.hc-qr__actions>button{flex:1 1 0;min-width:0;padding-inline:8px;white-space:nowrap}.hc-qr__actions button:disabled,.hc-qr__raw button:disabled{border-color:var(--hc-line);color:var(--hc-dim);opacity:1}.hc-qr__raw>button{display:flex;margin-inline:auto}.hc-qr__raw summary{cursor:pointer;outline:0;font-size:1.4rem;min-height:36px;padding-block:8px}.hc-qr__raw textarea{font-family:monospace;font-size:1.3rem;margin-bottom:10px;min-height:110px;word-break:break-all}.hc-qr__logo{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.hc-qr__upload{cursor:pointer}.hc-qr__logo-name{align-items:center;color:var(--hc-muted);display:inline-flex;font-size:1.3rem;gap:6px;max-width:100%;min-width:0}.hc-qr__logo-name[hidden]{display:none}.hc-qr__logo-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-qr__logo-remove{align-items:center;background-color:rgba(233,233,237,.1);border:0;border-radius:8px;color:var(--hc-root);cursor:pointer;display:flex;flex:none;height:32px;justify-content:center;width:32px}.hc-qr__logo-remove i{font-size:1.8rem;line-height:1}@media(hover: hover){.hc-qr__tabs button:not(.is-active):hover{color:var(--hc-root)}.hc-qr__bank-item:hover{background-color:rgba(145,132,217,.12)}}@media only screen and (max-width: 992px){.hc-qr__row{grid-template-areas:"form" "preview" "opts";grid-template-columns:minmax(0, 1fr);grid-template-rows:none}.hc-qr__preview{position:static}}@media only screen and (max-width: 576px){.hc-qr__form,.hc-qr__preview{padding:14px}.hc-qr__opts{padding-inline:14px}.hc-qr__grid{grid-template-columns:1fr}.hc-qr__actions{flex-wrap:wrap}.hc-qr__stage{min-height:200px;padding:8px}.hc-qr__bank-item{grid-template-columns:auto minmax(0, 1fr)}.hc-qr__bank-item em{display:none}}.hc-webp-guide{padding-block:0 clamp(48px,7vw,96px)}.hc-webp-guide__head{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.hc-webp-guide__row{display:grid;gap:32px;grid-template-columns:minmax(0, 1fr)}.hc-webp-guide__col{display:flex;flex-direction:column;gap:12px}.hc-webp-guide__ttl{font-size:1.5rem;margin:0}.hc-webp-guide__step{align-items:center;background-color:rgba(145,132,217,.08);border-left:3px solid var(--hc-primary);border-radius:0 10px 10px 0;display:flex;gap:16px;padding:12px 16px}.hc-webp-guide__step strong{color:var(--hc-root);font-weight:500}.hc-webp-guide__no{background-color:rgba(145,132,217,.2);border-radius:999px;color:var(--hc-primary-light);flex:none;font-size:1.3rem;font-weight:500;padding:4px 12px;white-space:nowrap}.hc-webp-guide__faq{display:flex;flex-direction:column;gap:6px}.hc-webp-guide__q{font-size:1.4rem;font-weight:500;margin:8px 0 0}.hc-webp-guide__txt{color:var(--hc-root);font-size:1.4rem;line-height:1.5;margin:0}.hc-webp-guide__feature{align-items:flex-start;color:var(--hc-soft);display:flex;font-size:1.4rem;gap:10px;line-height:1.5;margin:0}.hc-webp-guide__feature i{color:var(--hc-primary);font-size:1.8rem;line-height:1;margin-top:1px}@media only screen and (max-width: 576px){.hc-webp-guide__step{align-items:flex-start;flex-direction:column;gap:8px}}.hc-faq--page{padding-block:0 clamp(48px,7vw,96px)}.hc-faq__ttl{font-size:2rem;margin:0 0 16px}.hc-faq__list{display:grid;gap:10px}.hc-faq__item{background-color:var(--hc-surface);border-radius:10px;box-shadow:var(--hs-sm)}.hc-faq__item summary{cursor:pointer;font-size:1.5rem;list-style:none;padding:14px 44px 14px 16px;position:relative}.hc-faq__item summary::-webkit-details-marker{display:none}.hc-faq__item summary::after{color:var(--hc-primary-light);content:"+";font-size:2.2rem;line-height:1;position:absolute;right:16px;top:calc(50% - 2px);transform:translateY(-50%)}.hc-faq__item[open] summary::after{content:"–"}.hc-faq__item p{color:var(--hc-muted);font-size:1.4rem;line-height:1.7;margin:0;padding:0 16px 16px}.hc-toast{background-color:var(--hc-surface);border-radius:999px;bottom:24px;box-shadow:var(--hs-md);font-size:1.4rem;left:50%;max-width:calc(100vw - 32px);opacity:0;padding:10px 20px;pointer-events:none;position:fixed;transform:translate(-50%, 16px);transition:opacity .25s,transform .25s;z-index:10000}.hc-toast.is-show{opacity:1;transform:translate(-50%, 0)}