.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-data-block{border:1px dashed rgba(0,255,127,.5);padding:14px;margin:12px 0;background:#00ff7f05}.canvas-data-block.bound{border-style:solid;background:#00ff7f0a}.canvas-data-block.error{border-color:#ff7f7f;color:#ff7f7f}.canvas-data-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-bottom:8px}.canvas-data-noun{font-weight:600;opacity:1;color:#00ff7f}.canvas-data-status{font-size:11px;opacity:.6;margin-top:6px}.canvas-table-preview{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.canvas-table-col{background:#00ff7f14;border:1px solid rgba(0,255,127,.4);padding:4px 10px;font-size:12px}.canvas-table-add-col{background:transparent;border:1px dashed rgba(0,255,127,.5);color:#00ff7f;font-family:inherit;font-size:12px;padding:4px 10px;cursor:default;opacity:.7}.canvas-table-add-col:hover{opacity:1}.canvas-cards-preview{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.canvas-cards-card{border:1px solid rgba(0,255,127,.4);padding:10px 12px;min-width:220px;display:flex;flex-direction:column;gap:4px}.canvas-cards-row{display:flex;justify-content:space-between;gap:12px;font-size:12px}.canvas-cards-row-label{opacity:.65}.canvas-cards-row-placeholder{opacity:.35}.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-chart-preview{font-size:12px;opacity:.55;border:1px dashed rgba(0,255,127,.3);padding:18px 12px;text-align:center;font-style:italic}.canvas-form-preview{display:flex;flex-direction:column;gap:8px;max-width:460px}.canvas-form-row{display:flex;flex-direction:column;gap:3px}.canvas-form-row label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.7;display:flex;gap:6px;align-items:baseline}.canvas-form-type{font-size:10px;opacity:.5;text-transform:lowercase;letter-spacing:0}.canvas-form-row input{background:#000;border:1px solid rgba(0,255,127,.3);color:#00ff7f;font-family:inherit;font-size:12px;padding:5px 8px;outline:0;opacity:.6}.canvas-detail-preview{display:flex;flex-direction:column;gap:6px}.canvas-detail-row{display:flex;gap:12px;font-size:12px;border-bottom:1px dashed rgba(0,255,127,.2);padding-bottom:4px}.canvas-detail-label{flex:0 0 160px;text-transform:uppercase;letter-spacing:.06em;font-size:11px;opacity:.65}.canvas-detail-value{opacity:.45;font-style:italic}: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}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))}