.sg-sigbar{ display:flex; flex-direction:column; gap:12px; margin-top:16px; padding:16px; background:#f8fafc; border:1px solid #e5e9f0; border-radius:12px; }
  .sg-pad{ border:1px dashed #cbd5e1; border-radius:10px; background:#fff; touch-action:none; cursor:crosshair; max-width:100%; }
  #sgDrawWrap, #sgTypeWrap{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
  .sg-typeprev{ font-family:'Fraunces',cursive,serif; font-size:2rem; color:#0f172a; min-height:2.2rem; padding:0 8px; }
  .sg-hint{ font-size:.82rem; color:#64748b; }
  .sg-sizewrap{ display:flex; align-items:center; gap:8px; font-size:.82rem; color:#334155; }
  .sg-pages{ margin-top:18px; display:flex; flex-direction:column; align-items:center; gap:16px; max-height:70vh; overflow:auto; padding:6px; background:#eef2f7; border-radius:12px; }
  .sg-page{ position:relative; box-shadow:0 6px 20px -10px rgba(15,23,42,.4); line-height:0; }
  .sg-page canvas{ display:block; border-radius:2px; }
  .sg-page.placing{ cursor:copy; }
  .sg-place{ position:absolute; cursor:move; touch-action:none; border:1px dashed transparent; }
  .sg-place:hover{ border-color:#1e5a9e; }
  .sg-place img{ width:100%; height:100%; display:block; pointer-events:none; }
  .sg-place .sg-del{ position:absolute; top:-10px; right:-10px; width:20px; height:20px; border-radius:50%; border:none; background:#0f172a; color:#fff; cursor:pointer; font-size:12px; line-height:1; display:flex; align-items:center; justify-content:center; }