:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ec;--fg:#2c2a29;--panel:#f4f1ec;--panel-shadow:#2c2a2940}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#2c2a29;--fg:#d8d4d0;--panel:#232120;--panel-shadow:#00000080}:root{--u:22px;--sp:4px;--r:2px;--face:color-mix(in srgb, var(--fg) 8%, transparent);--face-hover:color-mix(in srgb, var(--fg) 16%, transparent);--dim:color-mix(in srgb, var(--fg) 55%, transparent);--danger:color-mix(in srgb, #d0442e 80%, var(--fg))}body{letter-spacing:.02em;color:var(--fg,#d8d4d0);background-color:var(--bg,#2c2a29);margin:0;font-family:sans-serif;font-size:.9em;line-height:1.6;transition:background-color .2s,color .2s}.corner-button{z-index:10;color:var(--fg);cursor:pointer;opacity:.45;background:0 0;border:none;place-items:center;padding:14px;transition:opacity .15s;display:grid;position:fixed;top:0}.corner-button:hover,.corner-button:focus-visible{opacity:1}.corner-button--left{left:0}.corner-button--right{right:0}.stage{position:fixed;inset:0;overflow:hidden}.pane{outline:1px solid color-mix(in srgb, var(--fg) 12%, transparent);position:absolute;overflow:hidden}.pane canvas{touch-action:none;cursor:grab;display:block}.pane canvas:active{cursor:grabbing}.pane--target:after{content:"";pointer-events:none;background:var(--face);position:absolute;inset:0}.pane .pane-controls{right:var(--sp);bottom:var(--sp);z-index:1;position:absolute}.modal-overlay{z-index:20;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{z-index:1;background:var(--panel);color:var(--fg);box-shadow:12px 12px 0 var(--panel-shadow);padding:calc(var(--sp) * 3);border:none;border-radius:0;min-width:420px;max-width:90vw;max-height:80vh;font-family:ui-monospace,SF Mono,Roboto Mono,Menlo,Consolas,monospace;font-size:12px;font-weight:500;line-height:1;position:relative;overflow:auto}.modal :focus-visible{outline:1px solid var(--fg);outline-offset:1px}.modal-header{margin-bottom:calc(var(--sp) * 2);justify-content:flex-end;align-items:center;display:flex}.modal-footer{margin:0 calc(var(--sp) * -3) calc(var(--sp) * -3);padding:calc(var(--sp) * 3) calc(var(--sp) * 3) calc(var(--sp) * 2);border-top:1px solid color-mix(in srgb, var(--fg) 10%, transparent);justify-content:center;display:flex}.modal-colophon{--logo-w:108px;--logo-pad:calc(var(--logo-w) * .045);--colophon-gap:calc(var(--sp) * 2);align-items:center;margin:0;display:flex}.modal-by,.modal-sfss{translate:0 -7px}.modal-by{color:color-mix(in srgb, var(--fg) 20%, transparent);margin-left:calc(var(--colophon-gap) - var(--logo-pad));margin-right:var(--colophon-gap)}.modal-sfss{width:auto;height:14px;color:color-mix(in srgb, var(--fg) 15%, transparent)}.modal-logo{width:var(--logo-w);aspect-ratio:449/237;background:linear-gradient(to right, var(--fg) 30%, color-mix(in srgb, var(--fg) 72%, var(--panel)));text-indent:100%;white-space:nowrap;margin:0;overflow:hidden;-webkit-mask:url(/gnomon-logo.png) 50%/contain no-repeat;mask:url(/gnomon-logo.png) 50%/contain no-repeat}.pane-name{font-size:inherit;font-weight:inherit;color:var(--dim);margin:0}.editor-row{grid-template-columns:3ch var(--u) var(--u) 1fr auto;align-items:center;gap:var(--sp);margin:0 calc(var(--sp) * -3);padding:var(--sp) calc(var(--sp) * 3);border-top:1px solid color-mix(in srgb, var(--fg) 10%, transparent);display:grid}.editor-row--linked:hover{background:var(--face)}.editor-row select{min-width:0;height:var(--u);padding:0 calc(var(--sp) * 4) 0 var(--sp);background:var(--face);color:var(--fg);border-radius:var(--r);font:inherit;border:none}.editor-row select:hover{background:var(--face-hover)}.pane-controls{gap:var(--sp);display:flex}.icon-button{width:var(--u);height:var(--u);background:var(--face);color:var(--fg);border-radius:var(--r);cursor:pointer;border:none;place-items:center;padding:0;display:grid}.icon-button:hover:not(:disabled),.icon-button[aria-checked=true]{background:var(--face-hover)}.icon-button[aria-checked=false]{color:var(--dim)}.icon-button:disabled{opacity:.3;cursor:default}.icon-button--bare{color:var(--dim);background:0 0}.icon-button--bare:hover:not(:disabled),.icon-button--bare[aria-checked=true]{color:var(--fg)}.icon-button--danger:hover:not(:disabled){color:var(--danger)}.view-picker{position:relative}.view-picker select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.view-picker:focus-within{outline:1px solid var(--fg);outline-offset:1px}.modal-backdrop{cursor:default;background:0 0;border:none;position:absolute;inset:0}