:root{--ink:#1f2328;--ink-soft:#59636e;--line:#e1e4e8;--surface:#fff;--backdrop:#f3f4f6;--accent:#00796b;--panel-width:380px;--topbar-height:48px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:var(--backdrop);min-width:1024px;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.editor{grid-template-columns:var(--panel-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;height:100%;display:grid}.topbar{background:var(--surface);border-bottom:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 16px;display:grid}.topbar__site{font-weight:600}.topbar__status{color:var(--ink-soft)}.publish{background:var(--accent);color:#fff;min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-self:end;padding:0 18px;font-weight:600}.publish:disabled{opacity:.45;cursor:default}.panel{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;padding:24px;display:flex}.panel__welcome{color:var(--ink-soft);margin:0}.panel__pointed{background:var(--backdrop);overflow-wrap:anywhere;border-radius:8px;margin:16px 0 0;padding:8px 12px}.panel__status{min-height:1.5em;margin:16px 0 0}.panel__brand{color:var(--ink-soft);margin:auto 0 0;font-size:12px}.stage{min-width:0;min-height:0;padding:16px}.stage__area{background:var(--surface);border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.stage__frame{transform-origin:0 0;border:0;position:absolute;top:0;left:0}.stage__note{color:var(--ink-soft);margin:0}