/* Website screenshot (/free-tools/screenshot/): two segmented choices under the link field,
   then the capture editor across the whole page under the header: no box, no footer. */
.ss-options{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
body.ss-open .ft{max-width:none;border-inline:0}
body.ss-open .ft>:not(#ss-shell),body.ss-open .sp-footer{display:none}
.ss-shell{display:flex;flex-direction:column;width:calc(100vw - var(--sbw,0px));margin-left:calc(50% - (100vw - var(--sbw,0px)) / 2)}
.ss-shell[hidden]{display:none}
.ss-bar{display:flex;align-items:center;gap:10px;flex:none;height:48px;padding:0 10px 0 16px;border-bottom:1px solid var(--ft-line);background:var(--ft-bg)}
.ss-bar-site{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.ss-bar-site img{flex:none;border-radius:3px}
.ss-bar-site b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-bar-site small{font:500 11.5px var(--ft-mono);color:var(--ft-faint);white-space:nowrap}
.ss-frame{flex:1;width:100%;min-height:0;border:0;background:var(--kb-0b0a0d,#0b0a0d)}
/* Bar actions: How it works, New screenshot and Cancel; icons only on phones. */
.ss-bar .ft-btn{gap:6px}
@media (max-width:600px){.ss-bar-site small{display:none}.ss-bar{gap:6px;padding-left:12px}.ss-bar .ft-btn>span{display:none}.ss-bar .ft-btn{width:36px;padding:0}}
/* The editor tour: a purple ring on one control and a card beside it. */
.ss-tour{position:fixed;inset:0;z-index:200}
.ss-tour-ring{position:fixed;border:2px solid var(--ui-accent,var(--kl-b58df4,#b58df4));border-radius:12px;box-shadow:0 0 0 9999px rgba(5,5,7,.55);transition:left .25s,top .25s,width .25s,height .25s;pointer-events:none}
.ss-tour-card{position:fixed;width:min(320px,calc(100vw - 16px));padding:14px 16px;border:.8px solid var(--ui-line,var(--kl-26262c,#26262c));border-radius:16px;background:var(--ui-card,var(--kb-151518,#151518));color:var(--ui-text,var(--kt-f4f4f6,#f4f4f6));box-shadow:var(--ui-pop-shadow,0 20px 40px -20px var(--ks-000,#000))}
.ss-tour-step{margin:0 0 4px;font:400 11.5px var(--ui-mono,ui-monospace,monospace);color:var(--ui-faint,var(--kt-8d8d97,#8d8d97))}
.ss-tour-title{display:block;margin:0 0 4px;font-size:16px;letter-spacing:-.02em}
.ss-tour-text{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--ui-dim,var(--kt-b4b4bc,#b4b4bc))}
.ss-tour-actions{display:flex;align-items:center;gap:6px}
.ss-tour-actions>span{flex:1}
.ss-tour-skip{padding:0;border:0;background:none;color:var(--ui-faint,var(--kt-8d8d97,#8d8d97));font:500 13.5px var(--ui-font,Inter,sans-serif);cursor:pointer}
@media (prefers-reduced-motion:reduce){.ss-tour-ring{transition:none}}