.tool-hero { text-align:center; padding:2.25rem 0 2.2rem; animation:ir .68s var(--ease-standard) both; }
.tool-hero h1 { position:relative; margin-bottom:.75rem; font-size:clamp(2.15rem,4vw,3rem); line-height:1.1; letter-spacing:-.045em; }
.tool-hero h1::after { position:absolute; z-index:-1; right:15%; bottom:-.1rem; width:38%; height:1rem; border-radius:50%; background:linear-gradient(90deg,rgba(20,184,166,.18),rgba(59,130,246,.22)); content:""; filter:blur(14px); }
.tool-hero p { max-width:42rem; margin:0 auto; color:var(--color-muted); font-size:.9rem; }
.query-panel { padding:clamp(1.2rem,2.6vw,1.8rem); border-color:rgba(255,255,255,.84); border-radius:1rem; box-shadow:0 14px 38px -25px rgba(15,23,42,.35),0 16px 42px -32px rgba(13,148,136,.55); animation:ir .7s 90ms var(--ease-standard) both; }
.query-form { display:grid; grid-template-columns:1fr auto; gap:var(--space-3); align-items:start; }
.query-form .field-message { grid-column:1/-1; margin-bottom:-.2rem; }
.query-form .field { min-height:3.5rem; width:100%; }
.availability-notice { margin:var(--space-4) 0 0; padding:.7rem .85rem; border:1px solid var(--color-border); border-radius:var(--radius-md); background:rgba(248,250,252,.72); color:var(--color-muted); font-size:.8rem; }
.availability-notice a { color:var(--color-brand-strong); text-decoration:underline; }

.state-panel { position:relative; min-height:15rem; padding:clamp(1.2rem,2.6vw,1.8rem); overflow:hidden; border-color:rgba(255,255,255,.84); border-radius:1rem; box-shadow:0 18px 48px -34px rgba(15,23,42,.38); animation:ir .72s 170ms var(--ease-standard) both; margin-top:var(--space-6); }
.state-panel[data-state="result"] { min-height:0; }
.state-panel::before { position:absolute; z-index:-1; top:-9rem; right:-8rem; width:20rem; height:20rem; border-radius:50%; background:rgba(59,130,246,.1); content:""; filter:blur(42px); pointer-events:none; }
.state-empty,.state-loading,.state-error { display:grid; min-height:13rem; place-content:center; justify-items:center; gap:var(--space-3); color:var(--color-muted); text-align:center; animation:se .34s var(--ease-standard) both; }
.state-illustration { display:grid; width:3.4rem; height:3.4rem; place-items:center; color:var(--color-brand); border-radius:50%; background:var(--color-brand-soft); }
.state-error .state-illustration { color:var(--color-danger); background:var(--color-danger-soft); }

.icp-result { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1px; border:1px solid var(--color-border); border-radius:var(--radius-md); overflow:hidden; background:var(--color-border); margin:0; }
.icp-result:empty { display:none; }
.icp-result-item { min-width:0; grid-column:span 2; padding:.65rem .85rem; background:rgba(255,255,255,.9); }
.icp-result-item:last-child:nth-child(3n + 1) { grid-column:span 6; }
.icp-result-item:nth-last-child(2):nth-child(3n + 1),
.icp-result-item:last-child:nth-child(3n + 2) { grid-column:span 3; }
.icp-result-label { display:block; margin-bottom:.15rem; color:var(--color-faint); font-size:.72rem; font-weight:700; }
.icp-result-value { margin:0; color:var(--color-ink-soft); font-size:.88rem; overflow-wrap:anywhere; word-break:break-all; }
.icp-result-value.mono { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.82rem; }

.icp-unconfigured { padding:var(--space-6); text-align:center; border:1px dashed var(--color-border); border-radius:var(--radius-md); background:rgba(248,250,252,.7); color:var(--color-muted); }
.icp-unconfigured strong { display:block; font-size:1rem; margin-bottom:var(--space-2); }
.icp-unconfigured p { margin:0; font-size:.85rem; }

.workspace-actions-secondary { display:flex; flex-wrap:wrap; gap:var(--space-3); justify-content:center; border-top:1px solid var(--color-border); padding-top:var(--space-3); margin-top:var(--space-3); }
.workspace-actions-secondary .button svg { width:1.15em; height:1.15em; }
.privacy-note { margin:var(--space-3) 0 0; color:var(--color-muted); font-size:.82rem; }
.privacy-note a { color:var(--color-brand-strong); text-decoration:underline; }

@keyframes ir { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }
@keyframes se { from{opacity:0;transform:translateY(7px)} to{opacity:1;transform:translateY(0)} }

@media (max-width:900px) {
  .icp-result { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .icp-result-item,
  .icp-result-item:last-child:nth-child(3n + 1),
  .icp-result-item:nth-last-child(2):nth-child(3n + 1),
  .icp-result-item:last-child:nth-child(3n + 2) { grid-column:auto; }
  .icp-result-item:last-child:nth-child(odd) { grid-column:1/-1; }
}
@media (max-width:720px) { .tool-hero{padding-top:1.8rem} .query-form{grid-template-columns:1fr} .query-form .button{width:100%} }
@media (max-width:560px) { .tool-hero{padding-top:1.25rem} .tool-hero h1{font-size:2.25rem} }
@media (max-width:560px) {
  .icp-result { grid-template-columns:1fr; }
  .icp-result-item,
  .icp-result-item:last-child:nth-child(odd) { grid-column:1; }
}
@media (max-width:390px) { .state-panel{padding:1rem} .icp-result-item{padding:.5rem .6rem} }