.sg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);grid-gap:24px;gap:24px;align-items:start}.sg-editor{display:grid;grid-gap:14px;gap:14px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.sg-editor textarea.input{resize:vertical;font:inherit}.sg-actions,.sg-logo{display:flex;gap:8px;flex-wrap:wrap}.sg-actions{margin-top:4px}.sg-actions .btn{flex:1 1 auto;padding:11px 14px}.sg-preview{position:-webkit-sticky;position:sticky;top:72px}.sg-label{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--muted)}.sg-preview canvas{display:block;width:100%;height:auto;max-height:calc(100vh - 120px);object-fit:contain;border-radius:8px;box-shadow:var(--shadow);background:#fff}.sg-fab{display:none;left:50%;transform:translateX(-50%);bottom:max(16px,env(safe-area-inset-bottom));z-index:40;padding:12px 22px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:15px;font-weight:700;box-shadow:0 6px 20px rgb(0 0 0/.25)}.sg-close,.sg-fab{position:fixed;cursor:pointer}.sg-close{top:max(12px,env(safe-area-inset-top));right:12px;z-index:71;width:40px;height:40px;border:0;border-radius:50%;background:rgb(0 0 0/.45);color:#fff;font-size:24px;line-height:1}body:has(.sg-sheet){overflow:hidden}@media (max-width:880px){.sg{grid-template-columns:1fr;padding-bottom:64px}.sg-preview{display:none}.sg-fab{display:block}.sg-preview.sg-sheet{display:grid;place-items:center;position:fixed;inset:0;z-index:70;padding:56px 16px 16px;background:rgb(0 0 0/.85);overflow:auto}.sg-sheet .sg-label{display:none}.sg-sheet canvas{max-height:calc(100vh - 80px);width:auto;max-width:100%}}.sg-print{display:none}@media print{@page{margin:0}body *{visibility:hidden}.sg-print{display:block;visibility:visible;position:fixed;inset:0;width:100vw;height:100vh;object-fit:contain}}