/* Page-local social toolkit. Existing site and standalone checker styles remain unchanged. */
.social-toolkit{padding:16px 0 64px}
.social-toolkit .wrap{max-width:1160px}
.social-toolkit .tool-head{margin-bottom:22px}
.toolkit-context{max-width:850px;color:var(--muted,#596579);line-height:1.65;margin-top:12px}
.toolkit-nav{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 26px}
.toolkit-nav a{display:inline-flex;min-height:42px;align-items:center;padding:9px 13px;border:1px solid #cbd5e1;border-radius:12px;background:#f7f9ff;color:#163a72;font-weight:650;text-decoration:none}
.toolkit-nav a:hover,.toolkit-nav a:focus-visible{border-color:#4265a7;background:#eef3ff}
.toolkit-section{margin:26px 0;padding:22px;scroll-margin-top:18px}
.toolkit-section .panel-top{margin-bottom:16px}
.toolkit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 20px}
.toolkit-fields .field,.toolkit-preview-controls .field{min-width:0}
.toolkit-fields input,.toolkit-fields select,.toolkit-preview-controls select{width:100%;min-width:0;box-sizing:border-box}
.toolkit-output{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border:1px solid #cdd8ed;border-radius:14px;background:#f5f8ff;padding:17px 20px;margin:16px 0}
.toolkit-output .result-big{display:block;margin:5px 0;color:#0c2d57;font-weight:800}
.toolkit-ratio{display:inline-block;background:#dce9ff;color:#153d7b;border-radius:10px;padding:5px 11px;font-size:14px;font-weight:700}
.toolkit-output p{max-width:350px}
.toolkit-caveat{color:#4b5870}
.toolkit-status{margin:16px 0;padding:12px 14px;border:1px solid #c7d5eb;background:#f3f7ff;border-radius:10px;line-height:1.6}
.toolkit-status[data-state=error]{color:#822629;background:#fff3f0;border-color:#eac4bd}
.toolkit-placement-notes{border-top:1px solid #d7dfe9;padding-top:18px;display:grid;gap:8px}
.toolkit-placement-notes p{margin:2px 0;line-height:1.65}
.toolkit-alternates{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0}
.toolkit-preview-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0}
.toolkit-preview-controls .field{width:min(100%,280px)}
.toolkit-creative-frame{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(100%,340px);aspect-ratio:4/5;max-height:550px;margin:12px auto;border-radius:12px;background:repeating-conic-gradient(#e9eef5 0% 25%,#d7dfeb 0% 50%) 50%/28px 28px;overflow:hidden;border:2px solid #7186a6}
.toolkit-creative-frame img{width:100%;height:100%;object-fit:cover;display:block}
.toolkit-creative-frame img[hidden]{display:none}
.toolkit-creative-frame p{max-width:270px;padding:12px 20px;text-align:center;color:#193860;font-weight:650;text-shadow:0 1px #fff}
.toolkit-banner-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.toolkit-banner-card{display:flex;flex-direction:column;gap:10px;padding:17px;border:1px solid #d2dce9;border-radius:12px;background:#f9fbff}
.toolkit-banner-card h3{margin:0}
.toolkit-banner-card p{margin:0;line-height:1.65;flex:1}
.toolkit-banner-card .btn{align-self:start}
.toolkit-guide-list{display:grid;gap:9px}
.toolkit-guide{border:1px solid #d5dfea;border-radius:10px;padding:14px;background:#fff}
.toolkit-guide summary{cursor:pointer;display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}
.toolkit-guide summary span{color:#506078}
.toolkit-guide[open] summary{margin-bottom:14px}
.toolkit-guide p{margin:8px 0;line-height:1.65}
.toolkit-safe-module{scroll-margin-top:18px;margin:32px 0;padding:22px;border:1px solid #d8e1eb;border-radius:16px}
.toolkit-safe-module>h2{margin:0 0 10px}
.toolkit-safe-module>p{margin:0 0 20px;line-height:1.6}
.toolkit-safe-module .safe-element-tool{margin-top:18px}
.toolkit-safe-module .tool-layout{margin-bottom:0}
.social-toolkit :focus-visible{outline:3px solid #316dc2;outline-offset:3px}
.toolkit-banner-preview-block{margin-top:20px;border-top:1px solid #d5dfeb;padding-top:18px}
.toolkit-banner-preview-block>.field{width:min(100%,430px);margin:15px 0}
.toolkit-banner-preview-block select{width:100%;box-sizing:border-box}
.toolkit-banner-frame{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;width:min(100%,680px);aspect-ratio:16/9;background:repeating-conic-gradient(#e9eef5 0% 25%,#d7dfeb 0% 50%) 50%/32px 32px;border:2px solid #657b9b;border-radius:10px;margin:15px auto}
.toolkit-banner-frame img{width:100%;height:100%;object-fit:cover;display:block}
.toolkit-banner-frame img[hidden]{display:none}
.toolkit-banner-frame>span{color:#224166;font-weight:650;padding:16px;text-align:center}
.toolkit-banner-safe-rectangle{position:absolute;box-sizing:border-box;border:2px solid #176c54;background:rgba(38,200,152,.19);pointer-events:none;display:flex;align-items:center;justify-content:center}
.toolkit-banner-safe-rectangle[hidden]{display:none}
.toolkit-banner-safe-rectangle span{color:#075f47;background:rgba(255,255,255,.91);padding:4px 8px;border-radius:5px;font-size:12px;font-weight:750}
@media(max-width:840px){.toolkit-banner-cards{grid-template-columns:1fr}.toolkit-section,.toolkit-safe-module{padding:16px}}
@media(max-width:560px){.toolkit-fields{grid-template-columns:1fr}.toolkit-output{align-items:flex-start;flex-direction:column}.toolkit-guide summary{flex-direction:column;gap:3px}.toolkit-preview-controls{align-items:stretch}.toolkit-preview-controls .field{width:100%}}

/* Show one reader-chosen tool panel with JS; retain full no-JS page content. */
.toolkit-start-note{margin:12px 0 22px;max-width:900px;color:#334563;line-height:1.65}
.toolkit-start-note a{font-weight:700}
.toolkit-choose-task{margin:18px 0 10px;padding:20px;border:1px solid #c7d5ec;border-radius:16px;background:#f6f9ff;scroll-margin-top:12px}
.toolkit-task-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.toolkit-task-intro h2{margin:4px 0}
.toolkit-current-placement{background:#e1ebff;color:#193c71;border-radius:12px;padding:9px 12px;font-size:14px;font-weight:700}
.toolkit-task-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.toolkit-task-options a{display:flex;flex-direction:column;gap:5px;justify-content:center;min-width:0;min-height:84px;box-sizing:border-box;padding:14px 16px;border-radius:12px;border:2px solid #d4dfec;background:#fff;text-decoration:none;color:#19385b}
.toolkit-task-options a strong{font-size:16px}
.toolkit-task-options a span{font-size:13px;line-height:1.45;color:#52647d}
.toolkit-task-options a:hover,.toolkit-task-options a:focus-visible{border-color:#6685bd;background:#f5f9ff}
.toolkit-task-options a[aria-current="true"]{border-color:#2158a0;background:#e9f1ff;box-shadow:0 0 0 1px #2158a0 inset}
.toolkit-task-context{margin:13px 0 0;color:#42536c;font-size:14px}
.toolkit-placement-notes{display:block;border-top:1px solid #d7dfe9;padding-top:13px;margin-top:14px}
.toolkit-placement-notes summary{cursor:pointer;color:#173e74;font-weight:700;min-height:42px;display:list-item;align-content:center}
.toolkit-placement-notes[open]>summary{margin-bottom:14px}
.social-toolkit [data-toolkit-panel][hidden]{display:none!important}
.toolkit-safe-recommendation{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;margin-bottom:18px;border:1px solid #c9dbef;background:#f2f7ff;border-radius:12px}
.toolkit-safe-recommendation p{flex:1;min-width:180px;margin:0;font-size:14px;line-height:1.55;color:#273f5e}
.toolkit-safe-recommendation .btn[hidden]{display:none}
@media(max-width:700px){.toolkit-task-options{grid-template-columns:1fr}.toolkit-task-options a{min-height:60px;padding:12px 14px}.toolkit-choose-task{padding:14px}.toolkit-task-intro{align-items:flex-start;flex-direction:column}.toolkit-task-options a span{font-size:13px}}

/* Scoped workbench layout: preserve 2 columns for controls and preview while wide.
   Do not modify the standalone safe-zone tool or shared site styles. */
.social-toolkit .toolkit-safe-module{padding:22px;min-width:0}
.social-toolkit .toolkit-safe-module>.tool-layout,
.social-toolkit .toolkit-crop-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:18px;align-items:start}
.social-toolkit .toolkit-safe-module .panel,
.social-toolkit .toolkit-crop-layout>.panel{min-width:0;box-sizing:border-box}
.social-toolkit .toolkit-safe-module .safe-preview-panel,
.social-toolkit .toolkit-crop-preview{align-self:start;min-width:0}
.social-toolkit .toolkit-safe-module .safe-preview-stage{width:100%;box-sizing:border-box;min-height:600px}
.social-toolkit .toolkit-safe-module .safe-frame{max-width:100%}
.social-toolkit .toolkit-safe-module .safe-zone-layout .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.social-toolkit .toolkit-safe-module .safe-zone-layout .actions .btn{width:100%;min-width:0;max-width:none;white-space:normal;min-height:44px}
.social-toolkit .toolkit-safe-module .safe-zone-layout .fields>.field,
.social-toolkit .toolkit-safe-module .safe-display-options>.field{min-width:0}
.social-toolkit .toolkit-safe-module .safe-zone-layout input,
.social-toolkit .toolkit-safe-module .safe-zone-layout select{min-width:0;box-sizing:border-box}
.social-toolkit .toolkit-crop-module{margin:24px 0;padding:0;scroll-margin-top:18px}
.social-toolkit .toolkit-crop-module .toolkit-module-head{margin-bottom:14px}
.social-toolkit .toolkit-crop-module .toolkit-module-head h2{margin:0 0 8px;font-size:22px;line-height:1.3}
.social-toolkit .toolkit-crop-module .toolkit-module-head p{max-width:820px;line-height:1.65;margin:0}
.social-toolkit .toolkit-crop-module .panel-top h3{font-size:18px;line-height:1.3;margin:0}
.social-toolkit .toolkit-crop-module .toolkit-fields{margin:8px 0 18px}
.social-toolkit .toolkit-crop-module .toolkit-preview-controls{margin:2px 0 14px;align-items:center}
.social-toolkit .toolkit-crop-module .toolkit-preview-controls .field{flex:1 1 100%;width:100%}
.social-toolkit .toolkit-crop-module .toolkit-creative-frame{width:min(100%,350px);max-height:570px}
.social-toolkit .toolkit-crop-module .toolkit-status{overflow-wrap:anywhere}
@media(max-width:1020px){
  .social-toolkit .toolkit-safe-module>.tool-layout,
  .social-toolkit .toolkit-crop-layout{grid-template-columns:minmax(0,1fr)}
  .social-toolkit .toolkit-safe-module .safe-preview-panel,
  .social-toolkit .toolkit-crop-preview{width:100%;max-width:none;margin-inline:0}
}
@media(max-width:560px){
  .social-toolkit .toolkit-safe-module{padding:16px}
  .social-toolkit .toolkit-safe-module .safe-preview-stage{min-height:460px}
  .social-toolkit .toolkit-safe-module .safe-zone-layout .actions{grid-template-columns:1fr}
  .social-toolkit .toolkit-crop-module .toolkit-preview-controls{align-items:stretch}
}

/* Scoped accessibility refinements: original standalone safe-zone page is unchanged. */
.social-toolkit #size-tool,.social-toolkit #toolkit-actions,
.social-toolkit #safe-zone-tool,.social-toolkit #crop-tool,
.social-toolkit #banner-tool,.social-toolkit #placement-guide,
.social-toolkit #all-formats{scroll-margin-top:94px}
.social-toolkit .toolkit-example-toggle{margin:8px 0 12px;min-height:36px;display:flex;align-items:center;gap:8px}
.social-toolkit #safe-drop-zone[data-hide-example="true"] #safe-element-marker{display:none!important}
.social-toolkit .safe-band span,.social-toolkit .safe-outline span{font-size:10px;line-height:1.3;padding:4px 6px}
.social-toolkit .safe-element-marker span{font-size:11px;line-height:1.3}
@media(max-width:560px){
 .social-toolkit .safe-band span,.social-toolkit .safe-outline span{font-size:10px}
 .social-toolkit .safe-placeholder strong{font-size:15px}
 .social-toolkit .safe-preview-stage{overflow:hidden}
 body.social-preview-visible .back-to-top{display:none!important}
}

/* Prioritize the tool that best serves the currently selected placement. */
.social-toolkit .toolkit-task-options a[data-toolkit-recommended="true"]{border-color:#6c8cc3;background:#f4f8ff}
.social-toolkit .toolkit-task-options .toolkit-task-priority{align-self:start;font-size:11px;font-weight:750;line-height:1.35;color:#204c91;background:#e4edff;padding:4px 7px;border-radius:6px}
.social-toolkit .toolkit-task-options .toolkit-task-priority[hidden]{display:none}

/* 21-source consolidation: lookup table remains complete in HTML without JS. */
.social-toolkit .toolkit-lookup-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.social-toolkit .toolkit-lookup-filters .field{min-width:0}
.social-toolkit .toolkit-lookup-filters input,.social-toolkit .toolkit-lookup-filters select{width:100%;min-width:0;box-sizing:border-box}
.social-toolkit .toolkit-lookup-status{font-size:14px;font-weight:700;margin:12px 0;color:#284667}
.social-toolkit .toolkit-lookup-table td,.social-toolkit .toolkit-lookup-table th{vertical-align:top}
.social-toolkit .toolkit-lookup-table tr[hidden]{display:none}
.social-toolkit .toolkit-lookup-basis{font-weight:650}
.social-toolkit .toolkit-lookup-actions{min-width:125px}
.social-toolkit .toolkit-row-link{display:block;margin-top:7px;font-size:13px}
.social-toolkit .toolkit-safe-expert{margin-top:20px}
.social-toolkit .toolkit-safe-expert .toolkit-guide-list{margin-top:14px}
.social-toolkit .toolkit-safe-expert table{font-size:14px}
@media(max-width:780px){.social-toolkit .toolkit-lookup-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.social-toolkit .toolkit-lookup-filters .field:last-child{grid-column:1/-1}}
@media(max-width:540px){.social-toolkit .toolkit-lookup-filters{grid-template-columns:1fr}.social-toolkit .toolkit-lookup-filters .field:last-child{grid-column:auto}}