#editor-launch{position:fixed;right:18px;bottom:18px;z-index:1001;background:var(--primary);color:var(--primary-text);box-shadow:0 4px 18px #0004}
#site-editor{position:fixed;right:0;top:0;bottom:0;width:350px;height:100dvh;z-index:1000;overflow:auto;display:block;padding:20px 18px 90px;background:var(--surface);color:var(--text);border-left:1px solid var(--line);box-shadow:-12px 0 40px #0003;backdrop-filter:blur(24px)}
#site-editor[hidden]{display:none}#site-editor header strong{display:block;font-size:21px}#site-editor small{display:block;font-size:11px;line-height:1.6;overflow-wrap:anywhere;color:var(--muted)}#site-editor p{font-size:12px;line-height:1.6}#site-editor details{border-top:1px solid var(--line);padding:14px 0}#site-editor summary{cursor:pointer;font-weight:600;font-size:14px}#site-editor label{display:block;font-size:12px;margin:12px 0}#site-editor input:not([type=checkbox]),#site-editor textarea,#site-editor select{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:6px;background:var(--raised);color:var(--text);font:inherit}#site-editor textarea{min-height:80px;resize:vertical}#site-editor #ed-devices{min-height:250px;font:12px monospace}#site-editor button{font-size:12px;margin:5px 3px 0 0;padding:8px}#site-editor .editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:12px}#site-editor .editor-import{margin:5px 0 0;cursor:pointer;border:1px solid var(--line);padding:8px;border-radius:8px}#site-editor .editor-import input{display:none}.editing-site #app{margin-right:350px}.editing-site #app :is(button,h1,h2,h3,p,span,b,small,section,article):hover{outline:1px dashed var(--accent);outline-offset:2px}@media(max-width:700px){#site-editor{width: min(350px,85vw)}.editing-site #app{margin-right:0}}
@media(max-width:700px){#site-editor{top:auto;bottom:65px;width:100%;height:42dvh;padding-bottom:20px}.editing-site #app{padding-bottom:48dvh}}