:root{--s-radius:.3rem;--s-font-size:16px;--s-border:transparent;--s-border-strong:transparent}[hidden]{display:none!important}body{margin:0;overflow:hidden}button{white-space:nowrap}button,input,dialog{border:0}button.secondary{background:var(--s-surface);color:var(--s-text)}#login{place-items:center;min-height:100dvh;padding:2rem;display:grid}#login form{width:min(100%,22rem)}#app{height:100dvh}#workspace{flex-direction:column;min-width:0;height:100%;display:flex;position:relative}#menubar{z-index:10;background:var(--s-surface);flex-shrink:0;align-items:center;gap:.15rem;padding:.15rem .5rem;font-size:.8rem;display:flex;position:relative}#title{background:0 0;width:12rem;min-width:3rem;max-width:30vw;margin:0 0 0 auto;padding:.3rem .5rem;font-size:.8rem}#save-status{background:var(--s-muted);border-radius:50%;width:5px;height:5px;margin:0 .4rem;font-size:0;overflow:hidden}#save-status[data-state=saved]{background:#769882}.app-menu{position:relative}.menu-trigger{color:var(--s-text);font-size:inherit;background:0 0;padding:.35rem .5rem;font-weight:400}.menu-trigger[aria-expanded=true],.menu-trigger:hover{background:var(--s-bg)}.menu-popup{background:var(--s-bg);gap:.1rem;min-width:14rem;padding:.35rem;display:grid;position:absolute;top:100%;left:0;box-shadow:0 .6rem 2rem #0002}.menu-popup button{color:var(--s-text);text-align:left;background:0 0;justify-content:space-between;gap:1.2rem;padding:.4rem .6rem;font-size:.8rem;font-weight:400;display:flex}.menu-popup button:hover,.menu-popup button:focus-visible{background:var(--s-surface)}.menu-popup small{color:var(--s-muted);font-size:.65rem}.menu-popup .menu-group{margin-top:.4rem}.dialog-heading,.trash-row{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.dialog-heading h3{margin:0;font-size:1rem}.dialog-heading{margin-bottom:1rem}.dialog-list{gap:.4rem;max-height:55dvh;display:grid;overflow-y:auto}.dialog-list>button{text-align:left;justify-content:flex-start}.trash-row{background:var(--s-surface);padding:.5rem}.trash-row>div:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.card-actions{gap:.3rem;display:flex}.trash-row button{padding:.35rem .5rem;font-size:.75rem}#viewport{cursor:default;touch-action:none;outline:none;flex:1;min-height:0;position:relative;overflow:hidden}#viewport[data-tool=brush]{cursor:crosshair}#canvas{transform-origin:0 0;width:0;height:0;position:absolute}.card{cursor:grab;background:0 0;min-width:0;margin:0;padding:0;position:absolute;overflow:visible}.card.selected{z-index:1}.card.unavailable{opacity:.4}.card-content{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;touch-action:pan-y;cursor:text;outline:none;min-height:1.4em;line-height:1.5;overflow:auto}.card img{pointer-events:none;width:100%;height:auto;display:block}.card a{overflow-wrap:anywhere;display:block}.canvas-card-link{text-decoration:none}.move-handle{cursor:grab;touch-action:none;height:14px;position:absolute;top:-14px;left:0;right:0}.resize{cursor:nwse-resize;touch-action:none;-webkit-user-select:none;user-select:none;opacity:0;width:24px;height:24px;position:absolute;bottom:-10px;right:-10px}.resize:after{content:"";background:var(--s-muted);border-radius:50%;width:5px;height:5px;position:absolute;top:10px;left:10px}.card.selected .resize{opacity:1}.embed-select{position:absolute;inset:0}.card.selected .embed-select{display:none}.attachment-media{max-height:100%}#radial{z-index:30;pointer-events:none;width:1px;height:1px;position:fixed}#radial [data-direction]{background:var(--s-surface);width:42px;height:42px;color:var(--s-muted);border-radius:50%;place-items:center;padding:0;font-size:.85rem;font-weight:400;display:grid;position:absolute;box-shadow:0 2px 14px #0001}#radial [data-direction=up]{top:-78px;left:-21px}#radial [data-direction=right]{top:-21px;left:36px}#radial [data-direction=down]{top:36px;left:-21px}#radial [data-direction=left]{opacity:.25;top:-21px;left:-78px}#radial [data-direction].active{background:var(--s-text);color:var(--s-bg)}.radial-center{background:var(--s-muted);border-radius:50%;width:5px;height:5px;position:absolute;top:-2.5px;left:-2.5px}#toast{background:var(--s-text);color:var(--s-bg);z-index:40;max-width:90vw;padding:.65rem .9rem;font-size:.8rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}dialog{width:min(34rem,92vw);max-width:34rem}@media (width<=600px){#menubar{gap:0;padding:.1rem .2rem}.menu-trigger{padding:.4rem .35rem;font-size:.75rem}#title{max-width:22vw;padding:.3rem;font-size:.75rem}#save-status{margin:0 .15rem}.app-menu:nth-last-of-type(-n+2) .menu-popup{left:auto;right:0}.trash-row{flex-wrap:wrap}.move-handle{height:20px;top:-20px}.resize{width:32px;height:32px;bottom:-14px;right:-14px}.resize:after{top:14px;left:14px}}