.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-wheel__stage{align-items:center;background-color:var(--hc-surface);border-radius:12px;box-shadow:var(--hs-sm);display:flex;flex-direction:column;padding:40px 20px 24px;position:relative}.hc-wheel__sound{align-items:center;background-color:rgba(233,233,237,.1);border:0;border-radius:8px;color:var(--hc-root);cursor:pointer;display:flex;height:40px;justify-content:center;left:16px;position:absolute;top:16px;transition:background-color .2s;width:40px}.hc-wheel__sound i{font-size:2.2rem;line-height:1}.hc-wheel__sound[aria-pressed=false]{color:var(--hc-muted)}.hc-wheel__wrap{aspect-ratio:1;margin-top:7%;position:relative;width:min(600px,100%)}.hc-wheel__canvas{border-radius:50%;box-shadow:0 20px 60px rgba(0,0,0,.5);height:100%;width:100%}.hc-wheel__pointer{filter:drop-shadow(0 3px 3px rgba(0, 0, 0, 0.5));height:13%;left:50%;margin-left:-3.25%;position:absolute;top:-9.2%;transform-origin:50% 20%;width:6.5%;will-change:transform;z-index:2}.hc-wheel__pointer svg{display:block;height:100%;width:100%}.hc-wheel__spin{aspect-ratio:1;background-color:var(--hc-primary-light);border:6px solid var(--hc-root);border-radius:50%;box-shadow:0 4px 16px rgba(0,0,0,.5);color:var(--hc-surface);cursor:pointer;font-size:clamp(1.2rem,2.4vw,1.8rem);font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);transition:transform .15s;width:18%}.hc-wheel__spin:disabled{cursor:not-allowed;filter:grayscale(0.6)}.hc-wheel__hint{color:var(--hc-muted);font-size:1.4rem;margin:20px 0 0}.hc-wheel__hint kbd{border:1px solid var(--hc-line);border-radius:4px;font:inherit;font-size:1.2rem;padding:1px 6px}.hc-wheel__history{margin-top:20px}.hc-wheel__ttl{font-size:1.6rem;font-weight:500;margin:0}.hc-wheel__log{color:var(--hc-muted);font-size:1.4rem;margin:8px 0 0;max-height:180px;overflow-y:auto;padding-left:24px}.hc-wheel__log li{padding:2px 0}.hc-wheel__log li:first-child{color:var(--hc-primary-light);font-weight:500}.hc-wheel__log img{border-radius:50%;height:20px;margin-right:6px;object-fit:cover;vertical-align:middle;width:20px}.hc-wheel__tabs{background-color:rgba(233,233,237,.06);border-radius:8px;display:flex;gap:4px;padding:4px}.hc-wheel__tabs button{background-color:rgba(0,0,0,0);border:0;border-radius:6px;color:var(--hc-muted);cursor:pointer;flex:1;font:inherit;font-size:1.4rem;font-weight:500;min-height:36px;transition:background-color .2s,color .2s}.hc-wheel__tabs button.is-active{background-color:rgba(145,132,217,.18);color:var(--hc-primary-light)}.hc-wheel__head{align-items:center;display:flex;justify-content:space-between}.hc-wheel__badge{background-color:var(--hc-primary);border-radius:999px;color:var(--hc-surface);font-size:1.3rem;font-weight:500;padding:2px 12px}.hc-wheel__editor{display:flex;flex-direction:column;gap:18px}.hc-wheel__editor[inert]{opacity:.45}.hc-wheel__pane{display:flex;flex-direction:column;gap:12px}.hc-wheel__pane textarea{height:240px;resize:vertical}.hc-wheel__pane .he-btn__wrap{display:flex;gap:6px}.hc-wheel__pane .he-btn__wrap>*{flex:1 1 auto;gap:4px;padding-inline:6px;white-space:nowrap}.hc-wheel__drop{align-items:center;border:1px dashed var(--hc-dim);border-radius:10px;color:var(--hc-muted);cursor:pointer;display:flex;flex-direction:column;font-size:1.3rem;gap:4px;padding:14px;text-align:center;transition:background-color .2s,border-color .2s}.hc-wheel__drop i{color:var(--hc-primary);font-size:3rem;line-height:1}.hc-wheel__drop.is-dragover{background-color:rgba(145,132,217,.12);border-color:var(--hc-primary)}.hc-wheel__drop:focus-visible{border-color:var(--hc-primary)}.hc-wheel__items{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.hc-wheel__item{align-items:center;background-color:rgba(233,233,237,.05);border-radius:10px;display:flex;gap:8px;padding:6px}.hc-wheel__thumb{align-items:center;background:rgba(233,233,237,.1) center/cover no-repeat;border:2px solid var(--swatch, var(--hc-line));border-radius:50%;color:var(--hc-muted);cursor:pointer;display:flex;flex:none;height:44px;justify-content:center;overflow:hidden;padding:0;width:44px}.hc-wheel__thumb i{font-size:2rem}.hc-wheel__name{background-color:rgba(0,0,0,0);border:0;border-radius:6px;color:var(--hc-root);flex:1;font:inherit;font-size:1.4rem;min-width:0;padding:6px}.hc-wheel__name:focus-visible{outline:1px solid var(--hc-primary)}.hc-wheel__modal{align-items:center;background-color:rgba(0,0,0,.7);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:99999}.hc-wheel__box{animation:hc-wheel-pop .35s cubic-bezier(0.2, 1.6, 0.4, 1);background-color:var(--hc-surface);border:2px solid var(--hc-primary);border-radius:20px;max-width:520px;padding:32px 40px;text-align:center;width:100%}.hc-wheel__box .he-btn__wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.hc-wheel__label{color:var(--hc-muted);font-size:1.6rem;margin:0}.hc-wheel__winimg{border:4px solid var(--hc-primary);border-radius:50%;display:block;height:180px;margin:16px auto 0;object-fit:cover;width:180px}.hc-wheel__win{color:var(--hc-primary-light);font-family:var(--hff-title);font-size:clamp(2.8rem,6vw,4rem);font-weight:700;margin:12px 0 24px;word-break:break-word}.hc-wheel__confetti{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:100000}@media(hover: hover){.hc-wheel__sound:hover{background-color:rgba(233,233,237,.2)}.hc-wheel__spin:hover:not(:disabled){transform:translate(-50%, -50%) scale(1.07)}.hc-wheel__drop:hover{background-color:rgba(145,132,217,.08);border-color:var(--hc-primary)}}@media only screen and (max-width: 768px){.hc-wheel__stage{padding:32px 12px 20px}.hc-wheel__pane textarea{height:180px}.hc-wheel__box{padding:24px 20px}}@media only screen and (max-width: 576px){.hc-wheel__spin{border-width:4px}}@keyframes hc-wheel-pop{from{opacity:0;transform:scale(0.6)}to{opacity:1;transform:scale(1)}}.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}}