.st-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);grid-gap:24px;gap:24px;align-items:start}.st-side{align-self:stretch;display:flex;flex-direction:column;gap:10px}.st-left{display:grid;grid-gap:12px;gap:12px}.st-actions{display:grid;grid-gap:10px;gap:10px}@media (max-width:760px){.st-main{display:flex;flex-direction:column;align-items:stretch;gap:10px}.st-side{display:contents}.st-paper{order:-2}.st-actions{order:-1}}.st-editor{display:grid;grid-gap:14px;gap:14px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.st-paper{position:-webkit-sticky;position:sticky;top:72px;z-index:3;height:190px;padding:12px;border-radius:var(--radius);background:#fbfaf6;box-shadow:var(--shadow);background-image:linear-gradient(rgb(0 0 0/.04) 1px,transparent 0),linear-gradient(90deg,rgb(0 0 0/.04) 1px,transparent 0);background-size:20px 20px}.st-paper canvas{display:block;width:100%;height:100%;object-fit:contain}@media (max-width:760px){.st-paper{height:150px;top:64px}}.st-download{padding:12px}.st-apply,.st-download{border-radius:var(--radius)}.st-apply{margin-top:32px;padding:18px;background:var(--surface);border:1px solid var(--border);display:grid;grid-gap:10px;gap:10px}.st-apply h2{margin:0;font-size:18px}.st-apply p{margin:0}.st-apply-bar{flex-wrap:wrap;gap:10px}.st-apply-bar,.st-size{display:flex;align-items:center}.st-size{gap:8px;font-size:13px;font-weight:600;color:var(--muted)}.st-size input{accent-color:var(--accent)}.st-doc{display:block;max-width:100%;max-height:80vh;width:auto;height:auto;margin:0 auto;border-radius:8px;box-shadow:var(--shadow);cursor:crosshair;touch-action:none}