:root{color-scheme:light dark;--bg: #f4f4f1;--card: #ffffff;--ink: #17171b;--muted: #5d5d66;--line: #dcdcd6;--soft: #ececE7;--accent: #c8390b;--accent-soft: #fbe7df;--on-accent: #ffffff;--warn-bg: #fff4d6;--warn-ink: #6b4b00;--ok: #17794a;--bad: #b3261e;--sans: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--radius: 14px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #121215;--card: #1c1c21;--ink: #f1f1ee;--muted: #a8a8b0;--line: #34343b;--soft: #2a2a30;--accent: #ff7f50;--accent-soft: #3a2118;--on-accent: #1b0d07;--warn-bg: #3a2e0c;--warn-ink: #f6dc94;--ok: #58d199;--bad: #ff8a80}}:root[data-theme=dark]{color-scheme:dark;--bg: #121215;--card: #1c1c21;--ink: #f1f1ee;--muted: #a8a8b0;--line: #34343b;--soft: #2a2a30;--accent: #ff7f50;--accent-soft: #3a2118;--on-accent: #1b0d07;--warn-bg: #3a2e0c;--warn-ink: #f6dc94;--ok: #58d199;--bad: #ff8a80}:root[data-theme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);font-size:16px;line-height:1.55;color:var(--ink);background:var(--bg);overflow-x:clip;-webkit-font-smoothing:antialiased}img,svg,canvas{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit}h1,h2,h3{line-height:1.12;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}[hidden]{display:none!important}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:1rem;padding:.6rem 1rem;background:var(--card);z-index:99;border-radius:8px}.skip-link:focus{top:1rem}.hint{color:var(--muted);font-size:.84rem}.label,.field label{display:block;font-size:.84rem;font-weight:600;margin-bottom:4px}.note-warn{background:var(--warn-bg);color:var(--warn-ink);border-radius:10px;padding:10px 12px;font-size:.88rem}.site-header{background:var(--card);border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px}.logo{display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:-.02em;font-size:1.1rem;text-decoration:none;color:var(--accent)}.logo span{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:6px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:38px;height:38px;padding:0 9px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:.84rem;font-weight:600}.icon-btn:hover{border-color:var(--accent)}.icon-btn svg{flex:none}.icon-btn .lbl{display:none}@media(min-width:560px){.icon-btn .lbl{display:inline}}.lang-menu{position:relative}.lang-menu>summary{list-style:none;cursor:pointer;text-transform:uppercase}.lang-menu>summary::-webkit-details-marker{display:none}.lang-list{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:170px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #00000038}.lang-list a{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;font-size:.9rem;color:var(--ink)}.lang-list a:hover{background:var(--soft)}.lang-list a[aria-current]{color:var(--accent);font-weight:700}.lang-list a small{color:var(--muted);text-transform:uppercase;font-size:.75rem}.lang-suggest{position:fixed;left:50%;bottom:16px;z-index:35;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px);padding:8px 8px 8px 16px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #00000040;font-size:.92rem;font-weight:600;opacity:0;transform:translate(-50%,24px);pointer-events:none;transition:opacity .3s ease,transform .4s cubic-bezier(.2,.9,.3,1.2)}.lang-suggest.show{opacity:1;transform:translate(-50%);pointer-events:auto}.lang-suggest .btn{min-height:36px;padding:6px 14px;text-decoration:none;white-space:nowrap}.lang-suggest .ls-x{width:34px;height:34px;flex:none;border-radius:8px;color:var(--muted);font-size:1rem}.lang-suggest .ls-x:hover{background:var(--soft);color:var(--ink)}body.ls-on .to-top{bottom:84px}@media(max-width:480px){.lang-suggest{width:calc(100% - 32px)}.lang-suggest span{flex:1}}@media(prefers-reduced-motion:reduce){.lang-suggest{transition:none}}.to-top{position:fixed;right:16px;bottom:16px;z-index:20;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #00000038;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s,transform .2s}.to-top.show{opacity:1;transform:none;pointer-events:auto}.to-top:hover{border-color:var(--accent)}.header-actions{min-width:0}.hdr-msg{flex:0 1 auto;min-width:0;max-width:0;height:38px;line-height:36px;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;color:var(--ink);background:var(--card);border:1px solid transparent;border-radius:10px;opacity:0;transform:translate(14px) scale(.94);transform-origin:right center;transition:max-width .32s ease,padding .32s ease,opacity .22s ease,transform .38s cubic-bezier(.2,.9,.3,1.25),border-color .22s}.hdr-msg.show{max-width:var(--w, 220px);padding:0 12px;opacity:1;transform:none;border-color:var(--accent)}@media(max-width:520px){.site-header.msg-on .logo span{display:none}}@media(prefers-reduced-motion:reduce){.to-top,.hdr-msg{transition:none}}.intro{padding:16px 0 10px}h1{font-size:clamp(1.3rem,3.6vw,2rem);font-weight:800}.sub{color:var(--muted);font-size:.94rem;margin-top:3px}.tabs-outer{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}.tabs{display:flex;gap:4px;width:min(1120px,100% - 32px);margin-inline:auto;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs a{flex:none;padding:10px 11px;font-size:.9rem;font-weight:600;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}.tabs a:hover{color:var(--ink)}.tabs a.on{color:var(--ink);border-bottom-color:var(--accent)}.panels{padding-top:14px}.tool-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px}.js .panel{display:none}.js .panel.active{display:block}.split{display:grid;gap:18px}.stage-col{min-width:0}.controls{display:flex;flex-direction:column;gap:12px;min-width:0}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;min-height:150px;padding:18px;border:2px dashed var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.dropzone strong{font-size:1.1rem;color:var(--accent)}.dropzone span{font-size:.86rem;color:var(--muted)}.dropzone:hover,.dropzone.over,.dropzone:focus-within{border-color:var(--accent);background:var(--accent-soft)}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.field-row.four{margin-top:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}input:not([type=range]):not([type=color]),select,textarea{width:100%;font:inherit;font-size:16px;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:9px 11px}textarea{resize:vertical;display:block}input[type=range]{width:100%;accent-color:var(--accent)}input[type=color]{width:100%;height:40px;padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:9px;cursor:pointer}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:8px 15px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-weight:600;font-size:.94rem;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-main{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-main:hover:not(:disabled){filter:brightness(1.08);border-color:var(--accent)}.controls>.btn-main{min-height:50px;font-size:1rem}.link-btn{color:var(--muted);font-size:.86rem;text-decoration:underline;align-self:flex-start;padding:4px 0}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}.seg{display:flex;background:var(--soft);border-radius:10px;padding:3px}.seg button{flex:1;padding:7px 8px;border-radius:8px;font-size:.87rem;font-weight:600;color:var(--muted)}.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #0000002e}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 10px;border:1px solid var(--line);border-radius:99px;font-size:.82rem;background:var(--bg)}.chip:hover{border-color:var(--ink)}.chip.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}details.mini summary{cursor:pointer;font-size:.87rem;color:var(--muted);margin-bottom:8px}details.mini .field{margin-bottom:8px}.csel{position:relative}.csel-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.csel-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:42px;padding:8px 11px;font-size:16px;line-height:1.3;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:9px;cursor:pointer;transition:border-color .12s}.csel-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csel-btn svg{flex:none;color:var(--muted);transition:transform .15s}.csel-btn:hover{border-color:var(--muted)}.csel.open .csel-btn{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.csel.open .csel-btn svg{transform:rotate(180deg);color:var(--accent)}.csel-list{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;max-width:min(320px,86vw);max-height:280px;overflow-y:auto;padding:5px;background:var(--card);border:1px solid var(--line);border-radius:11px;box-shadow:0 12px 30px #00000052;scrollbar-width:thin}.csel.up .csel-list{top:auto;bottom:calc(100% + 6px)}.csel-opt{display:block;width:100%;padding:8px 10px;font-size:.94rem;line-height:1.3;text-align:left;border-radius:7px;cursor:pointer}.csel-opt:hover,.csel-opt.active{background:var(--soft)}.csel-opt.sel{background:var(--accent-soft);color:var(--accent);font-weight:700}.ai-box{display:flex;flex-direction:column;gap:10px;margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg);line-height:1.45}.ai-title{font-size:1rem;letter-spacing:-.01em}.ai-out{display:flex;flex-direction:column;gap:8px}.ai-text{white-space:pre-wrap;overflow-wrap:anywhere}.ai-read{font-size:.86rem;color:var(--muted)}.ai-list{padding-left:18px;font-size:.88rem;color:var(--muted)}#in-ai-out{margin-top:12px}.thumb-row{display:flex;gap:8px}.thumb{position:relative;width:62px;height:62px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb i{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#000000b8;color:#fff;font:700 13px/18px var(--sans);text-align:center}.crop-stage{display:grid;place-items:center;background:repeating-conic-gradient(var(--soft) 0 25%,transparent 0 50%) 0 0 / 18px 18px;border-radius:10px;padding:10px;min-height:240px}#rz-canvas{max-height:min(62vh,560px);width:auto;height:auto;cursor:grab;touch-action:none;box-shadow:0 2px 14px #00000040}#rz-canvas:active{cursor:grabbing}.file-list:not(:empty){margin-top:12px;display:flex;flex-direction:column;gap:6px}.file-row{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:7px 9px}.file-row img{width:44px;height:44px;object-fit:cover;border-radius:6px}.file-row b{display:block;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row small{color:var(--muted)}.file-row small.good{color:var(--ok);font-weight:600}.file-row small.bad{color:var(--bad)}.file-row>div{min-width:0}.yt-preview{--y-bg: #0f0f0f;--y-ink: #f1f1f1;--y-mut: #aaaaaa;background:var(--y-bg);color:var(--y-ink);border-radius:12px;padding:14px;min-width:0}.yt-preview[data-theme=light]{--y-bg: #ffffff;--y-ink: #0f0f0f;--y-mut: #606060;border:1px solid var(--line)}.yt-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--y-mut);margin-bottom:6px}.yt-group{margin-bottom:16px}.yt-two{display:grid;gap:14px}.yt-disclaimer{font-size:.72rem;color:var(--y-mut)}.yt-card[data-v=home]{max-width:360px}.yt-card[data-v=mobile]{max-width:300px}.yt-thumb{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#4b4b57,#8d8d99)}.yt-thumb img{width:100%;height:100%;object-fit:cover}.yt-thumb i{position:absolute;right:4px;bottom:4px;background:#000c;color:#fff;font:600 .68rem/1 var(--sans);padding:3px 4px;border-radius:4px}.yt-meta{display:grid;grid-template-columns:34px 1fr;gap:10px;margin-top:9px}.yt-ava{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:.85rem}.yt-title{font-weight:600;font-size:.9rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-sub{font-size:.76rem;color:var(--y-mut);margin-top:2px}.yt-row{display:grid;grid-template-columns:168px 1fr;gap:8px;margin-bottom:8px}.yt-row .yt-title{font-size:.84rem}.yt-tiny{grid-template-columns:120px 1fr}.yt-tiny .yt-title{font-size:.78rem}.checks{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px;font-size:.86rem}.checks .good:before{content:"\2713  ";color:var(--ok);font-weight:800}.checks .warn:before{content:"! ";color:var(--bad);font-weight:800}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-top:10px}.stats div{background:var(--soft);border-radius:9px;padding:7px 9px}.stats b{display:block;font-size:1.15rem;font-variant-numeric:tabular-nums}.stats span{font-size:.74rem;color:var(--muted)}.limits{display:flex;flex-direction:column;gap:8px;min-width:0}.limit-top{display:flex;justify-content:space-between;gap:8px;font-size:.84rem}.limit-top span:last-child{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.limit-bar{height:6px;background:var(--soft);border-radius:6px;overflow:hidden;margin-top:3px}.limit-bar i{display:block;height:100%;background:var(--ok)}.limit.over .limit-bar i{background:var(--bad)}.limit.over .limit-top span:last-child{color:var(--bad);font-weight:700}.limit.fold .limit-bar i{background:#d99a00}.font-list{display:grid;gap:6px;margin:12px 0}.font-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:7px 8px 7px 12px}.font-row small{display:block;color:var(--muted);font-size:.72rem}.font-row span{display:block;font-size:1.08rem;overflow-wrap:anywhere;line-height:1.35}.font-row .btn{min-height:36px;padding:5px 11px;font-size:.84rem}.qr-col{display:flex;flex-direction:column;gap:10px;min-width:0}.qr-preview{display:grid;place-items:center;padding:10px;background:var(--soft);border-radius:12px;min-height:260px}.qr-preview svg,.qr-preview canvas{width:min(100%,260px);height:auto;border-radius:6px}.output-link{display:flex;flex-direction:column;gap:7px}.output-link code{display:block;font-size:.82rem;padding:8px 10px;background:var(--soft);border-radius:9px;overflow-wrap:anywhere}.file-btn{cursor:pointer}.earn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px}.earn{min-height:92px;background:var(--soft);border-radius:12px;padding:12px}.earn span{font-size:.78rem;color:var(--muted)}.earn b{display:block;font-size:1.5rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.earn small{color:var(--muted)}.earn.mid{background:var(--accent-soft)}.earn.mid b{color:var(--accent)}#in-basis{margin:10px 0}.privacy-line{font-size:.86rem;color:var(--muted);margin:0 2px 14px}.ad-slot{display:grid;place-items:center;min-height:100px;margin-bottom:24px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.content{padding-bottom:36px;max-width:780px}.content h2{font-size:1.4rem;margin:24px 0 12px}.content p{margin-bottom:12px;color:var(--muted)}.how{padding-left:20px;margin-bottom:14px}.how li{margin-bottom:5px}.faq details{border-top:1px solid var(--line);padding:11px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:7px 0 0}.site-footer{border-top:1px solid var(--line);padding:20px 0 28px;font-size:.84rem;color:var(--muted)}.site-footer nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:8px}.guide{padding-top:22px}.guide .crumbs{font-size:.9rem;margin-bottom:10px}.guide h1{margin-bottom:6px}.guide .byline{font-size:.84rem;color:var(--muted);margin-bottom:14px}.guide .lead{font-size:1.08rem;color:var(--ink);margin-bottom:8px}.guide code{background:var(--soft);padding:1px 6px;border-radius:6px;font-size:.9em;word-break:break-all}.cta{margin:28px 0 8px;padding:18px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius)}.cta strong{display:block;font-size:1.1rem;margin-bottom:2px}.cta p{margin-bottom:12px}.cta .btn{text-decoration:none}.ad-slot{margin:22px 0;text-align:center;min-height:100px}.ad-label{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.credits{margin-top:4px;font-size:.76rem}.legal{padding:28px 0 48px;max-width:760px}.legal h1{margin-bottom:14px}.legal h2{margin:22px 0 8px;font-size:1.15rem}.legal p{margin-bottom:10px}.copy-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:42px}.copy-btn{font:inherit;font-weight:600;font-size:.92rem;padding:9px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.copy-btn:hover{border-color:var(--accent)}#copy-msg{color:var(--muted);font-size:.9rem}.todo{background:var(--warn-bg);color:var(--warn-ink);padding:0 4px;border-radius:4px}.intro .lead{color:var(--muted);margin-top:6px;max-width:720px}.tool-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:6px 0 26px}.tool-link{flex:0 1 270px;min-width:0;display:block;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;transition:border-color .15s}.tool-link:hover{border-color:var(--accent)}@media(max-width:600px){.tool-link{flex-basis:100%}}.intro.center{text-align:center;padding-top:28px;padding-bottom:14px}.intro.center .lead{margin-inline:auto}.content h2:has(+.tool-grid){text-align:center}.tool-link strong{display:block;font-size:1.08rem;margin-bottom:4px;color:var(--accent)}.tool-link span{font-size:.92rem;color:var(--muted)}.content ol,.content ul{padding-left:22px;margin-bottom:14px;color:var(--muted)}.content li{margin-bottom:6px}.size-table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:.92rem}.size-table th,.size-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}.size-table td{color:var(--muted)}@media(min-width:720px){.tool-card{padding:20px}.split{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr)}.thumbs{grid-template-columns:minmax(270px,.8fr) minmax(0,1.6fr)}.yt-two{grid-template-columns:300px minmax(0,1fr)}#cp-zip,#cp-run{flex:none}}.tool-grid-demo .tool-link{flex-basis:270px;transition:transform .18s ease,border-color .15s,box-shadow .18s}.tool-grid-demo .tool-link:hover,.tool-grid-demo .tool-link:focus-visible{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 28px #0003}.demo{height:96px;margin:-6px -6px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 9%,var(--card));display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.demo b,.demo em,.demo i{font-style:normal}.dm-rz{position:relative;width:132px;height:74px}.dm-photo{position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#7c3aed 55%,coral)}.dm-crop{position:absolute;top:0;bottom:0;left:50%;width:42px;transform:translate(-50%);border:2.5px solid #fff;border-radius:6px;box-shadow:0 0 0 100px #00000073;animation:dm-crop 6s ease-in-out infinite}@keyframes dm-crop{0%,26%{width:42px}36%,60%{width:59px}70%,94%{width:128px}to{width:42px}}.dm-l{position:absolute;right:-8px;top:-9px;background:var(--accent);color:#1b0d07;font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:999px;opacity:0}.dm-l.a{animation:dm-la 6s infinite}.dm-l.b{animation:dm-lb 6s infinite}.dm-l.c{animation:dm-lc 6s infinite}@keyframes dm-la{0%,30%{opacity:1}34%,96%{opacity:0}to{opacity:1}}@keyframes dm-lb{0%,32%{opacity:0}36%,62%{opacity:1}66%,to{opacity:0}}@keyframes dm-lc{0%,64%{opacity:0}68%,96%{opacity:1}to{opacity:0}}.dm-cp{position:relative;width:150px;height:58px}.dm-n{position:absolute;left:0;right:0;top:0;text-align:center;font-size:1.4rem;font-weight:800;letter-spacing:-.5px}.dm-n.a{color:#ff6a4d;animation:dm-na 6s infinite}.dm-n.b{color:#28c896;opacity:0;animation:dm-nb 6s infinite}@keyframes dm-na{0%,38%{opacity:1}46%,94%{opacity:0}to{opacity:1}}@keyframes dm-nb{0%,42%{opacity:0}52%,90%{opacity:1}98%,to{opacity:0}}.dm-bar{position:absolute;left:0;right:0;bottom:0;height:10px;border-radius:5px;background:var(--line);overflow:hidden}.dm-bar i{display:block;height:100%;border-radius:5px;animation:dm-shrink 6s ease-in-out infinite}@keyframes dm-shrink{0%,16%{width:100%;background:#ff6a4d}50%,84%{width:7%;background:#28c896}to{width:100%;background:#ff6a4d}}.dm-qr{position:relative;width:80px;height:80px;padding:6px;transition:transform .2s ease;border-radius:8px;background:#fff;color:#111}.dm-qr svg{display:block;width:100%;height:100%}.dm-scan{position:absolute;left:-6px;right:-6px;top:0;height:3px;border-radius:2px;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:dm-scan 2.4s ease-in-out infinite}@keyframes dm-scan{0%,to{top:6px}50%{top:calc(100% - 9px)}}.tool-grid-demo .tool-link:hover .dm-qr{transform:scale(1.12)}@property --dmn{syntax: "<integer>"; inherits: false; initial-value: 0;}.dm-tx{position:relative;width:156px;height:68px;padding:11px 11px 0;border:1.5px solid var(--line);border-radius:9px;background:var(--card);display:flex;flex-direction:column;gap:7px}.dm-tx i{display:block;height:6px;border-radius:3px;background:var(--muted);opacity:.55;width:0}.dm-tx .l1{animation:dm-l1 6s infinite}.dm-tx .l2{animation:dm-l2 6s infinite}.dm-tx .l3{animation:dm-l3 6s infinite}@keyframes dm-l1{0%{width:0}20%,90%{width:100%}to{width:0}}@keyframes dm-l2{0%,18%{width:0}42%,90%{width:84%}to{width:0}}@keyframes dm-l3{0%,40%{width:0}56%,90%{width:42%}to{width:0}}.dm-count{position:absolute;right:9px;bottom:5px;font-size:.72rem;font-weight:800;color:var(--accent);counter-reset:dmn var(--dmn);animation:dm-num 6s infinite}.dm-count:after{content:counter(dmn) " / 280"}@keyframes dm-num{0%{--dmn: 0}58%,90%{--dmn: 240}to{--dmn: 0}}.dm-th{width:140px;height:76px;display:flex;align-items:center;justify-content:center}.dm-thumb{position:relative;width:132px;aspect-ratio:16 / 9;border-radius:7px;background:linear-gradient(135deg,coral,#7c3aed);animation:dm-thumb 6s ease-in-out infinite;box-shadow:0 6px 16px #0000004d}@keyframes dm-thumb{0%,32%{transform:scale(1)}48%,84%{transform:scale(.5)}to{transform:scale(1)}}.dm-play{position:absolute;left:50%;top:50%;margin:-11px 0 0 -8px;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;opacity:.92}.dm-thumb em{position:absolute;right:5px;bottom:5px;background:#000000c7;color:#fff;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:3px}.dm-ab{position:relative;width:130px;height:60px}.dm-ab b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 2.3rem/1 Segoe UI Symbol,"Noto Sans Math","Cambria Math",system-ui,sans-serif;color:var(--ink);opacity:0;animation:dm-cycle 6s infinite}.dm-ab .s1{animation-delay:0s}.dm-ab .s2{animation-delay:1.2s}.dm-ab .s3{animation-delay:2.4s}.dm-ab .s4{animation-delay:3.6s}.dm-ab .s5{animation-delay:4.8s}@keyframes dm-cycle{0%{opacity:0;transform:translateY(8px)}4%,16%{opacity:1;transform:none}20%,to{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.demo *,.demo *:after{animation:none!important}.dm-l.a,.dm-n.a,.dm-ab .s1{opacity:1}.dm-bar i{width:30%;background:#28c896}.dm-tx i{width:80%}.dm-count:after{content:"240 / 280"}.tool-grid-demo .tool-link{transition:none}}.tool-grid.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-grid.guide-grid .tool-link{flex:none;min-width:0;height:100%}@media(max-width:759px){.tool-grid.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:519px){.tool-grid.guide-grid{grid-template-columns:1fr}}.tool-card{position:relative;isolation:isolate}.tool-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%),color-mix(in srgb,var(--accent) 13%,transparent),transparent 62%)}.tool-card:hover:before{opacity:1}.panel.active{animation:panel-in .35s ease both}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.steps{display:flex;gap:8px;list-style:none;margin:2px 0 14px;padding:0}.steps li{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:.86rem;font-weight:600;color:var(--muted);transition:border-color .25s,background .25s,color .25s}.steps i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--line);color:var(--ink);font-style:normal;font-size:.76rem;font-weight:800;display:grid;place-items:center;transition:background .25s,color .25s}.steps li.on{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.steps li.on i{background:var(--accent);color:#1b0d07}.steps li.done{color:var(--ink)}.steps li.done i{background:#28c896;color:#06241b;font-size:0}.steps li.done i:after{content:"\2713";font-size:.8rem}.steps span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropzone{min-height:230px;gap:5px;background:radial-gradient(260px circle at 50% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%);transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.dropzone.small{min-height:92px}.dz-ico{color:var(--accent);margin-bottom:4px;animation:dz-float 3.2s ease-in-out infinite}.dz-arrow{transform-box:fill-box;animation:dz-arrow 1.8s ease-in-out infinite}@keyframes dz-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dz-arrow{0%,to{transform:translateY(0);opacity:.95}50%{transform:translateY(5px);opacity:.45}}.dz-hint{font-style:normal;font-size:.78rem;color:var(--muted);opacity:.85;margin-top:8px}.dz-drop{display:none;font-size:1.35rem;color:var(--accent)}.dropzone:hover .dz-ico{animation-duration:1.6s}.dropzone.over{transform:scale(1.012);box-shadow:0 0 0 4px var(--accent-soft),0 14px 40px #ff7f5033}.dropzone.over strong,.dropzone.over span,.dropzone.over .dz-hint{display:none}.dropzone.over .dz-drop{display:block}.dropzone.over .dz-ico{animation-duration:.8s}@media(pointer:coarse){.dz-hint{display:none}}.dz-sample{display:block;margin:12px auto 2px;font:inherit;font-weight:600;font-size:.9rem;padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.dz-sample:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.dz-sample:disabled{opacity:.6;cursor:progress}.dz-sample[hidden]{display:none}.limit-bar i{transition:width .45s cubic-bezier(.2,.8,.2,1)}@media(max-width:480px){.steps{gap:5px}.steps li{padding:7px 8px;font-size:.78rem;gap:6px}.steps i{width:19px;height:19px}}@media(prefers-reduced-motion:reduce){.dz-ico,.dz-arrow,.panel.active{animation:none}.limit-bar i,.dropzone,.steps li,.steps i{transition:none}}.steps li.done:last-child i{animation:step-pop .5s cubic-bezier(.2,1.6,.4,1)}.steps li.done:last-child{border-color:#28c896;background:#28c8961a}@keyframes step-pop{0%{transform:scale(.4)}to{transform:scale(1)}}.link-btn[data-reset]{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border:1px dashed var(--line);border-radius:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.9rem;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.link-btn[data-reset]:before{content:"\21ba";font-size:1.1rem;line-height:1;color:var(--accent);transition:transform .45s}.link-btn[data-reset]:hover{border-color:var(--accent);border-style:solid;background:var(--accent-soft)}.link-btn[data-reset]:hover:before{transform:rotate(-200deg)}.privacy-line{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;max-width:100%;margin:2px auto 22px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:.84rem;text-align:center}.privacy-line:before{content:"\1f512";font-size:.85rem}body[data-tool] .content h2{display:flex;align-items:center;gap:10px;font-size:1.3rem;margin:36px 0 14px;text-align:left}body[data-tool] .content h2:before{content:"";flex:none;width:4px;height:1.15em;border-radius:4px;background:var(--accent)}body[data-tool] .content ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-tool] .content ul li:last-child:nth-child(odd){grid-column:1 / -1}body[data-tool] .content ul li{margin:0;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s,transform .2s}body[data-tool] .content ul li strong,body[data-tool] .content ul li b{display:block;color:var(--ink);margin-bottom:2px}body[data-tool] .content ol{list-style:none;padding:0;counter-reset:tip;display:grid;gap:10px}body[data-tool] .content ol li{counter-increment:tip;position:relative;margin:0;padding:13px 16px 13px 54px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s,transform .2s}body[data-tool] .content ol li:before{content:counter(tip);position:absolute;left:14px;top:11px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:.86rem}body[data-tool] .content ul li:hover,body[data-tool] .content ol li:hover{border-color:var(--accent);transform:translateY(-2px)}@media(max-width:600px){body[data-tool] .content ul{grid-template-columns:1fr}}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:0;transition:border-color .2s,background .2s}.faq details[open]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--card))}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-weight:700;transition:transform .25s,background .2s}.faq details[open] summary:after{content:"\2212";transform:rotate(180deg);background:var(--accent-soft)}.faq details:hover{border-color:var(--accent)}.faq p{margin:0;padding:0 16px 15px;animation:faq-in .25s ease both}@keyframes faq-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.tool-grid.guide-grid{text-align:left}@media(min-width:520px)and (max-width:759px){.tool-grid.guide-grid>:last-child:nth-child(odd){grid-column:1 / -1}}.content .tool-grid:not(.tool-grid-demo) .tool-link{position:relative;isolation:isolate;transition:border-color .15s,transform .18s,box-shadow .18s}.content .tool-grid:not(.tool-grid-demo) .tool-link:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(calc(var(--gr, 520px) * .62) circle at var(--mx, 50%) var(--my, 0%),color-mix(in srgb,var(--accent) 14%,transparent),transparent 65%)}.content .tool-grid:not(.tool-grid-demo) .tool-link:after{content:"\2192";position:absolute;top:16px;right:16px;color:var(--muted);transition:transform .2s,color .2s}.content .tool-grid:not(.tool-grid-demo) .tool-link strong{padding-right:22px}.content .tool-grid:not(.tool-grid-demo) .tool-link:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0003}.content .tool-grid:not(.tool-grid-demo) .tool-link:hover:before{opacity:1}.content .tool-grid:not(.tool-grid-demo) .tool-link:hover:after{transform:translate(3px);color:var(--accent)}@media(prefers-reduced-motion:reduce){.faq p,.steps li.done:last-child i{animation:none}.content .tool-link,.content ul li,.content ol li{transition:none}}@media(min-width:760px){.tool-grid.guide-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.tool-grid.guide-grid>.tool-link{grid-column:span 2}.tool-grid.guide-grid>.tool-link:last-child:nth-child(3n+1){grid-column:span 6}.tool-grid.guide-grid>.tool-link:nth-last-child(2):nth-child(3n+1),.tool-grid.guide-grid>.tool-link:last-child:nth-child(3n+2){grid-column:span 3}}.content .tool-link.has-demo:after{display:none}.content .tool-link.has-demo strong{padding-right:0}.content .tool-link.has-demo:hover .demo{background:color-mix(in srgb,var(--accent) 16%,var(--card))}@supports (animation-timeline: view()){.content .tool-grid .tool-link,.faq details,body[data-tool] .content ul li,body[data-tool] .content ol li{animation:rise-in linear backwards;animation-timeline:view();animation-range:entry 0% entry 40%}}@keyframes rise-in{0%{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.content .tool-grid .tool-link,.faq details,.content ul li,.content ol li{animation:none}}.qr-presets{display:flex;flex-wrap:wrap;gap:10px;margin:2px 0 12px}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid var(--line);background:linear-gradient(135deg,var(--a),var(--b));cursor:pointer;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s}.swatch:hover{transform:scale(1.12)}.swatch.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--accent-soft)}.lt-top{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:14px}@media(min-width:760px){.lt-top{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"field stage" "chips stage";align-items:start}.lt-top>.field{grid-area:field}.lt-examples{grid-area:chips}.lt-stage{grid-area:stage}}.lt-examples{display:flex;flex-wrap:wrap;gap:8px}.chip{font:inherit;font-size:.84rem;font-weight:600;padding:6px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.chip:hover{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}.lt-stage{position:relative;min-height:110px;padding:14px 16px 16px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(360px circle at 20% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),var(--soft);overflow:hidden}.lt-stage small{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.lt-stage p{font-size:1.75rem;line-height:1.3;font-weight:600;overflow-wrap:anywhere;margin:0;color:var(--ink)}.lt-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.lt-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.lt-tabs::-webkit-scrollbar{display:none}.lt-tabs button{flex:none;font:inherit;font-size:.84rem;font-weight:600;padding:6px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.lt-tabs button:hover{border-color:var(--accent);color:var(--ink)}.lt-tabs button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.lt-count{flex:none;font-size:.8rem;color:var(--muted)}.font-list{display:grid;gap:8px}@media(min-width:900px){.font-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.font-row{grid-template-columns:minmax(0,1fr) auto auto;transition:border-color .15s,transform .15s,background .15s;cursor:default}.font-row:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.font-row.is-fav{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.star{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:1.15rem;cursor:pointer;transition:transform .15s,color .15s}.star:hover{transform:scale(1.2);color:var(--accent)}.star[aria-pressed=true]{color:#f5b50a}.lt-empty{grid-column:1 / -1;padding:26px 12px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.dz-hint{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.keys{display:inline-flex;align-items:center;gap:4px}.keys i{font-style:normal;opacity:.6}.keys .os-ico{color:#4cc2ff;margin-right:3px}kbd{font:inherit;font-size:.74rem;font-weight:700;line-height:1;padding:3px 7px;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;background:var(--soft);color:var(--ink)}.tool-card.touch-glow:before,.content .tool-grid .tool-link.touch-glow:before{opacity:1}.tool-card:before{background:radial-gradient(var(--gr, 520px) circle at var(--mx, 50%) var(--my, 0%),color-mix(in srgb,var(--accent) 16%,transparent),transparent 62%)}.dz-sample.cc-sample{margin:8px 0 0}.dz-sample.qr-sample{margin:2px 0 0;align-self:flex-start}.controls>.dz-sample{align-self:flex-start;margin:0}#caracteres textarea{min-height:220px;transition:border-color .2s,box-shadow .2s}#caracteres textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),0 10px 34px #ff7f501f}.stats div{transition:transform .15s,background .2s}.stats div:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--accent) 8%,var(--soft))}.stats .bump b{animation:stat-bump .45s cubic-bezier(.2,1.5,.4,1);color:var(--accent)}@keyframes stat-bump{0%{transform:scale(.7);opacity:.4}to{transform:scale(1);opacity:1}}.limits{gap:6px}.limit{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--soft) 55%,transparent);transition:border-color .2s,transform .2s,background .2s}.limit:hover{border-color:var(--accent);transform:translate(3px)}.limit.over{border-color:color-mix(in srgb,var(--bad) 60%,var(--line))}.limit-top{align-items:center}.lim-name{display:inline-flex;align-items:center;gap:9px;min-width:0}.lim-name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-ico{flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#333;transition:transform .2s}.app-ico svg{width:24px;height:24px;display:block}.limit:hover .app-ico{transform:rotate(-8deg) scale(1.12)}.app-ico[data-app=facebook],.app-ico[data-app=pinterest],.app-ico[data-app=threads]{border-radius:50%}.app-ico[data-app=facebook]{background:#1877f2}.app-ico[data-app=youtube]{background:#f03}.app-ico[data-app=instagram]{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.app-ico[data-app=tiktok],.app-ico[data-app=x],.app-ico[data-app=threads]{background:#000}.app-ico[data-app=linkedin]{background:#0a66c2}.app-ico[data-app=pinterest]{background:#e60023}.app-ico[data-app=bluesky]{background:#0085ff}.qr-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qr-types button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 6px 9px;font:inherit;font-size:.8rem;font-weight:600;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .15s}.qr-types button:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-2px)}.qr-types button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.qr-types button.on svg{color:var(--accent)}@media(min-width:520px){.qr-types{grid-template-columns:repeat(6,minmax(0,1fr))}.qr-types button{font-size:.72rem;padding:10px 2px 8px}}@media(min-width:760px)and (max-width:1000px){.qr-types{grid-template-columns:repeat(3,minmax(0,1fr))}}.qr-design{margin-top:4px;padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--soft) 45%,transparent);display:flex;flex-direction:column;gap:10px}.qr-design .qr-presets{margin:0}.qr-phone{position:relative;padding:26px 14px 16px;border:2px solid var(--line);border-radius:30px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 10%,var(--soft)),var(--soft));box-shadow:0 18px 44px #00000029}.qr-phone:before{content:"";position:absolute;top:9px;left:50%;width:54px;height:6px;margin-left:-27px;border-radius:6px;background:var(--line)}.qr-phone .qr-preview{position:relative;background:transparent;min-height:240px;overflow:hidden}.qr-phone .qr-preview:after{content:"";position:absolute;left:8%;right:8%;height:3px;top:8%;border-radius:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 14px var(--accent);animation:qr-sweep 2.8s ease-in-out infinite;pointer-events:none}@keyframes qr-sweep{0%,to{top:8%;opacity:0}15%,85%{opacity:.9}50%{top:90%}}.qr-phone .qr-preview svg,.qr-phone .qr-preview canvas{border-radius:12px;background:#fff;box-shadow:0 6px 22px #0000002e}.qr-scan{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px dashed var(--line);border-radius:12px;min-width:0}.qr-scan small{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.qr-scan b{font-size:.92rem;overflow-wrap:anywhere}@media(min-width:720px){.qr-split{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.qr-col{position:sticky;top:64px;align-self:start}}.lt-top{margin-bottom:10px}.lt-stage{position:sticky;top:56px;z-index:6;margin-bottom:12px;padding:10px 16px 12px;min-height:0;max-height:34vh;overflow:auto;backdrop-filter:blur(8px);box-shadow:0 10px 28px #0000002e}.lt-stage small{margin-bottom:4px}.lt-stage p{font-size:1.45rem}@media(min-width:760px){.lt-top{grid-template-columns:minmax(0,1fr);grid-template-areas:none}.lt-top>.field,.lt-examples,.lt-stage{grid-area:auto}}.guide-card{display:flex;flex-direction:column}.guide-card .demo{margin:-6px -6px 14px;height:84px;flex:none}.guide-card .g-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-bottom:8px;padding:3px 10px;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);border-radius:999px}.guide-card .g-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.guide-card strong{padding-right:0!important}.guide-card>span{flex:1}.guide-card .g-go{margin-top:12px;font-size:.84rem;font-weight:700;color:var(--accent)}.guide-card .g-go:after{content:" \2192";display:inline-block;transition:transform .2s}.guide-card:hover .g-go:after{transform:translate(4px)}.guide-card:after{display:none!important}.tool-link.paused .demo *{animation-play-state:paused!important}.site-footer{margin-top:24px;padding:38px 0 0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 5%,var(--soft)))}.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding-bottom:26px}.ft-brand .logo{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:1.1rem;color:var(--ink);text-decoration:none;margin-bottom:10px}.ft-brand p{color:var(--muted);max-width:32ch;line-height:1.5}.ft-col h3{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 12px}.ft-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ft-col a{color:var(--muted);text-decoration:none;transition:color .15s,padding-left .15s}.ft-col a:hover{color:var(--accent);padding-left:4px}.ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding:16px 0 24px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}.ft-bottom p{margin:0}@media(max-width:760px){.ft-grid{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.qr-phone .qr-preview:after,.stats .bump b{animation:none}}.site-footer nav.ft-col{display:block;margin:0}.ft-col h3{margin-top:0}.guide-card .g-tag{font-style:normal}.privacy-line[hidden]{display:none}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;box-sizing:border-box}kbd.k-win{color:#3aa0ff;padding:0 6px}.keys .os-ico{display:none}.keys{gap:5px}.g-art{position:relative;height:112px;margin:-6px -6px 14px;border-radius:12px;background:radial-gradient(240px circle at 25% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),color-mix(in srgb,var(--accent) 7%,var(--card));overflow:hidden}.g-art>svg{position:absolute;inset:0;width:100%;height:100%}.g-art .f{fill:var(--accent)}.g-art .fs{fill:color-mix(in srgb,var(--accent) 28%,var(--card))}.g-art .fa{fill:var(--accent)}.g-art .fa2{fill:color-mix(in srgb,var(--accent) 22%,var(--card));stroke:var(--accent);stroke-width:2}.g-art .fc{fill:var(--card);stroke:var(--line);stroke-width:2}.g-art .fm{fill:color-mix(in srgb,var(--muted) 45%,transparent)}.g-art .fi{fill:var(--ink)}.g-art .fq{fill:#fff}.g-art .fd{fill:#17171c}.g-art .st{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.g-art .st2{fill:none;stroke:var(--line);stroke-width:2;stroke-linejoin:round}.g-art .st3{stroke:var(--accent);stroke-width:3}.g-art .st4{fill:none;stroke:var(--line);stroke-width:3;stroke-linecap:round}.g-art .st5{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round}.g-art .rg{fill:none;stroke:color-mix(in srgb,var(--muted) 30%,transparent);stroke-width:8}.g-art .rp{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:118 164;transform:rotate(-90deg);transform-origin:192px 54px}.g-art .tw2{fill:#ffffffd9}.g-art text{font:700 13px system-ui,sans-serif;fill:var(--ink)}.g-art .tw{fill:#fff}.g-art .ta{fill:var(--accent)}.g-art .sm{font-size:11px;fill:var(--muted)}.g-art .xs{font-size:9px}.g-art .big{font-size:34px;font-family:Georgia,serif}.g-art .bold{font-weight:900;fill:var(--accent)}.g-art .ital{font-style:italic}.g-badge{position:absolute;top:8px;right:8px;width:70px;height:46px;border-radius:10px;overflow:hidden;border:2px solid var(--card);background:var(--card);box-shadow:0 5px 16px #00000047;z-index:2;transition:transform .25s}.g-badge .demo{position:absolute;top:0;left:0;width:220px;height:144px;margin:0;border-radius:0;transform:scale(.318);transform-origin:0 0}.guide-card:hover .g-badge{transform:scale(1.12) rotate(2deg)}.guide-card:hover .g-art>svg{transform:scale(1.04)}.g-art>svg{transition:transform .35s}.g-panel{margin:-6px -6px 14px;padding:9px 9px 0;border-radius:14px;overflow:hidden;background:radial-gradient(280px circle at 20% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%),color-mix(in srgb,var(--accent) 8%,var(--card))}.g-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.g-head .g-tag{margin:3px 0 0;font-style:normal;max-width:calc(100% - 96px);line-height:1.25}.g-badge{position:relative;top:auto;right:auto;flex:none;width:84px;height:55px;border-radius:11px;overflow:hidden;border:2px solid var(--card);background:var(--card);box-shadow:0 5px 16px #00000040}.g-badge .demo{position:absolute;top:0;left:0;width:220px;height:144px;margin:0;border-radius:0;transform:scale(.382);transform-origin:0 0}.g-art{position:static;height:auto;margin:0;border-radius:0;background:none;overflow:visible}.g-art>svg{position:static;display:block;width:100%;height:auto;transform:none!important}.guide-card:hover .g-badge{transform:scale(1.08) rotate(2deg)}.g-art .s1{stop-color:var(--accent)}.g-art .s2{stop-color:#ffb067}.g-art .ck1{fill:#f4f4f4}.g-art .ck2{fill:#d6d6d6}.g-art .ckfill{fill:url(#gCk)}.g-art .k{fill:var(--card);stroke:var(--line);stroke-width:1.5}.g-art .sh{filter:drop-shadow(0 3px 5px rgba(0,0,0,.24))}.g-art .g1{fill:url(#gA)}.g-art .fr-line{fill:none;stroke:#ffffff8c;stroke-width:1.5}.g-art .pill{fill:color-mix(in srgb,var(--accent) 20%,var(--card))}.g-art .chip-dark{fill:#17171c}.g-art .ok{fill:#22b573}.g-art .ck-path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.g-art .fbar-bad,.g-art .bad-fill{fill:#e5484d}.g-art .fbar-mid{fill:#f5a524}.g-art .fm-soft{fill:color-mix(in srgb,var(--muted) 20%,transparent)}.g-art .rg{fill:none;stroke:color-mix(in srgb,var(--muted) 30%,transparent);stroke-width:7}.g-art .rp-bad{fill:none;stroke:#e5484d;stroke-width:7;stroke-linecap:round;stroke-dasharray:150 170;transform:rotate(-90deg);transform-origin:200px 48px}.g-art .bubble-in{fill:var(--card);stroke:var(--line);stroke-width:1.5}.g-art .link-chip{fill:#ffffff3d}.g-art .tw-fill{fill:#fff}.g-art .tw2{fill:#ffffffb3}.g-art .st-g{fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round}.g-art .st-w{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round}.g-art .st-thin{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round}.g-art .play-bg{fill:#0000008c}.g-art .tr{fill:#fff6}.g-art .yt-red{fill:#ff2e2e}.g-art .lens{fill:#ffffff12;stroke:var(--accent);stroke-width:5}.g-art .handle{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round}.g-art .ring-mini{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:3 3}.g-art .arc{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round}.g-art .av-ring{fill:none;stroke:url(#gA);stroke-width:4}.g-art .dash{fill:none;stroke:var(--accent);stroke-width:2}.g-art .none{display:none}.g-art .tx.xs{font-size:9px}.g-art .tx.sm{font-size:12px;fill:var(--ink)}.g-art .tx.tw{fill:#fff}.g-art .tx.ta{fill:var(--accent)}.g-art .tx.big{font-size:34px;font-family:Georgia,Times New Roman,serif;fill:var(--ink)}.g-art .tx.big.tw{fill:#fff}.g-art .tx.big2{font-size:16px;font-weight:800}.g-art .tx.heavy{font-family:system-ui,sans-serif;font-weight:900}.g-art .tx.ital{font-style:italic}.g-art .tx.big.ta{fill:var(--accent)}@keyframes g-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes g-pop{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes g-pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes g-flow{to{stroke-dashoffset:-24}}.g-art .a-float{animation:g-float 3.2s ease-in-out infinite}.g-art .a-pop{animation:g-pop 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.g-art .a-pulse{animation:g-pulse 2s ease-in-out infinite}.g-art .d2{animation-delay:.3s}.g-art .d3{animation-delay:.6s}.g-art .a-flow{stroke-dasharray:6 6;animation:g-flow 1.4s linear infinite}.tool-link.paused .g-art *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.g-art *{animation:none!important}}.site-footer{margin-top:28px;padding-top:44px;border-top:0;position:relative;background:radial-gradient(620px circle at 15% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,var(--bg)),color-mix(in srgb,var(--accent) 16%,var(--bg)))}.site-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),#ffb067,var(--accent),transparent)}.ft-brand .logo{color:var(--ink)}.ft-brand p{color:color-mix(in srgb,var(--ink) 70%,var(--accent))}.ft-col h3{color:var(--accent)}.ft-col a{color:color-mix(in srgb,var(--ink) 78%,var(--accent))}.ft-col a:hover{color:var(--accent)}.ft-bottom{border-top:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));color:color-mix(in srgb,var(--ink) 65%,var(--accent))}.ft-bottom a{color:var(--accent)}.read-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:50;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),#ffb067);pointer-events:none}.guide{max-width:820px}.g-hero{margin:4px 0 20px}.g-hero .g-panel{margin:0}.g-hero .g-art>svg{max-height:190px}a.g-tag{text-decoration:none;transition:background .15s}a.g-tag:hover{background:color-mix(in srgb,var(--accent) 30%,transparent)}.guide h1{font-size:clamp(1.65rem,4.2vw,2.35rem);line-height:1.15;letter-spacing:-.01em}.guide .byline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}.guide .byline .rt:before{content:"\23f1";margin-right:5px}.guide .lead{font-size:1.14rem;line-height:1.6;padding-left:14px;border-left:4px solid var(--accent)}.toc{margin:22px 0 8px;padding:16px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,var(--card))}.toc>strong{display:block;margin-bottom:10px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.toc ol{list-style:none;counter-reset:t;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin:0;padding:0}.toc li{counter-increment:t;margin:0}.toc a{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);text-decoration:none;font-size:.92rem;line-height:1.3;transition:border-color .15s,transform .15s}.toc a:before{content:counter(t);flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:.78rem}.toc a:hover{border-color:var(--accent);transform:translateY(-2px)}.gbody h2,.guide>h2,#faq h2{display:flex;align-items:center;gap:10px;font-size:1.35rem;margin:38px 0 14px;scroll-margin-top:16px}.gbody h2:before,.guide>h2:before,#faq h2:before{content:"";flex:none;width:4px;height:1.15em;border-radius:4px;background:var(--accent)}.gbody p{line-height:1.7;font-size:1.02rem}.gbody ul,.gbody ol{list-style:none;padding:0;display:grid;gap:10px;margin:0 0 16px}.gbody ol{counter-reset:gs}.gbody li{margin:0;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--muted);line-height:1.55;transition:border-color .2s,transform .2s}.gbody li strong{color:var(--ink)}.gbody ol li{counter-increment:gs;position:relative;padding-left:56px}.gbody ol li:before{content:counter(gs);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:.86rem}.gbody li:hover{border-color:var(--accent);transform:translateY(-2px)}.gbody .size-table{display:table;width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:6px 0 14px;background:var(--card)}.gbody .size-table th{background:color-mix(in srgb,var(--accent) 12%,var(--card));color:var(--ink);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.gbody .size-table th,.gbody .size-table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}.gbody .size-table tr:last-child td{border-bottom:0}.gbody .size-table tr:nth-child(2n) td{background:color-mix(in srgb,var(--soft) 55%,transparent)}.gbody .size-table td:first-child{color:var(--ink);font-weight:600}.gbody code{background:var(--soft);padding:2px 7px;border-radius:6px}@media(max-width:560px){.gbody .size-table th,.gbody .size-table td{padding:9px 10px;font-size:.88rem}}.cta-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin:36px 0 10px;padding:22px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-left-width:4px;border-radius:16px;background:radial-gradient(420px circle at 100% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),var(--card)}.cta-card strong{font-size:1.3rem}.cta-card p{margin:4px 0 14px}.cta-demo .demo{width:220px;height:130px;margin:0;border-radius:14px}@media(max-width:620px){.cta-card{grid-template-columns:1fr}.cta-demo{order:-1}.cta-demo .demo{width:100%}}@supports (animation-timeline: view()){.gbody li,.toc li,.size-table tr{animation:rise-in linear backwards;animation-timeline:view();animation-range:entry 0% entry 40%}}@media(prefers-reduced-motion:reduce){.gbody li,.toc li,.size-table tr{animation:none}.read-progress{transition:none}}.g-hero .g-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:3px 0 0;padding:4px 11px;font-size:.74rem;font-weight:700;letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);border-radius:999px}.g-hero .g-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.flag{flex:none;border-radius:3px;box-shadow:0 0 0 1px #0000002e;display:block}.lang-menu>summary{display:inline-flex;align-items:center;gap:7px}.lang-list a{align-items:center;justify-content:flex-start;gap:10px}.lang-list a .ln{flex:1}.lang-list a:hover .flag{transform:scale(1.08)}.flag{transition:transform .15s}.site-footer{content-visibility:auto;contain-intrinsic-size:auto 460px}.guide-grid .tool-link,.tool-grid .tool-link.guide-card{content-visibility:auto;contain-intrinsic-size:auto 340px}.faq{content-visibility:auto;contain-intrinsic-size:auto 260px}.share-card{position:fixed;left:50%;bottom:18px;z-index:60;width:min(440px,calc(100vw - 24px));display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));border-radius:16px;background:var(--card);box-shadow:0 16px 44px #00000059;transform:translate(-50%,140%);opacity:0;transition:transform .45s cubic-bezier(.2,.9,.3,1.2),opacity .3s}.share-card.show{transform:translate(-50%);opacity:1}.share-card>div{flex:1;min-width:0;display:flex;flex-direction:column}.share-card strong{font-size:1rem}.share-card span{font-size:.84rem;color:var(--muted)}.share-card .btn{min-height:38px;padding:6px 14px;flex:none}.sc-x{flex:none;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:1.3rem;cursor:pointer}@media(prefers-reduced-motion:reduce){.share-card{transition:opacity .2s;transform:translate(-50%)}}.rz-batch{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.rz-strip{display:flex;gap:8px;overflow-x:auto;padding:2px;max-width:100%}.rz-strip[hidden]{display:none}.rz-thumb{position:relative;flex:none;width:58px;height:58px;padding:0;border:2px solid var(--line);border-radius:10px;overflow:hidden;background:var(--soft);cursor:pointer;transition:border-color .15s,transform .15s}.rz-thumb img{width:100%;height:100%;object-fit:cover;display:block}.rz-thumb.on{border-color:var(--accent);transform:translateY(-2px)}.rz-thumb i{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.85rem;line-height:1;color:#fff;background:#0009;opacity:0;transition:opacity .15s}.rz-thumb:hover i,.rz-thumb:focus-visible i{opacity:1}@media(pointer:coarse){.rz-thumb i{opacity:1}}.rz-add{min-height:40px;padding:6px 14px}.saved-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 12px;margin:10px 0 0;padding:10px 14px;border:1px dashed color-mix(in srgb,var(--accent) 50%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,transparent)}.saved-box[hidden]{display:none}.saved-box small{flex-basis:100%;text-align:center;color:var(--muted);font-size:.76rem}.panel:has([data-show$=-ready]:not([hidden])) .saved-box{display:none}