/* Approved orange save/share banner, shared by QR and UTM tools. */
.tool-save{--ts-ink:#211c18;--ts-line:#88552f;box-sizing:border-box;margin-top:36px;padding:40px;background:#fa9d60;color:var(--ts-ink);border:0;border-radius:8px;font:16px/1.5 Onest,system-ui,sans-serif;color-scheme:light}
.tool-save *{box-sizing:border-box}
.tool-save .tool-save-main{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:36px}
.tool-save .tool-save-intro{min-width:0}
.tool-save .tool-save-kicker{margin:0 0 18px;color:var(--ts-ink);font:600 12px/1.4 Onest,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.tool-save .tool-save-heading{display:flex;align-items:center;gap:18px}
.tool-save .tool-save-heading>svg{flex:none}
.tool-save h2{margin:0;color:var(--ts-ink);font:400 clamp(32px,3.5vw,52px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.035em;text-wrap:balance}
.tool-save h2 span{white-space:nowrap}
.tool-save .tool-save-description{margin:18px 0 0;color:var(--ts-ink);font-size:18px;line-height:1.5;max-width:42ch}
.tool-save .tool-save-mobile-hint{display:none}
.tool-save .tool-save-help{margin-top:12px}
.tool-save summary{display:list-item;width:fit-content;max-width:100%;padding:10px 0;min-height:44px;cursor:pointer;color:var(--ts-ink);font-size:14px;text-decoration:underline;text-underline-offset:4px}
.tool-save details p{margin:6px 0 0;max-width:62ch;color:var(--ts-ink);font-size:14px;line-height:1.6}
.tool-save .tool-save-shortcut{text-align:center}
.tool-save .tool-save-keys{display:flex;align-items:center;justify-content:center;gap:16px}
.tool-save .tool-save-keys>kbd{display:flex;align-items:center;justify-content:center;width:108px;height:108px;border:1px solid #151714;border-radius:18px;background:#252723;color:#fff8f1;font:500 42px/1 Onest,system-ui,sans-serif;box-shadow:inset 0 2px 0 #64645c,inset 0 -7px 0 #161814,0 6px 0 #a15e37}
.tool-save .tool-save-keys>span{font:400 40px/1 Onest,system-ui,sans-serif}
.tool-save .tool-save-shortcut>p{margin:22px 0 0;font-size:18px;color:var(--ts-ink)}
.tool-save .tool-save-shortcut>p kbd{font:inherit}
.tool-save .tool-save-sharing{display:flex;align-items:center;justify-content:space-between;gap:20px 28px;border-top:1px solid var(--ts-line);margin-top:28px;padding-top:24px;flex-wrap:wrap}
.tool-save .tool-save-sharing>p{margin:0;color:var(--ts-ink);font:400 25px/1.2 Georgia,'Times New Roman',serif}
.tool-save .tool-save-links{display:flex;flex-wrap:wrap;gap:10px}
.tool-save .tool-save-links :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border:1px solid var(--ts-ink);border-radius:5px;background:transparent;padding:12px 18px;color:var(--ts-ink);font:500 14px/1.4 Onest,system-ui,sans-serif;text-decoration:none;cursor:pointer}
.tool-save .tool-save-links svg{flex:none}
.tool-save .tool-save-vk{font:800 17px/1 Onest,system-ui,sans-serif;letter-spacing:-1px}
.tool-save .tool-save-links :is(a,button):hover{background:var(--ts-ink);color:#fff8f1}
.tool-save :is(a,button,summary,input):focus-visible{outline:3px solid #211c18;outline-offset:4px}
.tool-save .tool-save-status:empty{display:none}
.tool-save .tool-save-status{margin:16px 0 0;color:var(--ts-ink);font-size:14px}
.tool-save [hidden]{display:none!important}
.tool-save [data-tool-fallback]{margin-top:16px}
.tool-save label{display:block;margin-bottom:6px;color:var(--ts-ink)}
.tool-save input{width:100%;max-width:520px;border:1px solid var(--ts-ink);border-radius:4px;padding:12px;background:#fff8f1;color:var(--ts-ink);font:14px/1.5 Onest,system-ui,sans-serif}
@media(max-width:1000px){.tool-save{padding:30px}.tool-save .tool-save-main{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.tool-save .tool-save-keys>kbd{width:90px;height:96px;font-size:36px}.tool-save .tool-save-keys{gap:12px}.tool-save .tool-save-sharing{align-items:flex-start}.tool-save .tool-save-links{width:100%}.tool-save .tool-save-links :is(a,button){flex:1 1 auto}}
@media(max-width:600px){.tool-save{margin-top:28px;padding:26px 20px;border-radius:6px}.tool-save .tool-save-main{display:block}.tool-save .tool-save-shortcut{display:none}.tool-save .tool-save-kicker{font-size:11px;margin-bottom:14px}.tool-save .tool-save-heading{display:block}.tool-save .tool-save-heading>svg{display:none}.tool-save h2{font-size:clamp(27px,7.3vw,40px);line-height:1.12;letter-spacing:-.035em}.tool-save .tool-save-description{font-size:16px;margin-top:14px}.tool-save .tool-save-mobile-hint{display:block;margin:18px 0 0;color:var(--ts-ink);font-size:14px}.tool-save .tool-save-help{margin-top:0}.tool-save .tool-save-sharing{gap:18px;margin-top:20px;padding-top:22px}.tool-save .tool-save-sharing>p{font-size:24px}.tool-save .tool-save-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-save .tool-save-links :is(a,button){padding:12px 8px;font-size:13px;gap:7px;min-width:0}.tool-save .tool-save-links button{grid-column:1/-1}.tool-save .tool-save-links button svg{width:18px}}
@media print{.tool-save{display:none!important}}
