.tool-example{background:var(--pw-panel,#fff);border-radius:var(--pw-radius,22px);box-shadow:var(--pw-shadow,0 14px 40px #25345a0a);color:var(--pw-text,#17191f);padding:24px}.tool-example-heading,.tool-example-actions,.tool-example-start{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tool-example-heading{justify-content:space-between;margin-bottom:24px}.tool-example-heading h2{align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.tool-example-label{color:var(--pw-text-soft,#667085);font-size:12px}.tool-example-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tool-example-steps button{text-align:left;word-break:keep-all;background:var(--pw-tile,#f5f6fa);border-radius:12px;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:700;display:flex}.tool-example-steps button[aria-pressed=true]{background:var(--pw-accent-soft,#edf2ff);color:var(--pw-accent,#3269ff)}.tool-example-steps button>span{flex-shrink:0;font-size:12px}.tool-example-body{min-height:250px;padding-top:24px}.tool-example-with-video{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:center;gap:24px;display:grid}.tool-example-video{width:100%;max-width:280px;margin:auto}.tool-example-results h3{margin-bottom:16px;font-size:16px;font-weight:800}.tool-example-rows{gap:8px;display:grid}.tool-example-rows button{text-align:left;background:var(--pw-tile,#f5f6fa);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.tool-example-rows button[aria-pressed=true]{background:var(--pw-accent-soft,#edf2ff)}.tool-example-rows strong{font-size:14px;font-weight:700;display:block}.tool-example-rows small{color:var(--pw-text-soft,#667085);font-size:12px}.tool-example-detail{min-height:72px;padding:20px 4px;font-size:14px;line-height:1.6}.tool-example-actions{justify-content:space-between;margin-top:16px;font-size:13px}.tool-example-actions button,.tool-example-start a{align-items:center;gap:6px;min-height:40px;font-weight:700;display:inline-flex}.tool-example-actions>span,.tool-example-start>span{color:var(--pw-text-soft,#667085);font-size:12px}.tool-example-start a{color:var(--pw-accent,#3269ff);margin-left:auto;font-size:13px}.tool-example-other summary,.tool-example-disclosure summary{cursor:pointer;min-height:40px;padding:12px 0;font-size:13px;font-weight:700}.tool-example-other nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tool-example-other a{justify-content:space-between;align-items:center;padding:12px;font-size:13px;display:flex}.tool-example-disclosure{max-width:1120px;margin:0 auto;padding:12px 20px}.tool-example-disclosure-landing{margin-top:88px}@media (max-width:600px){.tool-example{padding:18px}.tool-example-heading{gap:8px;margin-bottom:18px}.tool-example-heading h2{font-size:16px}.tool-example-steps button{flex-direction:column;align-items:flex-start;gap:6px;padding:10px;font-size:12px}.tool-example-with-video{grid-template-columns:1fr;gap:8px}.tool-example-video{max-width:180px}.tool-example-other nav{grid-template-columns:repeat(2,minmax(0,1fr))}}