:root{--bg:#faf9f7;--ink:#1c1b1a;--mut:#6f6b66;--line:#e7e3dd;--card:#fff;--acc:#c2410c;--acc2:#fff1e8;--r:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--acc)}nav{display:flex;align-items:center;gap:18px;padding:14px 24px;border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap}
nav .logo{font-weight:800;letter-spacing:-.02em;color:var(--ink);text-decoration:none;font-size:18px;margin-right:auto}nav .logo b{color:var(--acc)}nav a{color:var(--mut);text-decoration:none;font-size:14px}nav a.on,nav a:hover{color:var(--ink)}
.wrap{max-width:1180px;margin:0 auto;padding:24px}.hero h1{font-size:clamp(26px,4vw,40px);letter-spacing:-.03em;line-height:1.1;margin:8px 0}.hero p{color:var(--mut);max-width:680px;margin:0 0 18px}
.tool{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}@media(max-width:860px){.tool{grid-template-columns:1fr}}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}.panel h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:14px 0 6px}.panel h3:first-child{margin-top:0}
label.f{display:block;font-size:13px;color:var(--mut);margin:8px 0 3px}input[type=number],input[type=text],select,textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:9px;font:inherit;background:#fff}input[type=range]{width:100%;accent-color:var(--acc)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chk{display:flex;gap:8px;align-items:center;font-size:14px;margin:8px 0}
.drop{border:1.5px dashed #cfc8bf;border-radius:12px;padding:18px;text-align:center;color:var(--mut);cursor:pointer;background:#fdfcfa}.drop:hover{border-color:var(--acc);color:var(--ink)}.drop input{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;padding:10px 14px;font:600 14px inherit;font-family:inherit;cursor:pointer;background:var(--ink);color:#fff;width:100%;margin-top:8px}.btn.alt{background:var(--acc2);color:var(--acc)}.btn:disabled{opacity:.5}
.stage{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;min-height:300px}.stage canvas,.stage pre{max-width:100%;height:auto;display:block;margin:0 auto;image-rendering:pixelated;border-radius:6px}
.stats{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--mut);margin:10px 2px}.stats b{color:var(--ink)}
.legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;margin-top:12px;font-size:13px}.legend div{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:5px 8px}.sw{width:18px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.15);flex:none}.sym{font-weight:700;width:14px;text-align:center}
.ad-slot{border:1px dashed var(--line);border-radius:10px;color:#b7b0a7;font-size:11px;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;min-height:90px;margin:22px 0;background:repeating-linear-gradient(45deg,#fff,#fff 8px,#fbfaf8 8px,#fbfaf8 16px)}
article{max-width:760px}article h2{letter-spacing:-.02em;margin-top:34px}article details{border-bottom:1px solid var(--line);padding:10px 0}article summary{font-weight:600;cursor:pointer}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;text-decoration:none;color:var(--ink);transition:.15s}.card:hover{border-color:var(--acc);transform:translateY(-2px)}.card p{color:var(--mut);margin:6px 0 0;font-size:14px}
footer{border-top:1px solid var(--line);margin-top:40px;padding:22px;color:var(--mut);font-size:13px;text-align:center}footer a{color:var(--mut);margin:0 8px}
.seg{display:flex;flex-wrap:wrap;gap:4px}.seg button{flex:1 1 auto;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px;font:13px inherit;font-family:inherit;cursor:pointer}.seg button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.dark .stage{background:#111}.pal{display:flex;gap:3px;margin-top:4px}.pal i{width:16px;height:16px;border-radius:3px;display:block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
dialog#pro-modal{border:0;border-radius:18px;padding:0;max-width:440px;width:92vw;box-shadow:0 30px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(20,18,16,.45);backdrop-filter:blur(3px)}
.pm{padding:28px;position:relative}.pm h2{margin:8px 0;letter-spacing:-.02em;font-size:22px}.pm p{color:var(--mut)}.pm ul{list-style:none;padding:0;columns:2;font-size:13px;margin:14px 0}.pm li{margin:3px 0}
.pm-x{position:absolute;right:14px;top:10px;border:0;background:none;font-size:24px;cursor:pointer;color:var(--mut)}.pm-badge{display:inline-block;background:var(--acc);color:#fff;font:700 11px inherit;letter-spacing:.12em;padding:4px 8px;border-radius:6px}.pm-note{font-size:12px;text-align:center}.pm-link{display:block;text-align:center;margin-top:10px;font-size:13px}
.pro-tag{font-size:10px;font-weight:700;color:var(--acc);background:var(--acc2);border-radius:5px;padding:1px 5px;margin-left:4px;vertical-align:middle}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:820px}.plan{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.plan.hl{border:2px solid var(--ink)}.plan .price{font-size:36px;font-weight:800;letter-spacing:-.03em}.plan ul{padding-left:18px;color:var(--mut)}
/* ---------- Studio */
.studio-page .wrap{max-width:1400px}.st-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.st-top select{width:auto;min-width:200px}.st-sp{flex:1}
.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;font:500 13px inherit;font-family:inherit;cursor:pointer;color:var(--ink);white-space:nowrap}.chip:hover{border-color:var(--ink)}.chip.file{background:var(--ink);color:#fff;border-color:var(--ink)}
.st-grid{display:grid;grid-template-columns:340px 1fr;gap:16px;align-items:start}@media(max-width:900px){.st-grid{grid-template-columns:1fr}.st-view{order:-1}}
.st-side{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;position:sticky;top:12px;max-height:calc(100vh - 24px);display:flex;flex-direction:column}
.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button{flex:1;border:0;background:none;padding:12px 6px;font:600 13px inherit;font-family:inherit;color:var(--mut);cursor:pointer;border-bottom:2px solid transparent}.tabs button.on{color:var(--ink);border-bottom-color:var(--acc)}
.st-pane{padding:4px 16px 18px;overflow:auto}.st-pane h3{margin-top:18px}
.ctl{margin:8px 0}.ctl-h{display:flex;justify-content:space-between;font-size:13px;color:var(--mut);margin-bottom:3px}.ctl-h .v{color:var(--ink);font-variant-numeric:tabular-nums}.ctl-h select{width:auto;padding:2px 6px}
.hint{font-size:12px;color:var(--mut);margin:4px 0 8px}
.layers{display:flex;flex-direction:column;gap:4px}.layer{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:6px 8px;cursor:pointer;font-size:13px}.layer.on{border-color:var(--ink);background:#faf8f5}.layer input{width:auto;margin:0}
.lsw{width:26px;height:16px;border-radius:4px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.ln{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib{border:0;background:none;color:var(--mut);cursor:pointer;font-size:15px;padding:0 4px}.ib:hover{color:var(--ink)}
.paled{display:flex;flex-direction:column;gap:4px}.pe{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;padding:4px 6px;cursor:grab;background:#fff}.pe input[type=color]{width:30px;height:24px;padding:0;border:0;background:none;flex:none}.pe .hx{padding:4px 7px;font:12px ui-monospace,monospace;margin:0}
.inkpick{display:flex;gap:6px}.inkpick input[type=color]{width:44px;height:36px;padding:2px;flex:none}
.inks{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.ink{aspect-ratio:1;border:0;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.ink:hover{transform:scale(1.1)}
.mxg{display:grid;gap:2px;margin:6px 0}.mxc{aspect-ratio:1;border:0;border-radius:4px;font:11px ui-monospace,monospace;cursor:pointer}
.st-view{min-width:0}.st-canvas-wrap{position:relative;background:#efece7 repeating-conic-gradient(#e9e5df 0 25%,#f3f0eb 0 50%) 0 0/20px 20px;border:1px solid var(--line);border-radius:var(--r);padding:12px;min-height:360px;overflow:auto;display:flex;align-items:flex-start;justify-content:center}
.st-canvas-wrap canvas{image-rendering:pixelated;border-radius:4px;box-shadow:0 8px 30px rgba(0,0,0,.12);display:block}
.st-badge{position:absolute;left:20px;bottom:20px;background:rgba(28,27,26,.85);color:#fff;font-size:12px;padding:6px 10px;border-radius:8px;max-width:80%}.st-busy{position:absolute;right:20px;top:20px;background:#fff;border-radius:8px;padding:4px 10px;font-size:12px;color:var(--mut)}
.st-bar{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}.st-bar .seg{flex:none}.st-info{font-size:12px;color:var(--mut);margin-left:auto}
.st-pane h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:18px 0 6px}
/* ---------- Film tool */
.fx-presets button{flex:1 1 45%;text-align:left;font-size:12px;line-height:1.25}
.fx-view{position:relative;background:#141312;border-radius:10px;padding:12px;display:flex;justify-content:center;align-items:center;min-height:320px}
.fx-view canvas{max-width:100%;height:auto;display:block;image-rendering:auto;border-radius:3px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
label.f .v{float:right;color:var(--ink);font-variant-numeric:tabular-nums}
.related{max-width:none;margin-top:34px}.related h2{letter-spacing:-.02em}.related .card b{font-size:15px}
.btn[hidden]{display:none}
@media(max-width:860px){body[data-mode=film] .tool .stage{order:-1;position:sticky;top:0;z-index:2}body[data-mode=film] .fx-view{min-height:0}}
/* ---------- above-the-fold showcase */
.hero2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:center;margin:4px 0 18px}.hero2 h1{margin:0 0 6px}.hero2 .value{font-size:clamp(17px,2vw,21px);color:var(--ink);font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.hero2 p{margin:0 0 10px}
.cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:8px}.cta{background:var(--acc);color:#fff;border:0;border-radius:12px;padding:13px 22px;font:700 16px inherit;font-family:inherit;cursor:pointer;box-shadow:0 6px 18px rgba(217,72,15,.28)}.cta:hover{filter:brightness(1.06)}.cta-2{color:var(--ink);font-weight:600;text-decoration:none;font-size:14px}.cta-note{font-size:12px;color:var(--mut);margin-top:6px!important}
.h-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.h-gal figure{margin:0}.h-gal img{width:100%;height:auto;aspect-ratio:32/22;object-fit:cover;border-radius:10px;display:block;background:#eee;box-shadow:0 6px 20px rgba(0,0,0,.10)}.h-gal figcaption{font-size:12px;color:var(--mut);margin-top:5px;text-align:center}
@media(max-width:860px){.hero2{grid-template-columns:1fr;gap:14px}.h-gal{order:-1}}
.home-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center;margin:8px 0 26px}@media(max-width:860px){.home-hero{grid-template-columns:1fr}}.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mosaic img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:10px;display:block;background:#eee}
.cmp-view{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:340px){.cmp-view{grid-template-columns:1fr}}@media(max-width:700px){.cmp-view{gap:8px}.cmp-view figure{padding:5px;min-height:120px}.cmp-view figcaption{font-size:11.5px}}
.cmp-view figure{margin:0;background:repeating-conic-gradient(#f1eee9 0 25%,#fff 0 50%) 0 0/16px 16px;border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;flex-direction:column;align-items:center;min-height:180px}
.cmp-view img{max-width:100%;max-height:460px;height:auto;display:block;border-radius:6px}.cmp-view figcaption{font-size:13px;color:var(--mut);margin-top:8px;text-align:center}.cmp-view figcaption b{color:var(--ink)}
.c-status{font-size:14px;margin:10px 2px;font-weight:600}.c-status.ok,.c-row .ok{color:#237032}.c-status.bad,.c-row .bad{color:#c92a2a}
.c-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;font-size:13px;padding:6px 2px;border-top:1px solid var(--line)}.c-row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drop.hot{border-color:var(--acc);background:var(--acc2)}.size-in{display:grid;grid-template-columns:1fr 90px;gap:8px}
.spec{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0}.spec th,.spec td{border-bottom:1px solid var(--line);padding:7px 8px;text-align:left}.spec th{color:var(--mut);font-weight:600}
.hero1 .value{font-size:clamp(17px,2vw,21px);font-weight:600;margin:0 0 6px}.hero1{margin-bottom:14px}
.mosaic a{display:block}.mosaic img{height:auto}
.answer{border-left:4px solid var(--acc,#d9480f);background:#fff;padding:12px 16px;margin:18px 0;border-radius:6px}.answer h2{margin:0 0 6px;font-size:1.1em}.answer p{margin:0}
.gloss{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:16px;align-items:start;margin:22px 0}.gloss h3{grid-column:1/-1;margin:0}.gloss figure{margin:0}@media(max-width:640px){.gloss{grid-template-columns:1fr}}

.gwrap{position:relative;display:inline-block;line-height:0;max-width:100%}.gwrap img{max-height:460px}.guide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
footer a{display:inline-block;padding:8px 6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#studio:empty{min-height:1340px}@media(min-width:901px){#studio:empty{min-height:920px}}
.c-actions{display:flex;gap:8px;flex-wrap:wrap;margin:4px 2px 6px}.c-actions .btn{width:auto;min-width:200px;margin:0;cursor:pointer}
@media(max-width:860px){body[data-mode=compress] .tool .stage{order:-1}}
.cmp-view img.zoomed{image-rendering:auto}
.cmp-view img.pending{opacity:.25;filter:grayscale(1)}.gwrap.sq{aspect-ratio:1/1;width:min(100%,460px);background:#f1eee9}.gwrap.sq img{width:100%;height:100%;object-fit:contain;max-height:none}.c-status{min-height:1.5em}.stats{min-height:1.4em}
.tw-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.tw-t{margin:0;border:1px solid var(--line);border-radius:10px;padding:8px;text-align:center;font-size:12px;color:var(--mut);min-width:120px}.tw-t[hidden]{display:none}
.tw-ck{margin:0 auto 6px;background:repeating-conic-gradient(#e9e5df 0 25%,#fff 0 50%) 0 0/8px 8px;display:flex;align-items:center;justify-content:center}.tw-ck img{display:block}.tw-t b{color:var(--ink)}.tw-sz{display:block;margin:2px 0}.tw-sz .ok{color:#237032}.tw-sz .bad{color:#c92a2a}.tw-t a{font-weight:600}
.tw-chats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}@media(max-width:600px){.tw-chats{grid-template-columns:1fr}}.tw-chat{border-radius:8px;padding:8px 10px;font:13px/28px Inter,system-ui,sans-serif}.tw-chat.dark{background:#18181b;color:#efeff1}.tw-chat.light{background:#fff;color:#0e0e10;border:1px solid var(--line)}.tw-chat img{vertical-align:middle;margin:0 2px}.tw-chat .b{margin-right:4px}.tw-chat p{margin:0}.tw-cap{font-size:12px;color:var(--mut);margin:6px 2px 0}
@media(max-width:860px){body[data-mode=twitch] .tool .stage{order:-1}}
.drop{display:block}
/* youtube thumbnail resizer */
@media(max-width:860px){body[data-mode=yt] .tool .stage{order:-1}}
.yt-mock{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;margin:10px 0;background:#0f0f0f;color:#f1f1f1;border-radius:10px;padding:12px;font-family:Roboto,Arial,system-ui,sans-serif}
.yt-mock figure{margin:0}.yt-tw{position:relative;line-height:0}.yt-tw img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;display:block}
.yt-dur{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.8);color:#fff;font:600 12px/1 Roboto,Arial,sans-serif;padding:3px 4px;border-radius:4px}
.yt-home figcaption{display:flex;gap:10px;margin-top:10px;font-size:14px;line-height:1.35}.yt-home figcaption b{display:block;font-weight:600}.yt-mock small{display:block;color:#aaa;font-size:12px;margin-top:3px}
.yt-av{flex:0 0 32px;height:32px;border-radius:50%;background:#d9480f;display:block}
.yt-cap{font-size:12px;color:#aaa;margin:0 0 10px;line-height:1.4}
.yt-next{display:grid;grid-template-columns:168px 1fr;gap:8px;font-size:13px;line-height:1.3}.yt-next .yt-tw img{width:168px;border-radius:8px}.yt-next b{font-weight:600;font-size:13px}
.yt-short{margin-top:10px!important;display:flex;gap:8px;align-items:end;font-size:12px;color:#aaa}.yt-short img{width:90px;height:160px;object-fit:cover;border-radius:8px}
@media(max-width:600px){.yt-mock{grid-template-columns:1fr}}
.yt-list{display:grid;gap:6px}.yt-row{display:grid;grid-template-columns:1.1fr .9fr 1.2fr 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:13px}
.yt-row .btn{margin:0;padding:6px 10px;font-size:13px;width:auto}.yt-row .ok{color:#2b8a3e}.yt-row .bad{color:#c92a2a}.yt-l{color:var(--mut)}
@media(max-width:600px){.yt-row{grid-template-columns:1fr 1fr}.yt-row .btn{grid-column:1/-1;text-align:center}}
.yt-mock[hidden],.yt-short[hidden],#y-posw[hidden]{display:none!important}.yt-cta{margin:8px 0}
/* youtube-banner-resizer (2026-10-23) */
@media(max-width:860px){body[data-mode=yb] .tool .stage{order:-1}}
.yb-frame{position:relative;line-height:0;border-radius:8px;overflow:hidden;background:#0f0f0f;margin:8px 0}.yb-frame img{width:100%;height:auto;aspect-ratio:16/9;display:block}
.yb-safe{position:absolute;left:19.85%;top:35.33%;width:60.3%;height:29.34%;outline:2px dashed #ff0033;outline-offset:0;box-shadow:0 0 0 9999px rgba(0,0,0,.42);pointer-events:none}
.yb-safe span{position:absolute;left:0;bottom:100%;margin-bottom:4px;font:600 11px/1.2 Roboto,Arial,sans-serif;color:#fff;background:#ff0033;padding:2px 5px;border-radius:3px;white-space:nowrap}
.yb-frame.nosafe .yb-safe{display:none}
.yb-strip{aspect-ratio:1235/338;background:#0f0f0f center/165.83% auto no-repeat;border-radius:8px;margin:4px 0 8px}
.yb-cap{font-size:12px;color:var(--mut);margin:2px 0 2px;line-height:1.4}
#b-posw[hidden],#b-sizew[hidden],#b-bgw[hidden],#b-colorw[hidden]{display:none!important}
/* favicon generator (2026-10-23) */
@media(max-width:860px){body[data-mode=fav] .tool .stage{order:-1}}
.fv-prev{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;margin:8px 0 2px;align-items:stretch}@media(max-width:600px){.fv-prev{grid-template-columns:1fr}}
.fv-tabs{display:grid;gap:6px}.fv-bar{display:flex;gap:2px;padding:6px 6px 0;border-radius:8px 8px 0 0;font:12px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow:hidden}
.fv-bar.light{background:#dfe1e5;color:#1f1f1f}.fv-bar.dark{background:#1f1f1f;color:#e3e3e3}
.fv-tab{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px 8px 0 0;min-width:0;flex:0 1 190px;white-space:nowrap}.fv-tab i{font-style:normal;margin-left:auto;opacity:.6}
.fv-bar.light .fv-tab:not(.off){background:#fff}.fv-bar.dark .fv-tab:not(.off){background:#3c3c3c}.fv-tab.off{opacity:.65}.fv-tab img{width:16px;height:16px;flex:none}
.fv-tab .fv-site{overflow:hidden;text-overflow:ellipsis}.fv-g{width:16px;height:16px;border-radius:50%;background:currentColor;opacity:.25;flex:none}
.fv-side{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}
.fv-side figure{margin:0;text-align:center;font-size:11px;color:var(--mut)}.fv-side figcaption{margin-top:4px}
.fv-serp{display:grid!important;grid-template-columns:auto 1fr;gap:8px;align-items:center;text-align:left!important;border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff;color:#202124;font:13px/1.3 Arial,sans-serif}.fv-serp figcaption{grid-column:1/-1;color:var(--mut);font:11px system-ui,sans-serif}
.fv-serp small{display:block;color:#4d5156;font-size:12px}.fv-dot{width:28px;height:28px;border-radius:50%;background:#f1f3f4;border:1px solid #dadce0;display:flex;align-items:center;justify-content:center}.fv-dot img{width:18px;height:18px}
.fv-home img{width:60px;height:60px;border-radius:14px;display:block;margin:0 auto;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.fv-bigf img{width:72px;height:72px;display:block;margin:0 auto;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0/10px 10px;border-radius:6px}
.fv-px{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin:8px 0}.fv-px figure{margin:0;display:flex;gap:10px;align-items:flex-end;font-size:11px;color:var(--mut)}
.fv-px canvas{border-radius:0!important;margin:0!important;image-rendering:pixelated;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0/8px 8px}.fv-px figcaption{max-width:120px;line-height:1.3}
.fv-row{grid-template-columns:1.6fr .8fr .6fr 1.6fr auto}.fv-row code{font-size:12px;word-break:break-all}
.fv-snip{font:12px/1.45 ui-monospace,Menlo,Consolas,monospace;resize:vertical;background:#fbfaf8}
#f-imgw[hidden],#f-txtw[hidden],#f-colorw[hidden]{display:none!important}
/* app icon generator (ai-*) 2026-10-23 */
.ai-prev{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr);gap:10px;margin:8px 0 2px}
.ai-prev figure{margin:0;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:11px;color:var(--mut)}
.ai-prev figcaption{margin-top:6px;line-height:1.3}
.ai-ios{background:linear-gradient(160deg,#3b2a5c,#7a4a6e 55%,#d08a5a)!important;color:#f3eef7!important;border:0!important}
.ai-ios figcaption{color:#f3eef7}
.ai-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;justify-items:center}
.ai-app{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.ai-app img,.ai-ph{width:56px;height:56px;border-radius:22.37%;display:block}
.ai-ph{background:rgba(255,255,255,.28)}
.ai-app b{font:500 11px/1.1 -apple-system,system-ui,sans-serif;color:#fff;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai-masks{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;justify-items:center}
.ai-m{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}
.ai-m img{width:52px;height:52px;display:block}
.ai-m.circle img{border-radius:50%}.ai-m.squircle img{border-radius:38%}.ai-m.rsq img{border-radius:18%}.ai-m.tear img{border-radius:50% 50% 50% 14%}
.ai-m i{position:absolute;left:50%;top:26px;width:47.7px;height:47.7px;margin:-23.85px 0 0 -23.85px;border:1.5px dashed rgba(255,255,255,.95);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.35);display:none;pointer-events:none}
.ai-and.safe .ai-m i{display:block}
.ai-m small{font-size:10px}
.ai-and{background:#f1f3f4}
.ai-play{grid-column:1/-1;display:grid!important;grid-template-columns:auto 1fr;gap:10px;align-items:center;background:#fff;color:#1f1f1f!important;font:13px/1.35 Roboto,Arial,sans-serif}
.ai-play img{width:64px;height:64px;border-radius:30%;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.ai-play small{display:block;color:#5f6368;font-size:12px}
.ai-play figcaption{grid-column:1/-1;color:var(--mut);font:11px system-ui,sans-serif;margin-top:0!important}
.ai-v{font-size:12px;color:var(--mut);margin:2px 0 8px}
@media(max-width:860px){.ai-prev{grid-template-columns:1fr}}
@media(max-width:860px){body[data-mode=appicon] .tool .stage{order:-1}}
/* Telegram sticker resizer */
.tg-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.tg-t{margin:0;border:1px solid var(--line);border-radius:10px;padding:8px;text-align:center;font-size:12px;color:var(--mut);min-width:130px}.tg-t[hidden]{display:none}
.tg-ck{margin:0 auto 6px;background:repeating-conic-gradient(#e9e5df 0 25%,#fff 0 50%) 0 0/10px 10px;display:flex;align-items:center;justify-content:center;width:216px;height:216px;max-width:100%;border-radius:6px}.tg-ck-e{width:116px;height:116px}.tg-ck img{display:block;max-width:100%;height:auto}
.tg-t b{color:var(--ink)}.tg-sz{display:block;margin:2px 0}.tg-sz .ok{color:#237032}.tg-sz .bad{color:#c92a2a}.tg-t a{font-weight:600}
.tg-chats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}@media(max-width:600px){.tg-chats{grid-template-columns:1fr 1fr}}
.tg-chat{border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px;min-height:200px;font:14px/1.35 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.tg-chat.night{background:#17212b linear-gradient(135deg,#1c2a38,#0f1720)}.tg-chat.day{background:#cfe0b4 linear-gradient(135deg,#d7e6bd,#b7cf96)}
.tg-b{margin:0;padding:6px 10px;border-radius:12px 12px 12px 4px;max-width:92%;align-self:flex-start}.night .tg-b{background:#182533;color:#f5f5f5}.day .tg-b{background:#fff;color:#000}
.tg-e{vertical-align:-4px}.tg-st{display:block;align-self:flex-start;max-width:100%;height:auto}.tg-st[hidden],.tg-e[hidden]{display:none}
@media(max-width:600px){.tg-ck{width:180px;height:180px}.tg-chat{min-height:150px}.tg-st{max-width:120px}}
.tg-cta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0 0 10px}.tg-cta .btn{margin:0;width:auto}.tg-own{font-size:13px;font-weight:600;color:var(--acc,#c2410c);text-decoration:underline;cursor:pointer}.tg-own input{position:absolute;width:1px;height:1px;opacity:0}
@media(max-width:860px){body[data-mode=telegram] .tool .stage{order:-1}}
@media(max-width:600px){.tg-t{min-width:0;padding:6px}.tg-ck{width:140px;height:140px}.tg-ck-e{width:108px;height:108px}}