.canvas-editor-frame{background:#000;color:#00ff7f;font-family:JetBrains Mono,Menlo,Consolas,monospace;min-height:100vh}.canvas-app-bar{display:flex;align-items:center;gap:14px;padding:10px 18px;background:#050505;border-bottom:1px solid #00ff7f;font-size:12px;position:sticky;top:0;z-index:50}.canvas-app-bar .brand{color:#00ff7f;font-weight:600}.canvas-app-bar .slug{opacity:.6}.canvas-app-bar .save-status{margin-left:auto;opacity:.6;font-size:11px}.canvas-app-bar .save-status.error{opacity:1;color:#ff7f7f}.canvas-app-bar .save-status.saving{opacity:.85}.canvas-app-bar .open-site{border:1px solid #00ff7f;background:transparent;color:#00ff7f;padding:5px 12px;font-family:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.08em;text-decoration:none}.canvas-page-title{width:100%;background:transparent;border:0;outline:0;color:#00ff7f;font-family:inherit;font-size:32px;font-weight:600;letter-spacing:-.02em;margin:0 0 16px;padding:0}.canvas-page-title::placeholder{opacity:.3}.canvas-editor-area{max-width:760px;margin:0 auto;padding:32px 24px 80px}.canvas-editor-area .ProseMirror{outline:0;min-height:320px;font-size:14px;line-height:1.6}.canvas-editor-area .ProseMirror p{margin:4px 0}.canvas-editor-area .ProseMirror h1{font-size:28px;margin:16px 0 8px}.canvas-editor-area .ProseMirror h2{font-size:22px;margin:12px 0 6px}.canvas-editor-area .ProseMirror h3{font-size:18px;margin:10px 0 4px}.canvas-editor-area .ProseMirror code{background:#00ff7f1a;padding:1px 5px;border:1px solid rgba(0,255,127,.25);font-family:inherit}.canvas-editor-area .ProseMirror a{color:#7fffaa;text-decoration:underline}.canvas-editor-area .ProseMirror ul,.canvas-editor-area .ProseMirror ol{padding-left:24px;margin:8px 0}.canvas-editor-area .ProseMirror blockquote{border-left:2px solid rgba(0,255,127,.5);padding:0 12px;margin:8px 0;opacity:.85}.canvas-editor-area .ProseMirror pre{background:#050505;border:1px solid #00ff7f;padding:12px;margin:8px 0;overflow-x:auto}.canvas-editor-area .ProseMirror pre code{background:transparent;border:0;padding:0}.slash-menu{background:#050505;border:1px solid #00ff7f;padding:4px;width:280px;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:12px;max-height:320px;overflow-y:auto}.slash-menu-empty{opacity:.6;padding:12px;text-align:center}.slash-item{display:block;width:100%;text-align:left;background:transparent;border:0;padding:7px 10px;color:#00ff7f;font-family:inherit;font-size:12px;cursor:default}.slash-item.active{background:#00ff7f;color:#000}.slash-item .slash-item-name{font-weight:500}.slash-item .slash-item-desc{font-size:11px;opacity:.6}.slash-item.active .slash-item-desc{opacity:.85;color:#002a14}.canvas-tabs{display:flex;align-items:center;gap:4px;padding:0 24px;background:#050505;border-bottom:1px solid rgba(0,255,127,.35);font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:12px;position:sticky;top:38px;z-index:49;flex-wrap:wrap}.canvas-tab{display:flex;align-items:center;gap:4px;padding:6px 0}.canvas-tab.active{border-bottom:2px solid #00ff7f;margin-bottom:-1px}.canvas-tab-label{background:transparent;border:0;color:#00ff7f;font-family:inherit;font-size:12px;padding:4px 10px;cursor:default;opacity:.65}.canvas-tab.active .canvas-tab-label{opacity:1;font-weight:600}.canvas-tab-label:hover{opacity:.9}.canvas-tab-x{background:transparent;border:0;color:#00ff7f;font-family:inherit;font-size:14px;padding:0 6px 0 0;opacity:.4;cursor:default}.canvas-tab-x:hover{opacity:1;color:#ff7f7f}.canvas-tab-add{opacity:.4}.canvas-tab-add:hover{opacity:.85}.canvas-tab-add-form{display:flex;align-items:center;gap:8px;padding:0 8px}.canvas-tab-add-input{background:#000;border:1px solid rgba(0,255,127,.5);color:#00ff7f;font-family:inherit;font-size:12px;padding:3px 8px;outline:0}.canvas-tab-add-error{color:#ff7f7f;font-size:11px}.noun-picker{background:#050505;border:1px solid #00ff7f;padding:4px;width:320px;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:12px}.noun-picker-input{width:100%;background:#000;border:1px solid rgba(0,255,127,.4);color:#00ff7f;font-family:inherit;font-size:12px;padding:6px 8px;outline:0;margin-bottom:4px}.noun-picker-input:focus{border-color:#00ff7f}.noun-picker-list{max-height:280px;overflow-y:auto}.noun-picker-empty{padding:12px;opacity:.55;text-align:center}.noun-picker-item{display:block;width:100%;text-align:left;background:transparent;border:0;padding:7px 10px;color:#00ff7f;font-family:inherit;font-size:12px;cursor:default}.noun-picker-item.active{background:#00ff7f;color:#000}.noun-picker-item-name{font-weight:500}.noun-picker-item-meta{font-size:11px;opacity:.6;margin-top:1px}.noun-picker-item.active .noun-picker-item-meta{opacity:.85;color:#002a14}.noun-picker-create .noun-picker-item-name{font-style:italic}.add-col-popover{background:#050505;border:1px solid #00ff7f;padding:6px;display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:12px;flex-wrap:wrap}.add-col-input,.add-col-type{background:#000;border:1px solid rgba(0,255,127,.4);color:#00ff7f;font-family:inherit;font-size:12px;padding:4px 6px;outline:0}.add-col-input{width:140px}.add-col-popover button{background:transparent;border:1px solid #00ff7f;color:#00ff7f;font-family:inherit;font-size:12px;padding:3px 10px;cursor:default}.add-col-error{color:#ff7f7f;font-size:11px;flex-basis:100%}.canvas-chart-config{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px}.canvas-chart-config label{display:inline-flex;flex-direction:column;font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.7;gap:3px}.canvas-chart-config select{background:#000;border:1px solid rgba(0,255,127,.4);color:#00ff7f;font-family:inherit;font-size:12px;padding:3px 6px;outline:0;text-transform:none;letter-spacing:0}.canvas-action-toggles{display:flex;align-items:center;gap:6px;font-size:11px;margin-top:10px;padding-top:8px;border-top:1px dashed rgba(0,255,127,.2)}.canvas-action-label{text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin-right:4px}.canvas-action-chip{background:transparent;border:1px solid rgba(0,255,127,.3);color:#00ff7f;font-family:inherit;font-size:11px;padding:2px 9px;cursor:default;opacity:.45}.canvas-action-chip.on{background:#00ff7f1f;border-color:#00ff7f;opacity:1}.canvas-date-wrap{position:relative;display:inline-block}.canvas-date-pill{background:#00ff7f1a;border:1px solid rgba(0,255,127,.4);color:#00ff7f;font-family:inherit;font-size:.95em;padding:1px 8px;cursor:pointer;border-radius:3px;white-space:nowrap}.canvas-date-pill:hover{background:#00ff7f33;border-color:#00ff7f}.canvas-date-pill.rendered{cursor:default}.canvas-date-popover{position:absolute;top:100%;left:0;margin-top:4px;background:#050505;border:1px solid #00ff7f;padding:6px;z-index:100}.canvas-date-popover input{background:#000;border:1px solid rgba(0,255,127,.4);color:#00ff7f;font-family:inherit;font-size:12px;padding:4px 6px;outline:0;color-scheme:dark}.canvas-edit-chrome{border:1px solid rgba(0,255,127,.3);border-radius:4px;margin:16px 0;background:#00ff7f05;position:relative;transition:border-color .12s,background .12s}.canvas-edit-chrome:hover{border-color:#00ff7f8c;background:#00ff7f0a}.ProseMirror-selectednode .canvas-edit-chrome{border-color:#00ff7f;outline:1px solid #00ff7f;outline-offset:-2px}.canvas-edit-hover-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;font-size:11px;color:#00ff7f;background:#00ff7f0f;border-bottom:1px solid rgba(0,255,127,.2);opacity:.55;transition:opacity .12s}.canvas-edit-chrome:hover .canvas-edit-hover-bar,.ProseMirror-selectednode .canvas-edit-hover-bar{opacity:1}.canvas-edit-hover-bar strong{font-weight:600}.canvas-edit-hover-change{background:transparent;border:0;color:#00ff7f;font-family:inherit;font-size:11px;padding:0;cursor:pointer;opacity:.7}.canvas-edit-hover-change:hover{opacity:1}.canvas-edit-body{padding:12px 14px}.canvas-edit-footer{display:flex;flex-wrap:wrap;gap:6px;padding:6px 10px;border-top:1px solid rgba(0,255,127,.15);background:#0006;font-size:11px;color:#888}.canvas-chrome-btn{background:transparent;border:0;color:#888;font-family:inherit;font-size:11px;padding:2px 6px;cursor:pointer;border-radius:3px}.canvas-chrome-btn:hover{color:#00ff7f;background:#00ff7f14}.canvas-chrome-btn.active{color:#00ff7f}.canvas-unbound-shell{border:1px dashed rgba(0,255,127,.4);border-radius:4px;padding:12px 14px;margin:16px 0;background:#00ff7f05}.canvas-unbound-label{font-size:11px;color:#00ff7f;margin-bottom:8px;opacity:.85}.canvas-popover-anchor{position:relative;margin-top:6px;padding:8px;border:1px solid rgba(0,255,127,.3);border-radius:4px;background:#0a0a0a}:root{--nouns-bg: #000000;--nouns-fg: #00ff7f;--nouns-accent: #00ff7f;--nouns-muted: #1a3a26;--nouns-radius: 0px;--nouns-font: "JetBrains Mono", Menlo, Consolas, monospace;--nouns-space: 8px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--nouns-bg);color:var(--nouns-fg);font-family:var(--nouns-font);font-size:14px;line-height:1.5}a{color:var(--nouns-fg);cursor:pointer}h1,h2,h3{font-weight:600;letter-spacing:-.01em}h1{font-size:28px;margin:16px 0 8px}h2{font-size:22px;margin:12px 0 6px}h3{font-size:18px;margin:10px 0 4px}.rendered-page-title{font-size:32px;font-weight:600;letter-spacing:-.02em;color:var(--nouns-fg);margin:0 0 16px}blockquote{border-left:2px solid color-mix(in srgb,var(--nouns-fg) 50%,transparent);padding:0 12px;margin:8px 0;opacity:.85}:not(pre)>code{background:color-mix(in srgb,var(--nouns-fg) 10%,transparent);padding:1px 5px;border:1px solid color-mix(in srgb,var(--nouns-fg) 25%,transparent);font-family:inherit}pre{background:color-mix(in srgb,var(--nouns-bg) 90%,var(--nouns-fg));border:1px solid var(--nouns-fg);padding:12px;margin:8px 0;overflow-x:auto}pre code{background:transparent;border:0;padding:0;font-family:inherit}input,textarea,button,select{background:var(--nouns-bg);color:var(--nouns-fg);border:1px solid var(--nouns-fg);border-radius:var(--nouns-radius);padding:calc(var(--nouns-space) * .75) calc(var(--nouns-space) * 1.25);font-family:inherit;font-size:16px}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 1px var(--nouns-fg)}button{cursor:pointer}button:hover:not(:disabled){background:var(--nouns-accent);color:var(--nouns-bg)}button:disabled{opacity:.4;cursor:not-allowed}.app{padding:calc(var(--nouns-space) * 3);max-width:1100px;margin:0 auto}.prompt:before{content:"> "}.muted{color:var(--nouns-muted)}.error{color:#f55}.field{display:flex;flex-direction:column;gap:calc(var(--nouns-space) * .5);margin-bottom:calc(var(--nouns-space) * 1.5)}.field label{font-size:11px;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.row{display:flex;gap:var(--nouns-space);align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:var(--nouns-space)}.layout{display:grid;grid-template-columns:180px 1fr;gap:calc(var(--nouns-space) * 3);align-items:flex-start}.sidebar{border-right:1px solid var(--nouns-muted);padding-right:calc(var(--nouns-space) * 1.5)}.nav-item{display:block;padding:calc(var(--nouns-space) * .75) var(--nouns-space);text-decoration:none;border-radius:var(--nouns-radius)}.nav-item:hover{background:var(--nouns-muted)}.nav-item.active{background:var(--nouns-accent);color:var(--nouns-bg)}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--nouns-muted);padding:calc(var(--nouns-space) * .75) calc(var(--nouns-space) * 1.25);text-align:left;vertical-align:top}th{background:var(--nouns-muted);font-weight:400;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--nouns-bg) 85%,transparent);display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:var(--nouns-bg);border:1px solid var(--nouns-fg);border-radius:var(--nouns-radius);padding:calc(var(--nouns-space) * 2.5) calc(var(--nouns-space) * 3);width:min(600px,calc(100vw - 32px))}