/* SIRAJ FLOATING WORKSPACE V1
   Preserves original face-only portrait launcher (no gold ring), Siraj V7 content
   and existing light/dark styling. All geometry is within the website viewport.
*/
.tyz7ai.tyz7ai--workspace{
 position:fixed!important;
 z-index:2147481500!important;
 max-width:none!important;
 pointer-events:none;
}
.tyz7ai.tyz7ai--workspace>.tyz7ai-open,
.tyz7ai.tyz7ai--workspace>.tyz7ai-panel{
 pointer-events:auto;
}
.tyz7ai.tyz7ai--workspace>.tyz7ai-open{
 cursor:grab!important;
 touch-action:none!important;
 user-select:none!important;
 -webkit-user-select:none!important;
 -webkit-touch-callout:none;
}
.tyz7ai.tyz7ai--workspace.tyz7ai--dragging>.tyz7ai-open,
.tyz7ai.tyz7ai--workspace.tyz7ai--dragging .tyz7ai-panel-head{
 cursor:grabbing!important;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-panel{
 position:fixed!important;
 inset:auto!important;
 display:flex!important;
 flex-direction:column!important;
 min-width: min(310px,calc(100vw - 20px))!important;
 min-height:0!important;
 max-width:calc(100vw - 20px)!important;
 max-height:none!important;
 border-radius:clamp(16px,1.6vw,23px)!important;
 overflow:hidden!important;
 resize:none!important;
 animation:none!important;
 transform:none!important;
 transform-origin:center!important;
 box-shadow:0 29px 90px rgba(3,12,26,.43),0 0 0 1px rgba(222,174,112,.17)!important;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-panel[hidden]{
 display:none!important;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-panel-head{
 cursor:move!important;
 user-select:none!important;
 -webkit-user-select:none!important;
 touch-action:none!important;
 padding:12px 13px!important;
 min-height:70px!important;
 gap:8px!important;
 flex-wrap:nowrap!important;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-brand-copy{
 min-width:0!important;
 overflow:hidden;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-brand-copy strong,
.tyz7ai.tyz7ai--workspace .tyz7ai-brand-copy small{
 display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-brand-copy strong{
 font-size:clamp(16px,1.5vw,20px)!important;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-brand-mark{
 width:40px!important;height:40px!important;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-workspace-control,
.tyz7ai.tyz7ai--workspace .tyz7ai-close{
 display:inline-flex!important;
 justify-content:center!important;
 align-items:center!important;
 flex:0 0 auto!important;
 width:38px!important;height:38px!important;
 min-width:38px!important;min-height:38px!important;
 border-radius:11px!important;
 border:1px solid rgba(246,214,166,.32)!important;
 background:rgba(255,255,255,.065)!important;
 color:#fff1da!important;
 padding:0!important;
 margin:0!important;
 line-height:1!important;
 opacity:1!important;
 cursor:pointer;
 transition:background-color .17s ease,border-color .17s ease!important;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-workspace-control:is(:hover,:focus-visible),
.tyz7ai.tyz7ai--workspace .tyz7ai-close:is(:hover,:focus-visible){
 border-color:rgba(255,224,173,.75)!important;
 background:rgba(240,192,122,.19)!important;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-workspace-control svg{
 display:block;width:18px;height:18px;stroke:currentColor;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-workspace-maximize[aria-pressed="true"]{
 border-color:#e6bd82!important;
 background:rgba(233,185,115,.22)!important;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-body{
 flex:1 1 auto!important;min-height:0!important;
 overflow-y:auto!important;overscroll-behavior:contain;
 scrollbar-width:thin;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-foot{
 flex:0 0 auto!important;
 padding-inline-end:47px!important;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-workspace-resize{
 display:flex!important;
 position:absolute!important;
 z-index:30!important;
 inset-inline-end:5px!important;
 bottom:5px!important;
 width:30px!important;height:30px!important;
 min-width:30px!important;min-height:30px!important;
 border-radius:8px!important;
 color:#a5763d!important;
 background:rgba(255,255,255,.3)!important;
 border:1px solid rgba(169,130,73,.29)!important;
 cursor:nwse-resize!important;
 touch-action:none!important;
 transform:none!important;
}
html[data-tyz-theme="dark"] .tyz7ai.tyz7ai--workspace .tyz7ai-workspace-resize{
 background:rgba(242,199,144,.07)!important;
 color:#e9c28b!important;
 border-color:rgba(242,199,144,.25)!important;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-workspace-resize[hidden]{
 display:none!important;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-panel--maximized{
 border-radius:16px!important;
}
.tyz7ai.tyz7ai--workspace :is(.tyz7ai-workspace-control,.tyz7ai-close):focus-visible,
.tyz7ai.tyz7ai--workspace .tyz7ai-panel-head:focus-visible{
 outline:3px solid #f4cd8c!important;
 outline-offset:-3px!important;
}
.tyz7ai.tyz7ai--workspace .tyz7ai-panel-head:focus-visible{
 outline-offset:0!important;
}
/* Original Siraj no-ring face button is untouched; even during drag keep its artwork. */
.tyz7ai.tyz7ai--workspace .tyz7ai-launch-icon::before,
.tyz7ai.tyz7ai--workspace .tyz7ai-launch-icon::after{
 content:none!important;display:none!important;
}
/* Responsive, within safe-area and visual viewport (geometry clamped by JS). */
@media(max-width:700px){
 .tyz7ai.tyz7ai--workspace .tyz7ai-panel{
  max-width:calc(100vw - 16px)!important;
  border-radius:18px!important;
 }
 .tyz7ai.tyz7ai--workspace .tyz7ai-panel-head{
  padding:10px 10px!important;
  min-height:64px!important;gap:6px!important;
 }
 .tyz7ai.tyz7ai--workspace .tyz7ai-brand-mark{
  width:35px!important;height:35px!important;
 }
 .tyz7ai.tyz7ai--workspace .tyz7ai-brand-copy strong{
  font-size:16px!important;
 }
 .tyz7ai.tyz7ai--workspace .tyz7ai-brand-copy small{
  font-size:9px!important;
 }
 .tyz7ai.tyz7ai--workspace .tyz7ai-workspace-control,
 .tyz7ai.tyz7ai--workspace .tyz7ai-close{
  width:35px!important;height:35px!important;
  min-width:35px!important;min-height:35px!important;
 }
 .tyz7ai.tyz7ai--workspace .tyz7ai-workspace-resize{display:none!important;}
 .tyz7ai.tyz7ai--workspace .tyz7ai-foot{padding-inline-end:15px!important;}
}
@media(max-width:360px){
 .tyz7ai.tyz7ai--workspace .tyz7ai-brand-copy small{display:none!important;}
 .tyz7ai.tyz7ai--workspace .tyz7ai-brand-mark{
  width:31px!important;height:31px!important;
 }
 .tyz7ai.tyz7ai--workspace .tyz7ai-panel-head{gap:4px!important;}
 .tyz7ai.tyz7ai--workspace .tyz7ai-workspace-control,
 .tyz7ai.tyz7ai--workspace .tyz7ai-close{
  min-width:32px!important;min-height:32px!important;width:32px!important;height:32px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 .tyz7ai.tyz7ai--workspace,
 .tyz7ai.tyz7ai--workspace *,
 .tyz7ai.tyz7ai--workspace *::before,
 .tyz7ai.tyz7ai--workspace *::after{
  animation:none!important;transition:none!important;
 }
}

/* Siraj Direct Grab: prevent browser-native image drag, text selection and cursor lag. */
.tyz7ai.tyz7ai--workspace>.tyz7ai-open,
.tyz7ai.tyz7ai--workspace>.tyz7ai-open *{
 -webkit-user-drag:none!important;
 user-select:none!important;
 -webkit-user-select:none!important;
 touch-action:none!important;
}
.tyz7ai.tyz7ai--workspace>.tyz7ai-open img,
.tyz7ai.tyz7ai--workspace>.tyz7ai-open svg{
 pointer-events:none!important;
 -webkit-user-drag:none!important;
}
.tyz7ai.tyz7ai--workspace.tyz7ai--dragging>.tyz7ai-open,
.tyz7ai.tyz7ai--workspace.tyz7ai--dragging>.tyz7ai-open:hover{
 cursor:grabbing!important;
 transform:none!important;
 transition:none!important;
 animation:none!important;
}

/* SIRAJ GLOBAL VISIBILITY / OCT 2026
   Across public templates: above discovery overlays, below accessibility controls.
   No duplicate launcher; V7 still exclusively controls dialog open/close. */
html body .tyz7ai.tyz7ai--workspace{
 display:block!important;
 visibility:visible!important;
 opacity:1!important;
 position:fixed!important;
 z-index:2147483200!important;
 isolation:isolate!important;
 /* Do not create a containing block: Siraj's dialog uses viewport-fixed drag geometry. */
}
html body .tyz7ai.tyz7ai--workspace>.tyz7ai-open{
 visibility:visible!important;
 opacity:1!important;
 display:grid!important;
 flex-shrink:0!important;
 pointer-events:auto!important;
}
/* A hidden dialog MUST remain hidden. Never force it open. */
html body .tyz7ai.tyz7ai--workspace>.tyz7ai-panel[hidden]{
 display:none!important;
}
html body .tyz7ai.tyz7ai--workspace>.tyz7ai-panel:not([hidden]){
 visibility:visible!important;
 opacity:1!important;
 pointer-events:auto!important;
}
@media (max-width:480px){
 html body .tyz7ai.tyz7ai--workspace>.tyz7ai-open{
  width:64px!important;height:64px!important;
  min-width:64px!important;min-height:64px!important;
 }
}
/* Prefer no animation where OS requests reduced motion. */
@media (prefers-reduced-motion:reduce){
 html body .tyz7ai.tyz7ai--workspace>.tyz7ai-open{
  transition:none!important;animation:none!important;
 }
}