.sg-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(14px,2vw,24px);display:grid}.sg-side{position:sticky;top:88px}.sg-templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sg-templates button{border:1px solid var(--line);border-radius:var(--r-md);color:var(--paper);text-align:left;cursor:pointer;background:#0003;gap:8px;padding:8px;display:grid}.sg-templates button[aria-pressed=true]{border-color:var(--orange);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.25)}.sg-templates b{font-size:.78rem}.sg-thumb{pointer-events:none;background:#fff;border-radius:6px;height:92px;padding:10px;display:block;overflow:hidden}.sg-thumb>table{transform-origin:0 0;transform:scale(.55)}.sg-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px}.sg-swatch[aria-pressed=true]{border-color:var(--paper);box-shadow:0 0 0 2px var(--ink)}.sg-color{width:44px;height:32px;padding:2px}.sg-mail{border-radius:var(--r-md);color:#222;box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.sg-mail-head{background:#ece9e3;align-items:center;gap:6px;padding:10px 14px;display:flex}.sg-mail-head span{background:#cfc9bf;border-radius:50%;width:10px;height:10px}.sg-mail-head b{color:#555;margin-left:8px;font-size:.78rem}.sg-mail-body{padding:18px 22px 24px;font-family:Arial,sans-serif;font-size:14px;line-height:1.5;overflow-x:auto}.sg-mail-body>p{margin:0 0 10px}.sg-preview{border-top:1px dashed #ddd;margin-top:18px;padding-top:14px}.sg-steps{color:var(--muted);gap:8px;margin:14px 0 0;padding-left:20px;font-size:.86rem;line-height:1.5;display:grid}@media (max-width:1080px){.sg-layout{grid-template-columns:1fr}.sg-side{order:-1;position:static}}