@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@500;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#e9e4dc;color:#151616;font-family:"DM Sans",sans-serif}main{min-height:100vh;padding:30px}header{position:absolute;z-index:2;margin:16px}.views{display:flex;align-items:center;gap:6px}.views button{border:1px solid #c9c0b5;background:#fffc;color:#514c46;border-radius:999px;padding:7px 11px;font:500 11px "DM Mono",monospace;cursor:pointer}.views button.active{background:#272522;color:#fff;border-color:#272522}.zoom{display:flex;gap:4px;margin-left:5px;padding-left:8px;border-left:1px solid #c9c0b5}.zoom button{width:30px;padding:7px 0;font-size:15px;line-height:12px}#stage{min-height:0;height:calc(100vh - 60px);border-radius:28px;background:radial-gradient(ellipse 31% 42% at 54% 51%,rgba(75,67,57,.12) 0,rgba(75,67,57,.055) 47%,rgba(75,67,57,0) 76%),radial-gradient(circle at 50% 38%,#fff 0,#f5f1eb 48%,#ddd5cb 100%);overflow:hidden;box-shadow:inset 0 0 0 1px #fff8}.preview-error{height:100%;margin:0;display:grid;place-content:center;text-align:center;color:#514c46}.preview-error small{display:block;margin-top:6px;color:#706a63}canvas{display:block;width:100%;height:100%}@media(max-width:600px){main{padding:10px}header{margin:10px}#stage{min-height:0;height:calc(100vh - 20px)}}
.thumbnail{background:#f3ecdf;overflow:hidden}.thumbnail main{min-height:100vh;padding:0}.thumbnail header{display:none}.thumbnail #stage{width:100vw;height:100vh;min-height:0;border-radius:0;background:radial-gradient(ellipse 30% 43% at 53% 51%,rgba(75,67,57,.11) 0,rgba(75,67,57,.045) 48%,rgba(75,67,57,0) 76%),radial-gradient(circle at 48% 38%,#fffaf0 0,#f3ecdf 58%,#dfd3c3 100%);box-shadow:none}.thumbnail canvas{width:100vw;height:100vh}