/* VIOSCANS - Robotic Violet SQL Loom v1.
 * Page-only presentation overrides. No changes to SQL formatter, analyzer,
 * dialect detection, AI endpoint, or clipboard JavaScript.
 * Artwork is a COMPLETE laboratory scene; not an isolated transparent robot.
 * The full image is always shown. Its upper cable bundle starts at the art panel's top edge.
 */
body.vio-site.sql-loom-page .loom-compact-hero {
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr) !important;
  align-items:center !important;
  gap:clamp(16px,2.4vw,32px) !important;
  padding:clamp(16px,2.1vw,28px) !important;
  overflow:visible !important;
}
body.vio-site.sql-loom-page .loom-compact-copy,
body.vio-site.sql-loom-page .loom-compact-art {min-width:0 !important;}
body.vio-site.sql-loom-page .loom-compact-art {
  display:block !important;
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:0 !important;
  align-self:start !important;
  justify-self:stretch !important;
  margin:0 !important;
  padding:0 !important;
  background:#1b102d !important;
  border:1px solid #dfd3ef !important;
  border-radius:17px !important;
  overflow:hidden !important;
  box-shadow:0 12px 32px rgba(44,20,74,.16) !important;
  transform:none !important;
}
body.vio-site.sql-loom-page .loom-compact-art picture,
body.vio-site.sql-loom-page .loom-compact-art .vio-robot-sql-loom-picture {
  display:block !important;
  position:static !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
body.vio-site.sql-loom-page .loom-compact-art img.loom-hero-image,
body.vio-site.sql-loom-page .loom-compact-art img.vio-robot-sql-loom-image {
  display:block !important;
  position:static !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:top center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  clip-path:none !important;
  transform:none !important;
  box-shadow:none !important;
  filter:none !important;
}
/* Preserve immediately-accessible SQL work surface by stacking only when needed. */
@media(max-width:1020px){
 body.vio-site.sql-loom-page .loom-compact-hero {
   grid-template-columns:minmax(0,1fr) !important;
   gap:14px !important;
 }
 body.vio-site.sql-loom-page .loom-compact-art {
   width:min(100%,740px) !important;
   justify-self:center !important;
 }
}
@media(max-width:699px){
 body.vio-site.sql-loom-page .loom-compact-hero {
   padding:14px !important;
   gap:12px !important;
 }
 body.vio-site.sql-loom-page .loom-compact-art {
   border-radius:12px !important;
   width:100% !important;
 }
 body.vio-site.sql-loom-page .loom-compact-copy h1 {font-size:clamp(27px,8vw,36px) !important;}
}
@media(prefers-reduced-motion:reduce){
 body.vio-site.sql-loom-page .loom-compact-art,
 body.vio-site.sql-loom-page .loom-compact-art img { transition:none !important; }
}