.floating-shirt-preview { display:none; }
.floating-shirt-dialog { padding:0; border:0; color:#203d35; background:#fff; }
.floating-shirt-dialog::backdrop { background:rgb(15 30 25 / 48%); }
.floating-shirt-dialog[open] { display:flex; flex-direction:column; position:fixed; inset:auto 0 0; margin:0; width:100%; max-width:none; height:70vh; height:70dvh; max-height:90dvh; border-radius:18px 18px 0 0; }
.floating-shirt-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; border-bottom:1px solid #e2e6e3; flex:none; }
.floating-shirt-heading h2 { margin:0; font:600 17px/1.4 'DM Sans',sans-serif; }
.floating-shirt-heading button { width:44px; height:44px; border:1px solid #d5ded8; border-radius:50%; background:white; color:inherit; font:28px/1 sans-serif; cursor:pointer; }
.floating-shirt-content { overflow:auto; overscroll-behavior:contain; padding:16px 18px calc(20px + env(safe-area-inset-bottom)); min-height:0; }
.floating-shirt-content .shirt-recap { margin:0; padding:14px; }
.floating-shirt-preview:focus-visible,.floating-shirt-heading button:focus-visible { outline:3px solid #678f7a; outline-offset:2px; }
@media(max-width:768px) {
  .floating-shirt-preview { display:block; position:fixed; right:10px; bottom:calc(140px + env(safe-area-inset-bottom)); width:clamp(145px,42vw,188px); padding:8px; border:1px solid #d5d9d5; border-radius:8px; background:#fff; box-shadow:0 3px 16px #0002; z-index:990; cursor:zoom-in; }
  .floating-shirt-visual { display:block; pointer-events:none; }
  .floating-shirt-visual .shirt-drawing { display:block!important; width:100%; margin:0!important; }
  /* Detail callouts reserve 100px below the full-size drawing. Keep them in
     the enlarged preview only, so the floating thumbnail stays compact. */
  .floating-shirt-visual .squirrel-cuff-detail,
  .floating-shirt-visual .squirrel-back-detail { display:none!important; }
  .floating-shirt-visual .ai-shirt-image { display:block; width:100%; height:205px; max-height:32vh; margin:0; object-fit:contain; background:#fff; }
  .floating-shirt-enlarge { display:block; text-align:right; height:16px; color:#456054; font:20px/16px sans-serif; }
}
@media(max-width:768px) and (max-height:500px) {
  .floating-shirt-preview { width:105px; bottom:135px; padding:4px; }
}