.yoy-tools{--pink:#ed1557;--ink:#181316;--muted:#756c71;--soft:#fff5f8;--line:#eee7eb;font-family:Inter,Arial,sans-serif;background:#fff;color:var(--ink);min-height:100vh}.yoy-tools *{box-sizing:border-box}.yoy-tools a{text-decoration:none}.yoy-tools__topbar{width:min(1180px,calc(100% - 44px));margin:0 auto;height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.yoy-tools__brand{font-weight:1000;letter-spacing:-.04em;color:var(--ink);font-size:18px}.yoy-tools__actions{display:flex;align-items:center;gap:14px}.yoy-tools__back{border:1px solid var(--line);border-radius:999px;padding:11px 16px;color:var(--ink);font-weight:800;font-size:13px}.yoy-tools .yoy-site-lang-wrap{position:relative}.yoy-tools .yoy-site-lang{border:0;background:transparent;font:800 13px/1 Inter,Arial,sans-serif;cursor:pointer;padding:10px}.yoy-tools .yoy-site-lang-menu{display:none;position:absolute;z-index:20;top:100%;inset-inline-end:0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 35px rgba(29,20,25,.10);padding:8px;min-width:84px}.yoy-tools .yoy-site-lang-wrap:hover .yoy-site-lang-menu,.yoy-tools .yoy-site-lang-wrap:focus-within .yoy-site-lang-menu{display:grid}.yoy-tools .yoy-site-lang-menu a{padding:8px 10px;border-radius:10px;color:var(--ink);font-weight:800;text-align:center}.yoy-tools .yoy-site-lang-menu a.active{background:var(--soft);color:var(--pink)}.yoy-tools .yoy-site-lang-menu span{display:none}.yoy-tools__main,.yoy-compressor__main{width:min(1180px,calc(100% - 44px));margin:0 auto}.yoy-tools__hero{padding:92px 0 70px;max-width:880px}.yoy-tools__kicker{font-size:12px;font-weight:1000;letter-spacing:.16em;color:var(--pink);text-transform:uppercase;margin-bottom:18px}.yoy-tools__hero h1,.yoy-compressor__hero h1{font-size:clamp(54px,8vw,104px);line-height:.9;letter-spacing:-.075em;margin:0}.yoy-tools__hero h1 em,.yoy-compressor__hero h1 em{font-style:normal;color:var(--pink)}.yoy-tools__hero>p,.yoy-compressor__hero>p{max-width:680px;color:var(--muted);font-size:19px;line-height:1.65;margin:28px 0 0}.yoy-tools__category{padding:20px 0 110px}.yoy-tools__category-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.yoy-tools__eyebrow{color:var(--pink);font-weight:1000;font-size:12px}.yoy-tools__category h2{font-size:34px;letter-spacing:-.045em;margin:6px 0 8px}.yoy-tools__category-head p{color:var(--muted);margin:0;font-size:15px}.yoy-tools__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.yoy-tool-card{border:1px solid var(--line);border-radius:30px;color:var(--ink);overflow:hidden;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.yoy-tool-card--hero:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(55,35,45,.08)}.yoy-tool-card--hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:390px}.yoy-tool-card__visual{background:var(--soft);position:relative;overflow:hidden}.yoy-tool-card__stack{position:absolute;width:180px;height:230px;border-radius:24px;background:#fff;box-shadow:0 18px 38px rgba(51,25,38,.09);left:18%;top:20%;transform:rotate(-8deg)}.yoy-tool-card__stack--2{left:33%;top:27%;transform:rotate(6deg);background:linear-gradient(135deg,#ffd5e2,#fff)}.yoy-tool-card__zip{position:absolute;right:13%;bottom:14%;background:var(--pink);color:#fff;width:86px;height:86px;border-radius:24px;display:grid;place-items:center;font-weight:1000;transform:rotate(5deg);box-shadow:0 16px 30px rgba(237,21,87,.22)}.yoy-tool-card__body{padding:38px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.yoy-tool-card__tag{font-size:11px;font-weight:1000;letter-spacing:.12em;color:var(--pink);text-transform:uppercase}.yoy-tool-card__body h3,.yoy-tool-card--soon h3{font-size:28px;line-height:1;letter-spacing:-.04em;margin:16px 0 12px}.yoy-tool-card__body p,.yoy-tool-card--soon p{color:var(--muted);line-height:1.6;margin:0}.yoy-tool-card__body strong{margin-top:26px;background:var(--pink);color:#fff;padding:13px 18px;border-radius:999px;font-size:13px}.yoy-tool-card--soon{padding:30px;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end}.yoy-tool-card__mini{width:56px;height:56px;border-radius:18px;background:var(--soft);color:var(--pink);display:grid;place-items:center;font-size:24px;font-weight:1000;margin-bottom:auto}.yoy-tools__privacy{margin:0 0 100px;padding:34px;border-radius:28px;background:#181316;color:#fff;display:flex;gap:20px;align-items:center}.yoy-tools__privacy>span{width:58px;height:58px;border-radius:18px;background:var(--pink);display:grid;place-items:center;font-size:24px}.yoy-tools__privacy h2{margin:0 0 6px;font-size:22px}.yoy-tools__privacy p{margin:0;color:#d9d1d5}.yoy-compressor__main{padding-bottom:90px}.yoy-compressor__crumb{display:inline-block;color:var(--muted);font-weight:800;font-size:13px;margin-top:30px}.yoy-compressor__hero{padding:56px 0 44px;max-width:950px}.yoy-compressor__workspace{border:1px solid var(--line);border-radius:32px;padding:18px;background:#fff;box-shadow:0 22px 60px rgba(40,26,33,.06)}.yoy-compressor__drop{min-height:390px;border:2px dashed #e5d8de;border-radius:24px;background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;outline:none;transition:.18s ease}.yoy-compressor__drop.is-dragover{border-color:var(--pink);background:#fff0f5;transform:scale(.997)}.yoy-compressor__drop-icon{width:74px;height:74px;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(51,27,39,.08);display:grid;place-items:center;color:var(--pink);font-size:34px;margin-bottom:18px}.yoy-compressor__drop h2{font-size:30px;letter-spacing:-.04em;margin:0 0 16px}.yoy-compressor__choose,.yoy-compressor__download{border:0;background:var(--pink);color:#fff;border-radius:999px;padding:15px 22px;font:900 14px/1 Inter,Arial,sans-serif;cursor:pointer}.yoy-compressor__formats{font-weight:800;font-size:12px;letter-spacing:.08em;margin:18px 0 5px}.yoy-compressor__note{font-size:13px;color:var(--muted);margin:0}.yoy-compressor__error{margin:14px 0 0;padding:14px 16px;background:#fff3f5;color:#a9143e;border-radius:14px;font-weight:800;font-size:13px}.yoy-compressor__results{padding:8px 0 0}.yoy-compressor__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 0}.yoy-compressor__summary>div{background:#faf7f9;border-radius:18px;padding:18px}.yoy-compressor__summary strong{display:block;font-size:22px;letter-spacing:-.04em}.yoy-compressor__summary span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.yoy-compressor__summary .is-saved{background:#effaf4}.yoy-compressor__summary .is-saved strong{color:#138a4b}.yoy-compressor__progress{height:8px;background:#f2edf0;border-radius:999px;overflow:hidden;margin:8px 0 16px}.yoy-compressor__progress span{display:block;width:0;height:100%;background:var(--pink);border-radius:inherit;transition:width .2s ease}.yoy-compressor__list{display:grid;gap:8px}.yoy-compressor__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:16px}.yoy-compressor__file{min-width:0}.yoy-compressor__file strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.yoy-compressor__file span,.yoy-compressor__row>span{color:var(--muted);font-size:12px}.yoy-compressor__status{font-weight:900!important}.yoy-compressor__status.is-good{color:#138a4b!important}.yoy-compressor__status.is-bad{color:#b4234f!important}.yoy-compressor__footer-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.yoy-compressor__footer-actions>div{display:flex;gap:8px}.yoy-compressor__secondary{border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 16px;font-weight:850;cursor:pointer}.yoy-compressor__download:disabled{opacity:.45;cursor:not-allowed}.yoy-compressor__privacy{text-align:center;color:var(--muted);font-size:13px;margin:18px 0 0}.yoy-tools[dir=rtl] .yoy-tools__hero,.yoy-tools[dir=rtl] .yoy-compressor__hero{text-align:right}.yoy-tools[dir=rtl] .yoy-tool-card__body{align-items:flex-start}.yoy-tools[dir=rtl] .yoy-compressor__row{text-align:right}
@media(max-width:900px){.yoy-tools__grid{grid-template-columns:1fr 1fr}.yoy-tool-card--hero{grid-column:1/-1}.yoy-compressor__summary{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.yoy-tools__topbar,.yoy-tools__main,.yoy-compressor__main{width:min(100% - 28px,1180px)}.yoy-tools__topbar{height:74px}.yoy-tools__brand{font-size:14px}.yoy-tools__back{display:none}.yoy-tools__hero{padding:58px 0 46px}.yoy-tools__hero h1,.yoy-compressor__hero h1{font-size:clamp(48px,15vw,70px)}.yoy-tools__hero>p,.yoy-compressor__hero>p{font-size:16px}.yoy-tools__grid{grid-template-columns:1fr}.yoy-tool-card--hero{grid-template-columns:1fr;min-height:auto}.yoy-tool-card__visual{min-height:270px}.yoy-tool-card__body{padding:28px}.yoy-tool-card--soon{min-height:190px}.yoy-tools__privacy{margin-bottom:70px}.yoy-compressor__hero{padding:42px 0 30px}.yoy-compressor__workspace{padding:10px;border-radius:24px}.yoy-compressor__drop{min-height:330px;padding:28px 18px}.yoy-compressor__summary{grid-template-columns:1fr 1fr}.yoy-compressor__summary strong{font-size:18px}.yoy-compressor__row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.yoy-compressor__row>span:nth-child(2){display:none}.yoy-compressor__footer-actions{align-items:stretch;flex-direction:column}.yoy-compressor__footer-actions>div{display:grid;grid-template-columns:1fr 1fr}.yoy-compressor__download{width:100%;padding:16px}.yoy-tools__category{padding-bottom:70px}}

/* ===== I Love Web Tools — Image Tools Suite 0.2.6.65 ===== */
.yoy-tools__search{margin-top:34px;width:min(560px,100%);height:58px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;gap:12px;padding:0 20px;background:#fff;box-shadow:0 10px 35px rgba(50,30,40,.05)}.yoy-tools__search span{font-size:22px;color:var(--pink)}.yoy-tools__search input{border:0;outline:0;background:transparent;width:100%;font:700 15px/1.2 Inter,Arial,sans-serif;color:var(--ink)}.yoy-tools__search input::placeholder{color:#a99da3}.yoy-tools__category--popular{padding-bottom:52px}.yoy-tools__popular-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.yoy-tool-mini{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:18px;color:var(--ink);background:#fff;transition:.18s ease}.yoy-tool-mini:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(45,28,37,.07)}.yoy-tool-mini>span{flex:0 0 54px;width:54px;height:54px;border-radius:16px;background:var(--soft);color:var(--pink);display:grid;place-items:center;font-weight:1000;font-size:15px}.yoy-tool-mini div{min-width:0}.yoy-tool-mini strong{display:block;font-size:16px;margin-bottom:5px}.yoy-tool-mini small{display:block;color:var(--muted);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yoy-tools__library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.yoy-tool-library-card{min-height:245px;border:1px solid var(--line);border-radius:26px;padding:26px;color:var(--ink);display:flex;flex-direction:column;gap:24px;background:#fff;transition:.18s ease}.yoy-tool-library-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(47,29,38,.08)}.yoy-tool-library-card[hidden],.yoy-tool-mini[hidden]{display:none!important}.yoy-tool-library-card__icon{width:62px;height:62px;border-radius:19px;background:var(--soft);display:grid;place-items:center;color:var(--pink);font-size:18px;font-weight:1000;letter-spacing:-.03em}.yoy-tool-library-card h3{margin:0 0 9px;font-size:23px;letter-spacing:-.04em}.yoy-tool-library-card p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}.yoy-tool-library-card strong{display:inline-block;margin-top:18px;color:var(--pink);font-size:13px}.yoy-tool-library-card--featured{background:var(--soft);border-color:#f6dce5}.yoy-tools__empty{text-align:center;padding:50px;color:var(--muted);font-weight:800}
.yoy-image-tool__hero h1{font-size:clamp(48px,7vw,86px);line-height:.94}.yoy-image-workspace{border:1px solid var(--line);border-radius:32px;padding:18px;background:#fff;box-shadow:0 22px 60px rgba(40,26,33,.06)}.yoy-image-drop{min-height:370px;border:2px dashed #e5d8de;border-radius:24px;background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px;outline:none;transition:.18s ease;cursor:pointer}.yoy-image-drop.is-dragover{border-color:var(--pink);background:#fff0f5;transform:scale(.997)}.yoy-image-drop__icon{width:74px;height:74px;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(51,27,39,.08);display:grid;place-items:center;color:var(--pink);font-size:24px;font-weight:1000;margin-bottom:18px}.yoy-image-drop h2{margin:0 0 18px;font-size:29px;letter-spacing:-.04em}.yoy-image-drop p{margin:15px 0 0;color:var(--muted);font-size:13px}.yoy-image-stage{padding:8px}.yoy-image-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:10px 4px 18px;border-bottom:1px solid var(--line)}.yoy-image-toolbar>label:not(.yoy-check){display:grid;gap:7px;min-width:145px}.yoy-image-toolbar label>span{font-size:12px;font-weight:900;color:var(--muted)}.yoy-image-toolbar input[type=number],.yoy-image-toolbar select,.yoy-image-toolbar input[type=color]{height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 12px;font:800 14px Inter,Arial,sans-serif;color:var(--ink)}.yoy-image-toolbar input[type=color]{width:58px;padding:5px}.yoy-check{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.yoy-check input{accent-color:var(--pink)}.yoy-check span{color:var(--ink)!important}.yoy-segmented{display:flex;flex-wrap:wrap;gap:6px}.yoy-segmented button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:11px 14px;font-weight:850;cursor:pointer}.yoy-segmented button.active,.yoy-segmented button:hover{background:var(--pink);border-color:var(--pink);color:#fff}.yoy-segmented--wide button{padding-inline:16px}.yoy-image-editor{position:relative;width:fit-content;max-width:100%;margin:22px auto;background:#f4f0f2;border-radius:18px;overflow:hidden;line-height:0;touch-action:none}.yoy-image-editor canvas{display:block;max-width:100%;height:auto}.yoy-crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px rgba(18,10,14,.48),0 0 0 1px rgba(0,0,0,.28);cursor:move;touch-action:none}.yoy-crop-box:before,.yoy-crop-box:after{content:"";position:absolute;background:rgba(255,255,255,.75)}.yoy-crop-box:before{left:33.33%;top:0;bottom:0;width:1px;box-shadow:calc(var(--crop-w,0px)/3) 0 0 rgba(255,255,255,.75)}.yoy-crop-box:after{top:33.33%;left:0;right:0;height:1px}.yoy-crop-box [data-crop-handle]{position:absolute;width:22px;height:22px;right:-11px;bottom:-11px;border-radius:50%;background:var(--pink);border:3px solid #fff;cursor:nwse-resize}.yoy-image-file-list{display:grid;gap:8px;padding-top:16px}.yoy-image-file-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:15px}.yoy-image-file-row__main{min-width:0}.yoy-image-file-row__main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.yoy-image-file-row__main span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.yoy-image-file-row__status{font-size:12px;font-weight:900;color:var(--muted);text-align:end}.yoy-image-file-row__status.is-good{color:#138a4b}.yoy-image-file-row__status.is-bad{color:#b4234f}.yoy-image-file-row__order{display:flex;gap:4px}.yoy-image-file-row__order button{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.yoy-image-status{padding:12px 4px 0;color:var(--muted);font-size:12px}.yoy-image-progress{height:7px;border-radius:999px;background:#f1ecef;overflow:hidden;margin:12px 0}.yoy-image-progress span{display:block;width:0;height:100%;background:var(--pink);transition:width .2s ease}.yoy-image-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px}.yoy-image-actions>div{display:flex;gap:8px}.yoy-image-downloads{margin-top:16px;padding:16px;border-radius:18px;background:#f7f3f5;display:flex;align-items:center;justify-content:flex-end;gap:12px}.yoy-image-downloads span{color:var(--muted);font-size:12px;font-weight:800}.yoy-image-downloads[hidden]{display:none!important}.yoy-tools[dir=rtl] .yoy-image-file-row__status{text-align:start}
@media(max-width:900px){.yoy-tools__library-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.yoy-tools__popular-grid,.yoy-tools__library-grid{grid-template-columns:1fr}.yoy-tool-mini small{white-space:normal}.yoy-image-workspace{padding:10px;border-radius:24px}.yoy-image-drop{min-height:330px;padding:28px 18px}.yoy-image-toolbar{display:grid;grid-template-columns:1fr 1fr}.yoy-image-toolbar>label:not(.yoy-check){min-width:0}.yoy-check{height:auto;min-height:44px}.yoy-segmented{grid-column:1/-1}.yoy-segmented button{flex:1}.yoy-image-file-row{grid-template-columns:minmax(0,1fr) auto}.yoy-image-file-row__order{grid-column:1/-1;justify-content:flex-end}.yoy-image-file-row__status{font-size:11px}.yoy-image-actions{flex-direction:column;align-items:stretch}.yoy-image-actions>div{display:grid;grid-template-columns:1fr 1fr}.yoy-image-actions .yoy-compressor__download{width:100%;padding:16px}.yoy-image-downloads{justify-content:stretch;flex-direction:column}.yoy-image-downloads button{width:100%}}

/* ===== I Love Web Tools — Guide + FAQ 0.2.6.73 ===== */
.yoy-tool-guide{margin:78px auto 90px;width:min(100%,980px);color:var(--ink)}
.yoy-tool-guide__intro{max-width:820px;margin:0 auto 40px;text-align:center}
.yoy-tool-guide__intro .yoy-tools__kicker{justify-content:center;margin-bottom:18px}
.yoy-tool-guide__intro h2{margin:0 0 20px;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.045em}
.yoy-tool-guide__intro p{margin:0 auto 13px;color:var(--muted);font-size:16px;line-height:1.75;max-width:780px}
.yoy-tool-guide__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:36px 0 18px}
.yoy-tool-guide__card{position:relative;border:1px solid var(--line);border-radius:28px;padding:30px 30px 32px;background:#fff;min-height:310px}
.yoy-tool-guide__card--soft{background:var(--soft);border-color:#f3dfe7}
.yoy-tool-guide__num{display:inline-grid;place-items:center;min-width:42px;height:28px;padding:0 9px;border-radius:999px;background:#fff0f5;color:var(--pink);font-size:11px;font-weight:1000;letter-spacing:.08em;margin-bottom:22px}
.yoy-tool-guide__card--soft .yoy-tool-guide__num{background:#fff}
.yoy-tool-guide__card h3,.yoy-tool-guide__note h3{font-size:23px;line-height:1.15;letter-spacing:-.035em;margin:0 0 18px}
.yoy-tool-guide__card ul,.yoy-tool-guide__card ol{margin:0;padding-inline-start:22px;color:var(--muted)}
.yoy-tool-guide__card li{padding-inline-start:5px;margin:0 0 13px;line-height:1.6;font-size:14px}
.yoy-tool-guide__card li::marker{color:var(--pink);font-weight:900}
.yoy-tool-guide__note{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin:18px 0 72px;padding:24px 26px;border:1px solid #f3dfe7;border-radius:24px;background:linear-gradient(135deg,#fff8fb,#fff)}
.yoy-tool-guide__note>span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--pink);color:#fff;font-size:17px}
.yoy-tool-guide__note h3{font-size:18px;margin:1px 0 7px}
.yoy-tool-guide__note p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.yoy-tool-guide__section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:16px}
.yoy-tool-guide__section-head span{color:var(--pink);font-size:11px;font-weight:1000;letter-spacing:.12em}
.yoy-tool-guide__section-head h2{margin:0;font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;line-height:1.05}
.yoy-tool-faq{margin:0 0 76px}
.yoy-tool-faq__list{display:grid;gap:10px}
.yoy-tool-faq__item{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}
.yoy-tool-faq__item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:20px 22px;font-size:15px;font-weight:900;line-height:1.45}
.yoy-tool-faq__item summary::-webkit-details-marker{display:none}
.yoy-tool-faq__item summary i{font-style:normal;width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--pink);font-size:20px;font-weight:500;transition:transform .2s ease}
.yoy-tool-faq__item[open] summary i{transform:rotate(45deg)}
.yoy-tool-faq__item>div{padding:0 22px 20px}
.yoy-tool-faq__item p{margin:0;max-width:800px;color:var(--muted);font-size:14px;line-height:1.7}
.yoy-tool-related{margin-bottom:20px}
.yoy-tool-related__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.yoy-tool-related__card{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:start;border:1px solid var(--line);border-radius:21px;padding:19px;color:var(--ink);background:#fff;transition:.18s ease}
.yoy-tool-related__card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(45,28,37,.07)}
.yoy-tool-related__card>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--soft);color:var(--pink);font-size:12px;font-weight:1000}
.yoy-tool-related__card strong{display:block;font-size:15px;margin-bottom:5px}
.yoy-tool-related__card p{margin:0 0 9px;color:var(--muted);font-size:12px;line-height:1.45}
.yoy-tool-related__card b{color:var(--pink);font-size:11px}
.yoy-tools[dir=rtl] .yoy-tool-guide__intro{text-align:right}
.yoy-tools[dir=rtl] .yoy-tool-guide__intro .yoy-tools__kicker{justify-content:flex-start}
.yoy-tools[dir=rtl] .yoy-tool-guide__section-head{flex-direction:row-reverse}
@media(max-width:720px){.yoy-tool-guide{margin-top:58px}.yoy-tool-guide__intro{text-align:center!important}.yoy-tools[dir=rtl] .yoy-tool-guide__intro .yoy-tools__kicker{justify-content:center}.yoy-tool-guide__grid,.yoy-tool-related__grid{grid-template-columns:1fr}.yoy-tool-guide__card{min-height:0;padding:26px 22px}.yoy-tool-guide__note{margin-bottom:58px;padding:20px}.yoy-tool-guide__section-head{align-items:flex-start;flex-direction:column!important}.yoy-tool-faq__item summary{padding:18px}.yoy-tool-faq__item>div{padding:0 18px 18px}}

/* AI Image Enhancer */
.yoy-ai-stage{padding:8px}.yoy-ai-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 4px 18px;border-bottom:1px solid var(--line)}.yoy-ai-toolbar>div{display:grid;gap:5px}.yoy-ai-toolbar strong{font-size:15px;letter-spacing:-.02em}.yoy-ai-toolbar span{color:var(--muted);font-size:12px}.yoy-ai-backend{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:8px 11px!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.08em;color:var(--pink)!important;background:var(--soft)}.yoy-ai-compare{margin:22px auto 8px;width:min(900px,100%)}.yoy-ai-compare__frame{position:relative;overflow:hidden;border-radius:22px;background:#f1ecef;box-shadow:inset 0 0 0 1px var(--line);line-height:0}.yoy-ai-compare__frame>img,.yoy-ai-compare__after img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}.yoy-ai-compare__after{position:absolute;inset:0;overflow:hidden;clip-path:none;opacity:.75;transition:opacity .12s linear}.yoy-ai-compare__after img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.yoy-ai-compare__label{position:absolute;z-index:3;top:14px;padding:7px 10px;border-radius:999px;background:rgba(24,19,22,.78);color:#fff;font-size:10px;font-weight:1000;line-height:1;letter-spacing:.06em;text-transform:uppercase}.yoy-ai-compare__label--before{left:14px}.yoy-ai-compare__label--after{right:14px;background:rgba(237,21,87,.9)}.yoy-ai-strength-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 2px 2px}.yoy-ai-strength-head strong{font-size:13px;color:var(--ink)}.yoy-ai-strength-head span{font-size:12px;font-weight:900;color:var(--pink);min-width:42px;text-align:end}.yoy-ai-compare input[type=range]{width:100%;margin:8px 0 0;accent-color:var(--pink);cursor:ew-resize}.yoy-ai-compare input[type=range]:disabled{opacity:.45;cursor:wait}.yoy-ai-compare p{text-align:center;color:var(--muted);font-size:12px;margin:4px 0 0}.yoy-ai-auto-note{color:var(--muted);font-size:12px;font-weight:700;text-align:end;max-width:360px}.yoy-ai-workspace .yoy-image-file-list{padding-bottom:2px}.yoy-image-drop__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}.yoy-image-drop__empty[hidden]{display:none!important}.yoy-image-drop.has-preview{padding:16px;justify-content:flex-start;cursor:default}.yoy-ai-compare--in-drop{margin:0;width:100%}.yoy-image-drop.has-preview .yoy-ai-compare--in-drop{display:block}.yoy-image-drop.has-preview .yoy-ai-compare__frame{min-height:320px}.yoy-image-drop.has-preview .yoy-ai-compare__frame>img,.yoy-image-drop.has-preview .yoy-ai-compare__after img{max-height:560px}
@media(max-width:640px){.yoy-ai-toolbar{align-items:flex-start;flex-direction:column}.yoy-ai-backend{align-self:flex-start}.yoy-ai-compare__frame>img,.yoy-ai-compare__after img{max-height:520px}.yoy-image-drop.has-preview{padding:10px}.yoy-image-drop.has-preview .yoy-ai-compare__frame{min-height:220px}}


/* ===== I Love Web Tools — Header + UI refresh 0.2.7.2 ===== */
/* Shared website header inside the clean Tools canvas. */
body.yoy-tools-canvas .yoy-site-header{top:14px;direction:ltr;text-align:left}
body.yoy-tools-canvas .yoy-site-header-inner{border:1px solid rgba(230,223,227,.95);background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.76));box-shadow:0 18px 50px rgba(25,20,23,.10),inset 0 1px 0 rgba(255,255,255,1)}
body.yoy-tools-canvas .yoy-site-header.is-scrolled .yoy-site-header-inner{background:rgba(255,255,255,.96);box-shadow:0 20px 58px rgba(25,20,23,.13)}
body.yoy-tools-canvas .yoy-site-header[dir=rtl]{direction:rtl;text-align:right}
body.yoy-tools-canvas .yoy-site-header[dir=rtl] .yoy-site-logo{justify-self:start}
body.yoy-tools-canvas .yoy-site-header[dir=rtl] .yoy-site-actions{justify-self:end}
body.yoy-tools-canvas .yoy-site-header[dir=rtl] .yoy-site-lang-menu{right:auto;left:0}
body.yoy-tools-canvas .yoy-site-mobile-menu .is-active{color:#ff1680}
body.admin-bar.yoy-tools-canvas .yoy-site-header{top:46px}

/* Get users to the actual utility immediately: one concise H1 and less hero height. */
.yoy-tools__main,.yoy-compressor__main{width:min(1180px,calc(100% - 44px))}
.yoy-tools__hero{padding:46px 0 42px;max-width:980px}
.yoy-compressor__crumb{margin-top:22px;font-size:14px}
.yoy-compressor__hero{padding:24px 0 24px;max-width:100%}
.yoy-tools__hero h1{margin:0;max-width:100%;font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.055em;white-space:nowrap}
.yoy-compressor__hero h1,.yoy-image-tool__hero h1{margin:0;max-width:100%;font-size:clamp(30px,4vw,50px);line-height:1.02;letter-spacing:-.05em;white-space:nowrap}
.yoy-tools__hero>p,.yoy-compressor__hero>p{margin-top:14px;max-width:760px;font-size:17px;line-height:1.55}
.yoy-tools__kicker{margin-bottom:10px;font-size:11px;letter-spacing:.14em}

/* Stronger visual hierarchy across every tool page. */
.yoy-compressor__workspace,.yoy-image-workspace{border:2px solid #ded4d9;border-radius:28px;padding:16px;box-shadow:0 20px 52px rgba(40,26,33,.085)}
.yoy-compressor__drop,.yoy-image-drop{min-height:315px;border-width:2px;border-color:#d8cbd1;border-radius:20px;background:#fff7fa}
.yoy-compressor__drop h2,.yoy-image-drop h2{font-size:clamp(24px,3vw,31px);font-weight:900}
.yoy-compressor__choose,.yoy-compressor__download{padding:16px 24px;font-size:15px;box-shadow:0 8px 20px rgba(237,21,87,.15)}
.yoy-compressor__secondary{border:2px solid #e2d8dd;padding:12px 17px;font-size:14px;background:#fff}
.yoy-compressor__summary>div{border:1px solid #e7dde2;padding:19px}
.yoy-compressor__row,.yoy-image-file-row{border:2px solid #e5dade;padding:15px 17px}
.yoy-image-toolbar{gap:14px}
.yoy-image-toolbar input[type=number],.yoy-image-toolbar select,.yoy-image-toolbar input[type=color],.yoy-check{border-width:2px;border-color:#e2d7dc}
.yoy-image-toolbar label>span{font-size:13px}
.yoy-image-status,.yoy-image-file-row__status{font-size:13px}

/* Hub cards: clearer borders and larger readable copy. */
.yoy-tools__search{border:2px solid #e2d8dd;height:60px}
.yoy-tool-mini,.yoy-tool-library-card,.yoy-tool-related__card{border:2px solid #e4dade}
.yoy-tool-mini{padding:20px}
.yoy-tool-mini strong{font-size:17px}
.yoy-tool-mini small{font-size:13px}
.yoy-tool-library-card{padding:28px;min-height:252px}
.yoy-tool-library-card h3{font-size:24px}
.yoy-tool-library-card p{font-size:15px;line-height:1.58}
.yoy-tool-library-card strong{font-size:14px}
.yoy-tools__category h2{font-size:32px}

/* Guide cards and accordion: intentionally more obvious and easier to scan. */
.yoy-tool-guide{margin-top:64px}
.yoy-tool-guide__intro h2{font-size:clamp(32px,4.3vw,48px)}
.yoy-tool-guide__intro p{font-size:17px;line-height:1.72}
.yoy-tool-guide__card{border:2px solid #ded4d9;padding:31px;box-shadow:0 10px 30px rgba(45,28,37,.035)}
.yoy-tool-guide__card--soft{border-color:#edcbd8;background:#fff5f8}
.yoy-tool-guide__card h3,.yoy-tool-guide__note h3{font-size:24px}
.yoy-tool-guide__card li{font-size:15px;line-height:1.65}
.yoy-tool-guide__note{border:2px solid #edcbd8}
.yoy-tool-guide__section-head{border-bottom:2px solid #e4dade}
.yoy-tool-faq__list{gap:12px}
.yoy-tool-faq__item{border:2px solid #dcd1d6;border-radius:18px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.yoy-tool-faq__item:hover{border-color:#cbbbc2}
.yoy-tool-faq__item[open]{border-color:#ed1557;background:#fff9fb;box-shadow:0 12px 30px rgba(237,21,87,.07)}
.yoy-tool-faq__item summary{padding:23px 24px;font-size:18px;font-weight:900;line-height:1.38}
.yoy-tool-faq__item summary i{width:36px;height:36px;flex-basis:36px;background:#ffe8ef;font-size:24px;font-weight:600}
.yoy-tool-faq__item>div{padding:0 24px 23px}
.yoy-tool-faq__item p{font-size:16px;line-height:1.7;color:#625a5f}
.yoy-tool-related__card{padding:21px}
.yoy-tool-related__card strong{font-size:16px}
.yoy-tool-related__card p{font-size:13px}

@media(max-width:900px){
  body.yoy-tools-canvas .yoy-site-header{top:9px}
  body.admin-bar.yoy-tools-canvas .yoy-site-header{top:55px}
  body.yoy-tools-canvas .yoy-site-header[dir=rtl] .yoy-site-mobile-menu{direction:rtl;text-align:right}
}
@media(max-width:640px){
  .yoy-tools__main,.yoy-compressor__main{width:min(100% - 24px,1180px)}
  .yoy-tools__hero{padding:28px 0 28px}
  .yoy-compressor__crumb{margin-top:14px}
  .yoy-compressor__hero{padding:16px 0 18px}
  .yoy-tools__hero h1{font-size:clamp(24px,7.2vw,32px);letter-spacing:-.04em}
  .yoy-compressor__hero h1,.yoy-image-tool__hero h1{font-size:clamp(22px,7vw,31px);letter-spacing:-.04em}
  .yoy-tools__hero>p,.yoy-compressor__hero>p{font-size:15px;line-height:1.5;margin-top:10px}
  .yoy-compressor__workspace,.yoy-image-workspace{padding:9px;border-radius:22px}
  .yoy-compressor__drop,.yoy-image-drop{min-height:270px;padding:24px 16px;border-radius:17px}
  .yoy-tool-guide{margin-top:48px}
  .yoy-tool-guide__intro p{font-size:16px}
  .yoy-tool-guide__card{padding:24px 21px}
  .yoy-tool-faq__item summary{padding:19px 18px;font-size:16px}
  .yoy-tool-faq__item>div{padding:0 18px 19px}
  .yoy-tool-faq__item p{font-size:15px}
}


/* ===== I Love Web Tools — Folder navigation + blue frame system 0.2.7.3 ===== */
.yoy-tools{
  --blue:#2d5bff;
  --blue-dark:#173a9a;
  --blue-soft:#eef3ff;
  --blue-line:#9db4ff;
  --ink:#14203d;
  --muted:#536078;
  --line:#b6c5f6;
  --soft:#fff2f7;
  background:linear-gradient(180deg,#fff0f5 0%,#fff7fa 34%,#fff2f7 100%);
  color:var(--ink);
}
.yoy-tools h1,.yoy-tools h2,.yoy-tools h3,.yoy-tools strong{color:var(--ink)}
.yoy-tools p,.yoy-tools small{color:var(--muted)}
.yoy-tools__hero>p,.yoy-compressor__hero>p{font-weight:650;color:#46536d}
.yoy-tools__kicker,.yoy-tools__eyebrow{color:var(--blue-dark)}
body.yoy-tools-canvas .yoy-site-header-inner{border:2px solid #b7c6f5}

/* Category folders */
.yoy-tools__folders{padding:4px 0 74px}
.yoy-tools__folders-head{margin-bottom:28px}
.yoy-tools__folders-head h2{font-size:32px;letter-spacing:-.04em;margin:6px 0 0;font-weight:950}
.yoy-tools__folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.yoy-tools-folder{position:relative;isolation:isolate;min-height:230px;text-align:left;border:2px solid var(--blue-line);border-radius:18px 28px 28px 28px;background:#fff;padding:34px 28px 26px;color:var(--ink);cursor:pointer;box-shadow:0 15px 35px rgba(44,73,163,.07);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;font-family:inherit}
.yoy-tools[dir=rtl] .yoy-tools-folder{text-align:right}
.yoy-tools-folder::before{content:"";position:absolute;z-index:-1;top:-16px;left:-2px;width:43%;height:34px;border:2px solid var(--blue-line);border-bottom:0;border-radius:16px 18px 0 0;background:#fff}
.yoy-tools[dir=rtl] .yoy-tools-folder::before{left:auto;right:-2px}
.yoy-tools-folder:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 20px 44px rgba(45,91,255,.13)}
.yoy-tools-folder:hover::before{border-color:var(--blue)}
.yoy-tools-folder.is-active{border-color:var(--blue);background:linear-gradient(145deg,#fff,#f3f6ff);box-shadow:0 20px 46px rgba(45,91,255,.16)}
.yoy-tools-folder.is-active::before{border-color:var(--blue);background:#f3f6ff}
.yoy-tools-folder__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--blue-soft);color:var(--blue-dark);font-size:22px;font-weight:1000;margin-bottom:24px;border:1px solid #ccd7ff}
.yoy-tools-folder--ai .yoy-tools-folder__icon{background:#ffe7f0;border-color:#ffc0d5;color:#c91556}
.yoy-tools-folder__count{position:absolute;top:25px;right:24px;min-width:34px;height:34px;padding:0 10px;border-radius:999px;display:grid;place-items:center;background:#f3f6ff;border:1px solid #ccd7ff;color:var(--blue-dark);font-size:13px;font-weight:950}
.yoy-tools[dir=rtl] .yoy-tools-folder__count{right:auto;left:24px}
.yoy-tools-folder>strong{display:block;font-size:23px;line-height:1.05;letter-spacing:-.035em;font-weight:950;margin-bottom:11px}
.yoy-tools-folder>small{display:block;font-size:14px;line-height:1.55;font-weight:650;max-width:31ch}
.yoy-tools-folder__open{display:inline-block;margin-top:19px;color:var(--blue-dark);font-size:13px;font-weight:950}

/* All tools library */
.yoy-tools__category--library{padding:0 0 92px;scroll-margin-top:120px}
.yoy-tools__category-head--library{align-items:end;gap:28px}
.yoy-tools__category-head--library>div:first-child{min-width:280px}
.yoy-tools__search{margin:0;width:min(470px,100%);border:2px solid var(--blue-line);background:#fff;box-shadow:0 8px 22px rgba(39,68,154,.05)}
.yoy-tools__search:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(45,91,255,.08)}
.yoy-tools__search span{color:var(--blue-dark)}
.yoy-tools__search input{color:var(--ink);font-weight:700}
.yoy-tools__library-grid{gap:18px}
.yoy-tool-library-card{border:2px solid var(--blue-line);background:#fff;box-shadow:0 10px 24px rgba(38,63,135,.055)}
.yoy-tool-library-card:hover{border-color:var(--blue);box-shadow:0 17px 38px rgba(45,91,255,.12);transform:translateY(-3px)}
.yoy-tool-library-card--featured{border-color:var(--blue);background:linear-gradient(145deg,#fff,#f5f7ff)}
.yoy-tool-library-card__icon{background:var(--blue-soft)!important;color:var(--blue-dark)!important;border:1px solid #c8d4ff;font-weight:1000}
.yoy-tool-library-card h3{font-weight:950;color:var(--ink)}
.yoy-tool-library-card p{font-weight:620;color:#536078}
.yoy-tool-library-card strong{color:var(--blue-dark);font-weight:950}

/* Strong blue framing on every individual image tool. Keep pink as the brand/action accent. */
.yoy-compressor__workspace,.yoy-image-workspace{border:2px solid var(--blue-line);background:#fff;box-shadow:0 20px 52px rgba(38,63,135,.09)}
.yoy-compressor__drop,.yoy-image-drop{border:2px dashed #8ba6ff;background:#fff8fb}
.yoy-compressor__drop.is-dragover,.yoy-image-drop.is-dragover{border-color:var(--blue);background:#f4f7ff}
.yoy-compressor__drop-icon,.yoy-image-drop__icon{background:var(--blue-soft);color:var(--blue-dark);border:1px solid #cad6ff;box-shadow:none}
.yoy-compressor__drop h2,.yoy-image-drop h2{color:var(--ink);font-weight:950}
.yoy-compressor__note,.yoy-image-drop p,.yoy-compressor__privacy{color:#536078;font-weight:600}
.yoy-compressor__secondary{border:2px solid var(--blue-line);color:var(--blue-dark);font-weight:900}
.yoy-compressor__secondary:hover{border-color:var(--blue);background:var(--blue-soft)}
.yoy-compressor__summary>div,.yoy-compressor__row,.yoy-image-file-row{border:2px solid #c0cdf4;background:#fff}
.yoy-image-toolbar input[type=number],.yoy-image-toolbar select,.yoy-image-toolbar input[type=color],.yoy-check{border:2px solid var(--blue-line);background:#fff;color:var(--ink);font-weight:750}
.yoy-image-toolbar label>span{color:#344263;font-weight:900}
.yoy-image-progress,.yoy-compressor__progress{background:#e9eeff}
.yoy-image-progress span,.yoy-compressor__progress span{background:var(--blue)}

/* Guides + FAQ: blue borders and heavier type. */
.yoy-tool-guide__intro h2,.yoy-tool-guide__card h3,.yoy-tool-guide__note h3,.yoy-tool-faq h2,.yoy-tool-related h2{color:var(--ink);font-weight:950}
.yoy-tool-guide__intro p,.yoy-tool-guide__card p,.yoy-tool-guide__card li,.yoy-tool-guide__note p{color:#4c5871;font-weight:590}
.yoy-tool-guide__card{border:2px solid var(--blue-line);background:#fff}
.yoy-tool-guide__card--soft,.yoy-tool-guide__note{border:2px solid #90a9ff;background:#f6f8ff}
.yoy-tool-guide__section-head{border-bottom:2px solid var(--blue-line)}
.yoy-tool-faq__item{border:2px solid var(--blue-line);background:#fff}
.yoy-tool-faq__item:hover{border-color:#6f90ff}
.yoy-tool-faq__item[open]{border-color:var(--blue);background:#f8faff;box-shadow:0 12px 30px rgba(45,91,255,.10)}
.yoy-tool-faq__item summary{color:var(--ink);font-weight:950}
.yoy-tool-faq__item summary i{background:var(--blue-soft);color:var(--blue-dark);border:1px solid #c8d4ff}
.yoy-tool-faq__item p{color:#4d5971;font-weight:600}
.yoy-tool-related__card{border:2px solid var(--blue-line);background:#fff}
.yoy-tool-related__card:hover{border-color:var(--blue)}
.yoy-tool-related__card strong{font-weight:950;color:var(--ink)}

.yoy-tools__privacy{background:#14203d;border:2px solid #4167d9;box-shadow:0 16px 38px rgba(20,32,61,.14)}
.yoy-tools__privacy>span{background:var(--blue)}
.yoy-tools__privacy h2{color:#fff}
.yoy-tools__privacy p{color:#e2e8ff}

@media(max-width:900px){
  .yoy-tools__folder-grid{grid-template-columns:1fr 1fr}
  .yoy-tools-folder--all{grid-column:1/-1}
  .yoy-tools__category-head--library{align-items:stretch;flex-direction:column}
  .yoy-tools__search{width:100%}
}
@media(max-width:640px){
  .yoy-tools__folders{padding-bottom:52px}
  .yoy-tools__folders-head h2{font-size:27px}
  .yoy-tools__folder-grid{grid-template-columns:1fr;gap:22px}
  .yoy-tools-folder--all{grid-column:auto}
  .yoy-tools-folder{min-height:190px;padding:29px 22px 22px}
  .yoy-tools-folder>strong{font-size:21px}
  .yoy-tools-folder__count{top:20px;right:19px}
  .yoy-tools[dir=rtl] .yoy-tools-folder__count{right:auto;left:19px}
  .yoy-tools__category--library{padding-bottom:66px}
}

/* ===== 0.2.7.4 — use the exact shared Blog header on every Tools page ===== */
body.yoy-tools-canvas .yoy-site-header,
.yoy-tools-standalone-header-spacer + .yoy-tools .yoy-site-header{top:34px}
body.yoy-tools-canvas .yoy-site-header-inner{
  border:1px solid rgba(255,255,255,.9)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.52))!important;
  box-shadow:0 16px 45px rgba(25,20,23,.075),inset 0 1px 0 rgba(255,255,255,1)!important;
}
body.yoy-tools-canvas .yoy-site-header[dir="ltr"]{direction:ltr;text-align:left}
body.yoy-tools-canvas .yoy-site-header[dir="ltr"] .yoy-site-header-inner{direction:ltr}
body.yoy-tools-canvas .yoy-site-header[dir="ltr"] .yoy-site-logo{justify-self:start}
body.yoy-tools-canvas .yoy-site-header[dir="ltr"] .yoy-site-actions{justify-self:end;direction:ltr}
body.yoy-tools-canvas .yoy-site-header[dir="ltr"] .yoy-site-lang-menu{right:0;left:auto}
.yoy-tools-standalone-header-spacer{height:120px;width:100%}
@media(max-width:900px){
  body.yoy-tools-canvas .yoy-site-header{top:29px}
  body.admin-bar.yoy-tools-canvas .yoy-site-header{top:61px}
  .yoy-tools-standalone-header-spacer{height:106px}
}

/* ===== I LOVE WEB TOOLS 0.2.7.5 — clean blue/white hub ===== */
.yoy-tools--hub,.yoy-tools--category{
  --yoy-tools-blue:#2878ff;
  --yoy-tools-deep:#102a57;
  --yoy-tools-text:#10213f;
  --yoy-tools-muted:#5a6b86;
  --yoy-tools-line:#d8e8ff;
  --yoy-tools-surface:#fff;
  background:
    radial-gradient(circle at 4% 16%,rgba(83,177,255,.18) 0 86px,transparent 87px),
    radial-gradient(circle at 95% 10%,rgba(77,148,255,.13) 0 120px,transparent 121px),
    radial-gradient(circle at 88% 72%,rgba(114,208,255,.12) 0 150px,transparent 151px),
    radial-gradient(circle at 8% 82%,rgba(67,142,255,.10) 0 120px,transparent 121px),
    linear-gradient(180deg,#f8fcff 0%,#ffffff 32%,#f8fcff 100%);
  color:var(--yoy-tools-text);
  min-height:100vh;
}
.yoy-tools--hub .yoy-tools__main,.yoy-tools--category .yoy-tools__main{width:min(1180px,calc(100% - 38px));margin:0 auto;padding:0 0 74px}
.yoy-tools--hub h1,.yoy-tools--hub h2,.yoy-tools--hub h3,.yoy-tools--category h1,.yoy-tools--category h2,.yoy-tools--category h3{color:var(--yoy-tools-text);font-weight:900}
.yoy-tools--hub p,.yoy-tools--category p{color:var(--yoy-tools-muted)}

/* Header always visible on tools pages, independent of the theme/canvas shell. */
body.yoy-tools-canvas .yoy-site-header{top:34px!important}
body.admin-bar.yoy-tools-canvas .yoy-site-header{top:46px!important}
.yoy-tools-standalone-header-spacer{height:112px!important}
@media(max-width:900px){body.yoy-tools-canvas .yoy-site-header{top:29px!important}body.admin-bar.yoy-tools-canvas .yoy-site-header{top:61px!important}.yoy-tools-standalone-header-spacer{height:96px!important}}

.yoy-tools-newhero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:44px;align-items:center;min-height:390px;padding:50px 44px 42px;border:1px solid #e2efff;border-radius:34px;background:rgba(255,255,255,.74);box-shadow:0 22px 65px rgba(38,97,177,.08);overflow:hidden}
.yoy-tools-newhero__copy{position:relative;z-index:3;max-width:720px}
.yoy-tools-newhero__kicker{font-size:12px;font-weight:900;letter-spacing:.11em;color:#2776e8;margin-bottom:13px}
.yoy-tools-newhero h1{margin:0;font-size:clamp(38px,5vw,64px);line-height:.98;letter-spacing:-.05em;white-space:nowrap}
.yoy-tools-newhero p{font-size:17px;line-height:1.6;max-width:650px;margin:18px 0 24px;font-weight:600}
.yoy-tools-newsearch{height:58px;max-width:610px;border:1.5px solid #9dc7ff;border-radius:18px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 18px;box-shadow:0 10px 30px rgba(47,119,218,.08)}
.yoy-tools-newsearch:focus-within{border-color:#2878ff;box-shadow:0 0 0 4px rgba(40,120,255,.08),0 12px 34px rgba(47,119,218,.10)}
.yoy-tools-newsearch>span{font-size:27px;color:#1f64c8;line-height:1}
.yoy-tools-newsearch input{width:100%;border:0;outline:0;background:transparent;color:#17335e;font:700 15px/1.2 Inter,Arial,sans-serif}
.yoy-tools-newsearch input::placeholder{color:#8ca0bb;font-weight:600}
.yoy-tools-newhero__visual{position:relative;display:grid;place-items:center;min-height:250px;z-index:2}
.yoy-tools-newhero__visual img{position:relative;z-index:2;width:min(205px,72%);height:auto;display:block;filter:drop-shadow(0 20px 24px rgba(46,116,217,.17));border-radius:38px}
.yoy-tools-newhero__circle{position:absolute;width:250px;height:250px;border-radius:50%;background:linear-gradient(145deg,#e1f4ff,#c7e4ff);opacity:.92}
.yoy-tools-newhero__orb{position:absolute;border-radius:50%;pointer-events:none}
.yoy-tools-newhero__orb--a{width:92px;height:92px;background:#dff6ff;right:30%;top:-34px}
.yoy-tools-newhero__orb--b{width:46px;height:46px;background:#cdeaff;left:47%;bottom:19px}
.yoy-tools[dir=rtl] .yoy-tools-newhero__orb--a{right:auto;left:30%}
.yoy-tools[dir=rtl] .yoy-tools-newhero__orb--b{left:auto;right:47%}

.yoy-tools-section{padding-top:62px}
.yoy-tools-section__head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}
.yoy-tools-section__head h2{font-size:30px;line-height:1.1;letter-spacing:-.035em;margin:0 0 7px}
.yoy-tools-section__head p{font-size:14px;line-height:1.55;margin:0;font-weight:600}

.yoy-tools-folder-grid--links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.yoy-tools-folder-card{position:relative;min-height:168px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:28px 24px 22px;border:1.5px solid #b9d8ff;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 14px 34px rgba(43,104,184,.07);color:inherit;text-decoration:none;transition:.2s ease;overflow:visible}
.yoy-tools-folder-card:hover{transform:translateY(-3px);border-color:#65a8ff;box-shadow:0 20px 42px rgba(43,104,184,.11)}
.yoy-tools-folder-card__tab{position:absolute;top:-13px;inset-inline-start:24px;width:88px;height:15px;border:1.5px solid #b9d8ff;border-bottom:0;border-radius:11px 11px 0 0;background:#f4f9ff}
.yoy-tools-folder-card__icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:21px;font-weight:1000;background:#e9f4ff;color:#1c6cdb;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}
.yoy-tools-folder-card--violet .yoy-tools-folder-card__icon{background:#efe9ff;color:#7448e7}
.yoy-tools-folder-card--aqua .yoy-tools-folder-card__icon{background:#dcfbf7;color:#078d8a}

.yoy-tools-folder-card__image{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;overflow:hidden;background:#eef7ff;box-shadow:0 10px 24px rgba(35,104,186,.10)}
.yoy-tools-folder-card__image img{width:100%;height:100%;object-fit:cover;display:block}
.yoy-tools-folder-card--violet .yoy-tools-folder-card__image{background:#f1edff}
.yoy-tools-folder-card--aqua .yoy-tools-folder-card__image{background:#e4fbf7}
.yoy-tools-folder-card strong{display:block;font-size:19px;line-height:1.18;margin-bottom:7px}
.yoy-tools-folder-card small{display:block;color:#62728a;font-size:13px;line-height:1.45;font-weight:600}
.yoy-tools-folder-card>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9f4ff;color:#176cdb;font-size:16px}
.yoy-tools[dir=rtl] .yoy-tools-folder-card>b{transform:rotate(180deg)}

.yoy-tools-popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.yoy-tools-popular-card{min-height:244px;display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:21px;padding:22px;border:1.5px solid #c8e1ff;border-radius:24px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 14px 34px rgba(43,104,184,.07);transition:.2s ease}
.yoy-tools-popular-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(43,104,184,.12);border-color:#75aff9}
.yoy-tools-popular-card--blue{background:linear-gradient(145deg,#fff,#f2f8ff)}
.yoy-tools-popular-card--violet{background:linear-gradient(145deg,#fff,#f7f4ff)}
.yoy-tools-popular-card--aqua{background:linear-gradient(145deg,#fff,#f1fdfb)}
.yoy-tools-popular-card__image{height:132px;border-radius:22px;display:grid;place-items:center;background:rgba(232,244,255,.75);overflow:hidden}
.yoy-tools-popular-card--violet .yoy-tools-popular-card__image{background:#f1eaff}.yoy-tools-popular-card--aqua .yoy-tools-popular-card__image{background:#e6fbf7}
.yoy-tools-popular-card__image img{width:112px;height:112px;object-fit:cover;border-radius:25px;display:block}
.yoy-tools-popular-card__copy h3{font-size:19px;line-height:1.2;margin:0 0 8px;letter-spacing:-.025em}
.yoy-tools-popular-card__copy p{font-size:13px;line-height:1.48;margin:0 0 14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.yoy-tools-popular-card__copy strong{color:#176ad5;font-size:13px;font-weight:900}
.yoy-tools[dir=rtl] .yoy-tools-popular-card__copy strong span{display:inline-block;transform:rotate(180deg)}

.yoy-tools-compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.yoy-tools-compact-card{min-height:132px;display:flex;align-items:flex-start;gap:13px;padding:18px 16px;border:1.5px solid #d4e7ff;border-radius:19px;background:rgba(255,255,255,.9);color:inherit;text-decoration:none;box-shadow:0 10px 26px rgba(43,104,184,.045);transition:.18s ease}
.yoy-tools-compact-card:hover{transform:translateY(-2px);border-color:#80b6f8;box-shadow:0 16px 34px rgba(43,104,184,.09)}
.yoy-tools-compact-card__icon{flex:0 0 44px;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#ebf5ff;color:#1d67ca;font-size:13px;font-weight:1000}
.yoy-tools-compact-card:nth-child(4n+2) .yoy-tools-compact-card__icon{background:#e6fbf7;color:#058b80}
.yoy-tools-compact-card:nth-child(4n+3) .yoy-tools-compact-card__icon{background:#f1eaff;color:#7141df}
.yoy-tools-compact-card:nth-child(4n+4) .yoy-tools-compact-card__icon{background:#fff0f6;color:#d43577}
.yoy-tools-compact-card>span:last-child{min-width:0}
.yoy-tools-compact-card strong{display:block;font-size:15px;line-height:1.25;margin:2px 0 5px}
.yoy-tools-compact-card small{display:block;font-size:12px;line-height:1.42;color:#66768e;font-weight:560;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yoy-tools__empty{text-align:center;padding:28px;color:#6d7c91;font-weight:700}

/* Keep the existing dark privacy block exactly as the ending accent. */
.yoy-tools--hub .yoy-tools__privacy,.yoy-tools--category .yoy-tools__privacy{margin-top:64px;background:#14203d;border:2px solid #4167d9;border-radius:22px;box-shadow:0 16px 38px rgba(20,32,61,.14)}

.yoy-tools-category-hero{text-align:center;max-width:780px;margin:0 auto;padding:40px 0 20px}
.yoy-tools-category-back{display:inline-flex;margin-bottom:22px;color:#276fd0;font-weight:850;text-decoration:none;font-size:13px}
.yoy-tools-category-hero h1{font-size:clamp(34px,5vw,52px);line-height:1;letter-spacing:-.045em;margin:0;white-space:nowrap}
.yoy-tools-category-hero>p{font-size:16px;line-height:1.6;margin:16px auto 22px;max-width:650px;font-weight:600}
.yoy-tools-newsearch--category{margin:0 auto;max-width:520px}
.yoy-tools-compact-grid--category{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:20px}

@media(max-width:980px){
  .yoy-tools-newhero{grid-template-columns:minmax(0,1fr) 210px;padding:42px 32px 36px;min-height:350px}
  .yoy-tools-newhero h1{font-size:clamp(34px,5.2vw,50px)}
  .yoy-tools-popular-card{grid-template-columns:105px minmax(0,1fr);padding:18px}.yoy-tools-popular-card__image{height:105px}.yoy-tools-popular-card__image img{width:92px;height:92px}
  .yoy-tools-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .yoy-tools--hub .yoy-tools__main,.yoy-tools--category .yoy-tools__main{width:min(100% - 24px,1180px)}
  .yoy-tools-newhero{display:block;min-height:0;padding:34px 22px 28px;border-radius:26px;text-align:center}
  .yoy-tools-newhero__copy{max-width:none}
  .yoy-tools-newhero h1{font-size:clamp(28px,8vw,38px);white-space:normal}
  .yoy-tools-newhero p{font-size:15px;margin:14px auto 20px}
  .yoy-tools-newsearch{height:54px;margin:0 auto}
  .yoy-tools-newhero__visual{min-height:150px;margin-top:16px}.yoy-tools-newhero__circle{width:150px;height:150px}.yoy-tools-newhero__visual img{width:118px;border-radius:24px}
  .yoy-tools-newhero__orb--a{width:60px;height:60px}.yoy-tools-newhero__orb--b{display:none}
  .yoy-tools-section{padding-top:46px}.yoy-tools-section__head h2{font-size:27px}.yoy-tools-section__head p{font-size:13px}
  .yoy-tools-folder-grid--links,.yoy-tools-popular-grid{grid-template-columns:1fr}
  .yoy-tools-folder-card{min-height:132px;padding:24px 20px 18px}
  .yoy-tools-popular-card{min-height:0;grid-template-columns:100px minmax(0,1fr)}
  .yoy-tools-compact-grid,.yoy-tools-compact-grid--category{grid-template-columns:repeat(2,minmax(0,1fr))}
  .yoy-tools-category-hero{padding:30px 10px 8px}.yoy-tools-category-hero h1{font-size:clamp(28px,8vw,38px);white-space:normal}
}
@media(max-width:500px){
  .yoy-tools-popular-card{grid-template-columns:86px minmax(0,1fr);gap:14px}.yoy-tools-popular-card__image{height:86px}.yoy-tools-popular-card__image img{width:76px;height:76px}
  .yoy-tools-compact-grid,.yoy-tools-compact-grid--category{grid-template-columns:1fr}.yoy-tools-compact-card{min-height:104px}
}

/* ===== AI Image Editor 0.2.7.6 ===== */
.yoy-ai-editor{--ae-blue:#2d72ff;--ae-ink:#10234f;--ae-line:#dbe7fb;--ae-soft:#f6fbff;max-width:1380px;margin:0 auto;padding:34px 22px 90px;font-family:Inter,Arial,sans-serif;color:var(--ae-ink)}
.yoy-ai-editor *{box-sizing:border-box}.yoy-ai-editor__hero{text-align:center;padding:14px 10px 34px}.yoy-ai-editor__kicker{display:inline-flex;align-items:center;gap:7px;color:#3375ef;font-weight:850;font-size:13px;letter-spacing:.03em}.yoy-ai-editor__hero h1{font-size:clamp(34px,5vw,58px);line-height:1;margin:14px 0 12px;letter-spacing:-.05em}.yoy-ai-editor__hero p{margin:0 auto;max-width:760px;color:#65738d;font-size:17px;line-height:1.55;font-weight:600}
.yoy-ai-editor__shell{display:grid;grid-template-columns:270px minmax(0,1fr) 280px;border:1.5px solid var(--ae-line);border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 22px 70px rgba(40,78,140,.10);min-height:660px}.yoy-ai-editor__tools,.yoy-ai-editor__settings{padding:24px 20px;background:#fbfdff}.yoy-ai-editor__tools{border-right:1px solid var(--ae-line)}[dir=rtl] .yoy-ai-editor__tools{border-right:0;border-left:1px solid var(--ae-line)}.yoy-ai-editor__settings{border-left:1px solid var(--ae-line)}[dir=rtl] .yoy-ai-editor__settings{border-left:0;border-right:1px solid var(--ae-line)}
.yoy-ai-editor__aside-head h2,.yoy-ai-editor__settings>h2{margin:0;font-size:21px;letter-spacing:-.03em}.yoy-ai-editor__aside-head p{margin:6px 0 17px;color:#73809a;font-size:12px;line-height:1.45}.yoy-ai-editor__tool-list{display:flex;flex-direction:column;gap:7px}.yoy-ai-editor__tool{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:100%;border:1.5px solid #e1e9f7;background:#fff;border-radius:12px;padding:7px 9px;color:#172d58;font:800 13px/1.2 inherit;text-align:left;cursor:pointer;transition:.16s}.yoy-ai-editor[dir=rtl] .yoy-ai-editor__tool{text-align:right}.yoy-ai-editor__tool:hover,.yoy-ai-editor__tool.is-active{border-color:#6d9bff;background:#f3f7ff;box-shadow:0 7px 18px rgba(45,114,255,.08)}.yoy-ai-editor__tool small{font-size:9px;color:#4777d6;background:#edf4ff;border-radius:999px;padding:4px 6px}.yoy-ai-editor__tool-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-size:17px;font-weight:950}.yoy-ai-editor__tool-icon.is-blue{background:#e8f2ff;color:#2072ff}.yoy-ai-editor__tool-icon.is-pink{background:#ffe8f1;color:#e94b83}.yoy-ai-editor__tool-icon.is-gold{background:#fff3d6;color:#d99613}.yoy-ai-editor__tool-icon.is-violet{background:#f0e9ff;color:#8054e8}.yoy-ai-editor__tool-icon.is-green{background:#e3faef;color:#19a86e}.yoy-ai-editor__tool-icon.is-aqua{background:#e4faff;color:#159bb8}
.yoy-ai-editor__stage-col{min-width:0;background:#f7f9fc}.yoy-ai-editor__topbar{display:flex;align-items:center;gap:8px;padding:14px 16px;background:#fff;border-bottom:1px solid var(--ae-line);flex-wrap:wrap}.yoy-ai-editor__topbar button,.yoy-ai-editor__upload{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid #d9e5f7;border-radius:10px;background:#fff;color:#24436e;font:800 12px inherit;padding:0 14px;cursor:pointer}.yoy-ai-editor__upload{background:#2d72ff;color:#fff;border-color:#2d72ff}.yoy-ai-editor__upload input{display:none}.yoy-ai-editor__topbar .is-download{margin-inline-start:auto;color:#fff;background:#142b55;border-color:#142b55}.yoy-ai-editor__topbar button:disabled{opacity:.42;cursor:not-allowed}
.yoy-ai-editor__canvas-wrap{position:relative;min-height:535px;display:grid;place-items:center;padding:24px;overflow:auto;background-image:linear-gradient(45deg,#eef3f9 25%,transparent 25%),linear-gradient(-45deg,#eef3f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef3f9 75%),linear-gradient(-45deg,transparent 75%,#eef3f9 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.yoy-ai-editor__canvas-wrap canvas{max-width:100%;max-height:500px;width:auto;height:auto;box-shadow:0 15px 40px rgba(20,39,75,.14);background:#fff}.yoy-ai-editor__mask{position:absolute;inset:24px;margin:auto;object-fit:contain;cursor:crosshair;box-shadow:none!important;background:transparent!important}.yoy-ai-editor__empty{text-align:center;color:#5f7090;cursor:pointer}.yoy-ai-editor__empty div{width:90px;height:90px;border-radius:24px;display:grid;place-items:center;margin:0 auto 14px;background:#eaf3ff;color:#2d72ff;font-size:40px}.yoy-ai-editor__empty strong{display:block;color:#17305b;font-size:20px;margin-bottom:6px}.yoy-ai-editor__empty span{font-size:13px;font-weight:700}.yoy-ai-editor__canvas-wrap.is-drag{outline:3px solid #77a4ff;outline-offset:-8px}.yoy-ai-editor__busy{position:absolute;inset:0;background:rgba(247,250,255,.88);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:6;color:#17305b}.yoy-ai-editor__busy i{width:38px;height:38px;border:4px solid #d9e8ff;border-top-color:#2d72ff;border-radius:50%;animation:yoyspin .8s linear infinite;margin-bottom:12px}.yoy-ai-editor__busy strong{font-size:16px}.yoy-ai-editor__busy span{font-size:12px;color:#6880a4;margin-top:5px}@keyframes yoyspin{to{transform:rotate(360deg)}}.yoy-ai-editor__privacy{text-align:center;color:#7a879d;font-size:11px;padding:10px 14px 16px;margin:0}.yoy-ai-editor__privacy span{margin-inline-start:8px}
.yoy-ai-editor__settings>h2{margin-bottom:18px}.yoy-ai-editor__settings-empty{font-size:13px;line-height:1.5;color:#7a8799}.yoy-ai-editor__setting-card{border:1.5px solid #dce7f8;border-radius:16px;padding:16px;background:#fff}.yoy-ai-editor__setting-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf3ff;color:#2d72ff}.yoy-ai-editor__setting-card h3{font-size:17px;margin:12px 0 8px}.yoy-ai-editor__setting-card p{font-size:12px;line-height:1.55;color:#687894}.yoy-ai-editor__setting-card label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #eef2f8;font-size:12px;font-weight:750}.yoy-ai-editor__setting-card input[type=range]{width:110px}.yoy-ai-editor__apply{width:100%;height:46px;margin-top:18px;border:0;border-radius:12px;background:#2d72ff;color:#fff;font:900 13px inherit;cursor:pointer}.yoy-ai-editor__apply:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:1080px){.yoy-ai-editor__shell{grid-template-columns:220px minmax(0,1fr)}.yoy-ai-editor__settings{grid-column:1/-1;border:0!important;border-top:1px solid var(--ae-line);display:grid;grid-template-columns:180px 1fr 180px;align-items:start;gap:14px}.yoy-ai-editor__settings>h2{margin:12px 0}.yoy-ai-editor__apply{margin-top:0}}
@media(max-width:760px){.yoy-ai-editor{padding:20px 12px 60px}.yoy-ai-editor__hero{padding-bottom:22px}.yoy-ai-editor__hero h1{font-size:32px}.yoy-ai-editor__shell{display:flex;flex-direction:column;border-radius:18px}.yoy-ai-editor__tools{border:0!important;border-bottom:1px solid var(--ae-line);padding:16px}.yoy-ai-editor__tool-list{display:grid;grid-template-columns:1fr 1fr}.yoy-ai-editor__tool{grid-template-columns:34px 1fr;padding:6px;font-size:11px}.yoy-ai-editor__tool small{display:none}.yoy-ai-editor__tool-icon{width:32px;height:32px}.yoy-ai-editor__canvas-wrap{min-height:380px;padding:12px}.yoy-ai-editor__canvas-wrap canvas{max-height:360px}.yoy-ai-editor__mask{inset:12px}.yoy-ai-editor__settings{display:block;padding:18px}.yoy-ai-editor__topbar{padding:10px}.yoy-ai-editor__topbar button,.yoy-ai-editor__upload{height:38px;padding:0 10px}.yoy-ai-editor__topbar .is-download{margin-inline-start:0}}

/* ===== AI Image Editor 0.2.7.7 performance + icon polish ===== */
.yoy-ai-editor__tool-icon svg{width:22px;height:22px;display:block}
.yoy-ai-editor__tool-icon{box-shadow:inset 0 0 0 1px rgba(31,74,145,.06)}
.yoy-ai-editor__error{margin:0 0 12px;padding:11px 12px;border:1px solid #ffd0dc;border-radius:11px;background:#fff3f6;color:#9b3150;font-size:12px;line-height:1.45;font-weight:750}
.yoy-ai-editor__busy{backdrop-filter:blur(3px)}
.yoy-ai-editor__busy strong{font-size:16px}
.yoy-ai-editor__busy span{max-width:320px;text-align:center;line-height:1.45}
@media(max-width:760px){.yoy-ai-editor__tool-icon svg{width:19px;height:19px}}
\n\n/* ===== AI Image Editor 0.2.7.8 realtime preview + brush layer fix ===== */
.yoy-ai-editor__busy[hidden],
.yoy-ai-editor__busy:not(.is-active){display:none!important;pointer-events:none!important}
.yoy-ai-editor__busy.is-active{display:flex!important;pointer-events:auto!important}
.yoy-ai-editor__canvas-wrap canvas[data-editor-canvas]{background:transparent}
.yoy-ai-editor__mask{inset:auto!important;margin:0!important;z-index:4;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:none}
.yoy-ai-editor__mask:not([hidden]){pointer-events:auto}
.yoy-ai-editor__canvas-wrap canvas.is-updated{animation:yoy-preview-ready .18s ease-out}
@keyframes yoy-preview-ready{from{opacity:.82}to{opacity:1}}

/* ===== I Love Web Tools — Love Develop integration 0.2.10.1 ===== */
.yoy-tools-folder-grid--links{grid-template-columns:repeat(4,minmax(0,1fr))}
.yoy-tools-folder-card--develop{border-color:#c8d8ff;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(242,247,255,.94))}
.yoy-tools-folder-card--develop .yoy-tools-folder-card__tab{border-color:#c8d8ff;background:#f1f6ff}
.yoy-tools-folder-card--develop .yoy-tools-folder-card__icon{background:#e9efff;color:#3157c9;box-shadow:0 10px 24px rgba(49,87,201,.10)}
.yoy-tools-folder-card--develop>b{background:#e9efff;color:#3157c9}
.yoy-tools-section__head--brand{margin-bottom:20px}
.yoy-tools-section__mini{display:inline-block;margin-bottom:8px;color:#276fd0;font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.yoy-tools-section--love-img{padding-top:70px}
.yoy-tools-section--love-develop{padding-top:76px}
.yoy-tools-section--love-develop .yoy-tools-section__mini{color:#5b55cf}
.yoy-tools-compact-card--develop{border-color:#d7ddfb;background:linear-gradient(145deg,#fff,#fafbff)}
.yoy-tools-compact-card--develop:hover{border-color:#8fa5f2;box-shadow:0 16px 34px rgba(67,83,176,.10)}
.yoy-tools-compact-card--develop .yoy-tools-compact-card__icon{background:#eef0ff;color:#4d57c8}
.yoy-tools--develop-category .yoy-tools-category-hero>p{margin-bottom:6px;font-size:18px;font-weight:850;color:#45516a}
.yoy-tools--develop-category .yoy-tools-category-hero__detail{margin:8px auto 22px;font-size:14px;font-weight:600;color:#68778d;max-width:690px}
.yoy-tools--develop-category .yoy-tools-category-hero .yoy-tools-section__mini{margin-bottom:12px;color:#5b55cf}

@media(max-width:1120px){.yoy-tools-folder-grid--links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.yoy-tools-folder-grid--links{grid-template-columns:1fr}.yoy-tools-section--love-develop{padding-top:58px}}

/* Love PDF / Images to PDF — isolated styles */
.yoy-tools-folder-card--pdf{border-color:#f0c8d7}.yoy-tools-folder-card__image--pdf{display:grid!important;place-items:center;font-weight:1000;font-size:24px;letter-spacing:-.05em;color:#b4235b;background:#fff0f5!important}.yoy-tools-compact-card--pdf .yoy-tools-compact-card__icon,.yoy-tools--pdf-category .yoy-tools-compact-card__icon{background:#fff0f5;color:#b4235b;border-color:#f3c8d8}.yoy-pdf-workspace{overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.yoy-pdf-maincol{min-width:0}.yoy-pdf-drop{min-height:315px;border:2px dashed #d7a7ba;border-radius:20px;background:#fff8fb;padding:24px;display:flex;align-items:center;justify-content:center;transition:.18s ease;outline:none}.yoy-pdf-drop.is-dragover{border-color:#cf3c75;background:#fff0f5}.yoy-pdf-empty{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.yoy-pdf-empty[hidden]{display:none!important}.yoy-pdf-icon{width:76px;height:76px;border-radius:22px;background:#fff0f5;border:1px solid #f3c8d8;color:#b4235b;display:grid;place-items:center;font-weight:1000;font-size:22px;margin-bottom:18px}.yoy-pdf-empty h2{font-size:clamp(24px,3vw,31px);margin:0 0 16px}.yoy-pdf-empty p{margin:14px 0 0;color:#536078;font-size:13px;font-weight:600}.yoy-pdf-drop.has-files{align-items:stretch;justify-content:stretch;cursor:default}.yoy-pdf-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.yoy-pdf-grid[hidden]{display:none!important}.yoy-pdf-thumb{min-width:0;border:1px solid var(--line);border-radius:16px;background:#fff;padding:9px;box-shadow:0 6px 18px rgba(40,26,33,.05);cursor:grab}.yoy-pdf-thumb.is-dragging{opacity:.55}.yoy-pdf-thumb__media{height:145px;border-radius:11px;overflow:hidden;background:#f4f1f3;position:relative;display:grid;place-items:center}.yoy-pdf-thumb__media img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .15s ease}.yoy-pdf-thumb__num{position:absolute;z-index:2;top:7px;left:7px;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#191216;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:950}.yoy-tools[dir=rtl] .yoy-pdf-thumb__num{left:auto;right:7px}.yoy-pdf-thumb__drag{position:absolute;right:8px;top:7px;width:28px;height:28px;background:rgba(255,255,255,.94);border:1px solid rgba(23,32,51,.08);border-radius:8px;display:grid;place-items:center;color:#5c5260}.yoy-pdf-thumb__drag svg{width:17px;height:17px;fill:currentColor;stroke:none}.yoy-tools[dir=rtl] .yoy-pdf-thumb__drag{right:auto;left:8px}.yoy-pdf-thumb__name{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 2px 7px}.yoy-pdf-thumb__buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.yoy-pdf-thumb__buttons button{height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#33415c;font-weight:900;cursor:pointer;display:grid;place-items:center;padding:0}.yoy-pdf-thumb__buttons button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.yoy-pdf-thumb__buttons button.is-remove{color:#b4234f}.yoy-pdf-thumb__buttons button:hover{border-color:#d26a91;background:#fff4f8}.yoy-pdf-stage{padding:16px 6px 4px}.yoy-pdf-stage-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.yoy-pdf-count{margin-inline-start:auto;font-size:12px;font-weight:900;color:var(--muted)}.yoy-pdf-settings{margin-top:18px;border:1px solid var(--line);border-radius:18px;padding:18px;background:#fbfafb}.yoy-pdf-settings h2{margin:0 0 14px;font-size:18px}.yoy-pdf-settings-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.yoy-pdf-settings-grid label{display:grid;gap:7px}.yoy-pdf-settings-grid label>span{font-size:11px;font-weight:900;color:var(--muted)}.yoy-pdf-settings-grid select{width:100%;height:44px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 10px;font:800 12px Inter,Arial,sans-serif;color:var(--ink)}.yoy-pdf-estimate{margin-top:14px;display:flex;justify-content:flex-end;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.yoy-pdf-estimate strong{color:#b4235b}.yoy-pdf-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.yoy-pdf-download{margin-top:12px}.yoy-pdf-download[hidden]{display:none!important}

.yoy-pdf-preview{position:sticky;top:94px;max-height:calc(100vh - 112px);border:1px solid var(--line);border-radius:20px;background:#f8f7f8;overflow:hidden;box-shadow:0 12px 32px rgba(40,26,33,.06)}.yoy-pdf-preview[hidden]{display:none!important}.yoy-pdf-preview__head{height:64px;padding:12px 14px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.yoy-pdf-preview__head>div{display:grid;gap:2px;min-width:0}.yoy-pdf-preview__head strong{font-size:14px;color:var(--ink)}.yoy-pdf-preview__head span:not(.yoy-pdf-preview__live){font-size:11px;color:var(--muted);font-weight:800}.yoy-pdf-preview__live{font-size:9px;font-weight:1000;letter-spacing:.08em;color:#b4235b;background:#fff0f5;border:1px solid #f3c8d8;border-radius:999px;padding:5px 7px}.yoy-pdf-preview__scroll{max-height:calc(100vh - 176px);overflow:auto;padding:14px;display:grid;gap:14px;scrollbar-width:thin}.yoy-pdf-preview-page{display:grid;gap:6px}.yoy-pdf-preview-page__bar{display:flex;align-items:center;gap:7px;min-width:0}.yoy-pdf-preview-page__bar>span{width:22px;height:22px;border-radius:999px;background:#1a1720;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:950;flex:0 0 auto}.yoy-pdf-preview-page__bar small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yoy-pdf-preview-page__paper{width:100%;aspect-ratio:.707;background:#fff;border:1px solid #ded8dc;border-radius:7px;box-shadow:0 5px 14px rgba(35,25,30,.08);position:relative;overflow:hidden;transition:aspect-ratio .15s ease}.yoy-pdf-preview-page__media{position:absolute;inset:4%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff}.yoy-pdf-preview-page__media img{width:100%;height:100%;object-fit:contain;transition:transform .15s ease}.yoy-pdf-preview-page__media.is-fill img{object-fit:cover}
@media(max-width:1100px){.yoy-pdf-workspace{grid-template-columns:minmax(0,1fr) 250px}}@media(max-width:900px){.yoy-pdf-workspace{display:block}.yoy-pdf-preview{position:relative;top:auto;max-height:none;margin-top:16px}.yoy-pdf-preview__scroll{max-height:460px}.yoy-pdf-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yoy-pdf-settings-grid label:last-child{grid-column:1/-1}}
@media(max-width:640px){.yoy-pdf-drop{min-height:270px;padding:12px}.yoy-pdf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.yoy-pdf-thumb__media{height:120px}.yoy-pdf-settings-grid{grid-template-columns:1fr 1fr}.yoy-pdf-actions{display:grid;grid-template-columns:1fr}.yoy-pdf-actions button{width:100%}.yoy-pdf-count{width:100%;margin:4px 0 0}.yoy-pdf-thumb{cursor:default}.yoy-pdf-thumb__drag{display:none}}

/* PDF layout + text cards */
.yoy-pdf-settings-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.yoy-pdf-settings-grid [hidden]{display:none!important}.yoy-pdf-target-custom{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:6px}.yoy-pdf-target-custom input{min-width:0;width:100%;height:44px;box-sizing:border-box;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 10px;font:800 12px Inter,Arial,sans-serif;color:var(--ink)}
.yoy-pdf-add-text{border-color:#e4c9d5!important;background:#fff7fa!important;color:#a72b59!important}
.yoy-pdf-thumb--text{cursor:grab}.yoy-pdf-thumb--text .yoy-pdf-thumb__media{height:145px;background:#fff9fb;border:1px dashed #e4c4d1;padding:12px;display:block;overflow:hidden}.yoy-pdf-thumb__text-label{position:absolute;top:8px;left:8px;font-size:9px;font-weight:950;letter-spacing:.08em;color:#a72b59;background:#fff;border:1px solid #efd4de;border-radius:999px;padding:5px 7px;z-index:2}.yoy-tools[dir=rtl] .yoy-pdf-thumb__text-label{left:auto;right:8px}.yoy-pdf-thumb__text-input{width:100%;height:100%;resize:none;border:0;background:transparent;outline:none;padding:32px 3px 3px;color:#251c21;font-size:16px;line-height:1.35;font-weight:600}.yoy-tools[dir=rtl] .yoy-pdf-thumb__text-input{direction:rtl;text-align:right}.yoy-pdf-thumb__font{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;margin:8px 2px}.yoy-pdf-thumb__font span{font-size:10px;font-weight:900;color:var(--muted)}.yoy-pdf-thumb__font select{min-width:0;width:100%;height:32px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 7px;font-size:11px;font-weight:800;color:var(--ink)}.yoy-pdf-thumb--text .yoy-pdf-thumb__buttons{grid-template-columns:repeat(3,1fr)}
.yoy-pdf-preview-page__paper{container-type:inline-size}.yoy-pdf-preview-slot{position:absolute;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(38,29,34,.06);border-radius:3px}.yoy-pdf-preview-slot img{width:100%;height:100%;object-fit:contain;transition:transform .15s ease}.yoy-pdf-preview-slot.is-fill img{object-fit:cover}.yoy-pdf-preview-slot--text{padding:5%;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.25;color:#21191d;text-align:center;font-weight:600}.yoy-pdf-preview-slot--text.is-rtl{direction:rtl;text-align:right}.yoy-pdf-preview-slot--empty{background:#fbf8fa;border-style:dashed}
@media(max-width:1100px){.yoy-pdf-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.yoy-pdf-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yoy-pdf-settings-grid label:last-child{grid-column:auto}}
@media(max-width:640px){.yoy-pdf-settings-grid{grid-template-columns:1fr 1fr}.yoy-pdf-stage-top .yoy-pdf-add-text{flex:1}.yoy-pdf-thumb__text-input{font-size:14px}}

/* PDF v0.2.13.17 — text pages + image titles */
.yoy-pdf-thumb__menu-btn{position:absolute;z-index:7;top:7px;right:8px;width:28px;height:28px;padding:0;border:1px solid rgba(23,32,51,.09);border-radius:8px;background:rgba(255,255,255,.96);color:#5c5260;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 10px rgba(27,20,24,.06)}
.yoy-pdf-thumb__menu-btn svg{width:17px;height:17px;fill:currentColor;stroke:none}.yoy-tools[dir=rtl] .yoy-pdf-thumb__menu-btn{right:auto;left:8px}
.yoy-pdf-card-menu{position:absolute;z-index:8;top:40px;right:8px;left:8px;display:none;padding:10px;border:1px solid #eadde3;border-radius:11px;background:rgba(255,255,255,.98);box-shadow:0 10px 28px rgba(35,24,30,.14);line-height:1.2;text-align:left}.yoy-pdf-card-menu.is-open{display:grid;gap:7px}.yoy-tools[dir=rtl] .yoy-pdf-card-menu{text-align:right;direction:rtl}
.yoy-pdf-card-menu>strong{font-size:10px;color:#382a31}.yoy-pdf-card-menu input[type=text],.yoy-pdf-card-menu select{width:100%;min-width:0;height:30px;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 8px;color:var(--ink);font:700 10px/1 Inter,Arial,sans-serif}.yoy-pdf-card-menu label:not(.yoy-pdf-menu-choice){display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;align-items:center}.yoy-pdf-card-menu label>span{font-size:9px;font-weight:850;color:var(--muted)}
.yoy-pdf-menu-choice{display:flex;align-items:center;gap:7px;cursor:pointer}.yoy-pdf-menu-choice input{accent-color:#d23570}.yoy-pdf-menu-choice span{font-size:10px!important;color:#2f252b!important}.yoy-pdf-card-menu small{font-size:8.5px;line-height:1.3;color:var(--muted)}.yoy-pdf-menu-clear{border:0;background:#fff0f5;color:#a72b59;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:850;cursor:pointer}
.yoy-pdf-preview-slot{display:block}.yoy-pdf-preview-slot__image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.yoy-pdf-preview-slot__image img{width:100%;height:100%;object-fit:contain;transition:transform .15s ease}.yoy-pdf-preview-slot__image.is-fill img{object-fit:cover}.yoy-pdf-preview-slot.has-title{display:grid;grid-template-rows:auto minmax(0,1fr);align-items:stretch;justify-content:stretch}.yoy-pdf-preview-slot__title{padding:4px 5px 3px;background:#fff;color:#21191d;font-size:clamp(6px,2.7cqw,11px);font-weight:700;line-height:1.15;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yoy-pdf-preview-slot__title.is-rtl{direction:rtl;text-align:right}
@media(max-width:640px){.yoy-pdf-card-menu{top:38px;padding:8px}.yoy-pdf-card-menu.is-open{gap:5px}.yoy-pdf-thumb__menu-btn{display:grid}}

/* PDF title UX polish */
.yoy-pdf-edit-tip{margin:0 0 12px;padding:11px 14px;border:1px solid #eadde3;border-radius:13px;background:#fff8fb;color:#4b3b44;font-size:12px;font-weight:800;line-height:1.4}.yoy-pdf-edit-tip[hidden]{display:none!important}.yoy-pdf-edit-tip:before{content:"⋯";display:inline-grid;place-items:center;width:22px;height:22px;margin-inline-end:8px;border-radius:7px;background:#fff;border:1px solid #eadde3;color:#a72b59;font-weight:1000;vertical-align:middle}.yoy-pdf-preview-slot.has-title{padding:2.3%;gap:2.2%;background:#fff}.yoy-pdf-preview-slot.has-title .yoy-pdf-preview-slot__title{padding:6px 7px 5px;font-size:clamp(7px,3.15cqw,13px);line-height:1.2}.yoy-pdf-preview-slot.has-title .yoy-pdf-preview-slot__image{min-height:0;border-radius:2px;overflow:hidden}
@media(max-width:640px){.yoy-pdf-edit-tip{font-size:11px;padding:10px 11px}.yoy-pdf-edit-tip:before{width:20px;height:20px}}

/* Contextual cross-links between related tools. Pure navigation only; no tool logic. */
.yoy-related-workflow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:10px 12px;border:1px solid #e4e9f5;border-radius:16px;background:rgba(255,255,255,.72)}
.yoy-related-workflow__title{font-size:12px;font-weight:850;color:#68738a;white-space:nowrap}
.yoy-related-workflow__links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.yoy-related-workflow__links a{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid #dce4f5;border-radius:999px;background:#fff;color:#182743;text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 3px 12px rgba(31,52,92,.04);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.yoy-related-workflow__links a:hover{transform:translateY(-1px);border-color:#9eb4ff;box-shadow:0 6px 18px rgba(31,52,92,.08)}
.yoy-related-workflow__icon{display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border-radius:7px;background:#f2f5ff;color:#294da8;font-size:10px;font-weight:950;line-height:1}
@media(max-width:640px){.yoy-related-workflow{align-items:flex-start;padding:10px;margin-bottom:14px}.yoy-related-workflow__title{width:100%}.yoy-related-workflow__links{width:100%}.yoy-related-workflow__links a{flex:1 1 auto;justify-content:center}}