@font-face{font-family:'BC Sans';src:url('fonts/sans.woff') format('woff');font-display:swap}@font-face{font-family:'BC Sans';src:url('fonts/sans-bold.woff') format('woff');font-weight:700;font-display:swap}@font-face{font-family:'BC Serif';src:url('fonts/serif.woff') format('woff');font-display:swap}
:root{--ink:#243234;--muted:#77807e;--gold:#a17b45;--paper:#f8f7f3;--line:#e3e4de;--sans:'BC Sans',Arial,sans-serif;--serif:'BC Serif',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px/1.5 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,summary,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold)}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:5px;background:transparent;padding:8px 12px;transition:background .15s,border-color .15s}button:hover{background:#eae9e2;border-color:#bdbeb5}button:disabled{opacity:.35;cursor:default}a{color:inherit}h1,h2,h3,p{margin:0}.topbar{height:83px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 28px;background:#fff}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;font-size:15px;letter-spacing:1.7px;font-weight:600}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:2px;margin-top:3px;font-weight:400}.brand-mark{display:block;width:23px;height:38px;position:relative;border-bottom:1px solid var(--gold)}.brand-mark:before{content:'';width:1px;background:var(--gold);height:37px;position:absolute;left:11px}.brand-mark i{position:absolute;background:var(--gold);border-radius:50%;width:5px;height:5px;left:9px;top:6px}.brand-mark i:nth-child(2){top:20px}.brand-mark i:nth-child(3){top:33px;width:7px;height:7px;left:8px}.top-actions{display:flex;gap:8px;align-items:center}.top-actions>button{font-size:11px}.top-actions>button span{margin-left:15px}.save-status{font-size:10px;color:var(--muted);margin-right:14px}.save-status:before{content:'●';font-size:7px;color:#708c72;margin-right:6px}.icon-button{border-color:transparent;font-size:22px!important;padding:1px 8px}.workspace{display:grid;grid-template-columns:242px minmax(400px,1fr) 292px;min-height:calc(100vh - 83px)}.library{background:#1c292b;color:#d1d7d4;display:flex;flex-direction:column;padding:30px 17px 22px}.eyebrow{display:block;font-size:8px;letter-spacing:1.6px;font-weight:600;color:var(--muted)}.library-heading{padding:0 12px 22px}.library .eyebrow{color:#9da9a5;font-size:7px;letter-spacing:1.3px}.library h1{font:27px var(--serif);color:#f1f0e9;margin:11px 0 7px;display:flex;align-items:center;gap:16px}.library h1 span{font:10px var(--sans);border:1px solid #51615e;padding:2px 6px;color:#a5b4ad;border-radius:3px}.library-heading p{font-size:10px;color:#94a19e}.diagram-item{display:flex;text-align:left;gap:12px;width:100%;border:1px solid transparent;color:#b9c6c0;padding:13px 11px;border-radius:5px;margin-bottom:5px}.diagram-item:hover{background:#29383a;border-color:#3e5151}.diagram-item.active{background:#334344;border-color:#62706a;color:#f2eee4}.diagram-number{font-size:9px;letter-spacing:1px;min-width:19px;padding-top:3px;color:#95a4a0}.diagram-item.active .diagram-number{color:#d1ad78}.diagram-name{font-size:11px;line-height:1.55;display:block}.diagram-chapter{display:block;font-size:8px;color:#8fa09a;margin-top:4px;letter-spacing:.5px}.diagram-item.active .diagram-chapter{color:#acb8b0}.review-dot{display:inline-block;width:4px;height:4px;background:#a17b45;border-radius:50%;margin-left:6px;vertical-align:middle}.library-bottom{margin-top:auto;padding:35px 12px 0}.library-bottom p{font:14px/1.6 var(--serif);margin:10px 0 17px;color:#d4d8d1}.library-link{font-size:9px;border:0;padding:0;color:#c4a16e;text-align:left}.library-link:hover{background:transparent;color:#ead0a4}main{min-width:0;padding:30px 32px 20px}.workspace-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}.workspace-title .eyebrow{font-size:8px;letter-spacing:1.2px}.workspace-title h2{font:25px/1.3 var(--serif);margin-top:8px}.language-toggle{display:flex;border:1px solid #d9dcd5;border-radius:5px;padding:3px;gap:2px}.language-toggle button{border:0;font-size:10px;padding:4px 8px;color:var(--muted)}.language-toggle button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #0001;color:var(--ink)}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#fdfcf9;border-radius:7px 7px 0 0;padding:9px 14px;font-size:9px;gap:10px}.view-label{display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;border-radius:50%;background:#7f9582}.separator{color:#c4c6bf;margin:0 2px}.canvas-controls{display:flex;align-items:center;gap:9px}.canvas-controls button{padding:1px 5px;border:0;font-size:11px}.canvas-controls #fit{font-size:9px;margin-right:3px}.canvas-viewport{min-height:340px;height:clamp(340px,48vw,700px);background:#e8e9e3;background-image:radial-gradient(#cdd0c8 .7px,transparent .7px);background-size:13px 13px;display:flex;align-items:center;justify-content:center;overflow:auto;padding:32px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.canvas-sheet{width:100%;max-width:1100px;flex-shrink:0;background:#fff;box-shadow:0 8px 25px #1a252315;line-height:0;transform-origin:center center}#diagram-preview svg{display:block;width:100%;height:auto;max-height:100%}.canvas-sheet.checker{background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/16px 16px}#diagram-preview [data-field]{cursor:text}#diagram-preview [data-field]:hover{fill:var(--gold)}.canvas-footer{border:1px solid var(--line);border-top:0;border-radius:0 0 7px 7px;display:flex;justify-content:space-between;gap:12px;padding:11px 14px;font-size:8px;color:var(--muted)}#figure-note{letter-spacing:.8px}#layout-status{color:#6d816d;white-space:nowrap}.insight{display:flex;gap:23px;margin:28px 0 5px}.insight-number{font:45px var(--serif);color:#d1c9b9;line-height:1}.insight .eyebrow{font-size:7px;margin:1px 0 8px}.insight p{font:14px/1.7 var(--serif);max-width:700px;color:#4f5c59}.text-link{font-size:9px;border:0;padding:10px 0;color:var(--gold);background:transparent!important}.inspector{background:#fdfcf9;border-left:1px solid var(--line);padding:27px 22px 25px}.inspector-head{display:flex;align-items:center;justify-content:space-between}.inspector-head h2{font:18px var(--serif)}.inspector-head .eyebrow{font-size:7px;letter-spacing:1px;color:#969b91}.inspector-tabs{display:flex;margin:23px 0 2px;border-bottom:1px solid var(--line)}.inspector-tabs button{width:50%;font-size:11px;border:0;border-radius:0;padding:10px 5px;color:var(--muted)}.inspector-tabs button[aria-selected=true]{color:var(--ink);border-bottom:2px solid var(--gold)}.control-group{padding:21px 0;border-bottom:1px solid var(--line)}.control-title{font-size:10px;font-weight:600;display:block;margin-bottom:12px}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.theme-swatch{padding:0;border:0;text-align:center;border-radius:3px}.theme-swatch:hover{background:transparent}.swatch{height:45px;display:flex;justify-content:center;align-items:center;font:22px var(--serif);border:1px solid var(--line);border-radius:4px;color:var(--gold);margin-bottom:6px}.theme-swatch.active .swatch{outline:1px solid var(--gold);outline-offset:2px}.theme-swatch small{font-size:8px;color:var(--muted)}.swatch.paper{background:#fff}.swatch.mono{background:#fff;color:#222}.swatch.dark{background:#192628;color:#d2af79}.swatch.transparent{background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/10px 10px;color:#333}select{width:100%;border:1px solid #dcded7;padding:8px 10px;border-radius:4px;color:var(--ink);background:#fff;font-size:10px}.color-row{display:flex;align-items:center;gap:9px;margin:18px 0 22px;font-size:10px}.color-row input{margin-left:auto;width:26px;height:25px;border:0;padding:0;background:transparent}.color-row span{font-size:9px;color:var(--muted)}.range-row{display:flex;justify-content:space-between;font-size:10px;margin:12px 0 5px}.range-row output{color:var(--muted);font-size:9px}input[type=range]{width:100%;height:3px;accent-color:var(--gold);display:block;margin:10px 0 18px}input[type=checkbox]{accent-color:#6a7769;width:25px;height:14px;cursor:pointer}.visibility label{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:9px 0}.logo-control{padding:16px 0;font-size:10px;border-bottom:1px solid var(--line)}.logo-control summary{cursor:pointer}.logo-control input{font-size:9px;max-width:100%;margin:14px 0}.logo-control button{font-size:9px;margin-top:9px}.panel-note{font-size:10px;color:var(--muted);line-height:1.7;margin:17px 0}.text-field{display:block;margin:15px 0;font-size:10px}.text-field span{display:block;font-weight:600;margin-bottom:6px}.text-field textarea{resize:vertical;min-height:53px;width:100%;border:1px solid #dcded7;border-radius:4px;padding:8px;background:#fff;color:var(--ink);font-size:11px;line-height:1.6}.reset-button{font-size:9px;margin:10px 0 20px;width:100%}.export-panel{padding-top:19px}.export-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.export-heading .control-title{margin:0}.export-heading select{width:auto;padding:3px 5px;font-size:9px}.export-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.export-formats button{font-size:11px;background:#fff;padding:8px 0}.export-formats small{display:block;font-size:7px;color:var(--muted);margin-top:2px}.export-aux{display:flex;justify-content:space-between;margin:9px 0 16px;gap:8px}.export-aux button{border:0;padding:3px 0;font-size:9px;color:var(--muted)}.primary-button{background:#253537;color:#f0eee5;width:100%;display:flex;justify-content:space-between;border-color:#253537;font-size:10px;padding:12px 13px}.primary-button:hover{background:#354b4d;border-color:#354b4d}.export-note{font-size:8px;color:var(--muted);line-height:1.8;text-align:center;margin-top:11px}.batch-format{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:9px;color:var(--muted)}.batch-format select{width:80px;padding:4px;font-size:9px}dialog{padding:30px 35px;border:1px solid #deded3;border-radius:10px;max-width:800px;width:calc(100vw - 40px);color:var(--ink);max-height:90vh;overflow:auto;background:#f9f8f4}dialog::backdrop{background:#142427aa;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}dialog h2{font:34px var(--serif);margin-bottom:20px}dialog>p{font-size:12px;line-height:1.9;max-width:650px}dialog h3{font:19px var(--serif);margin:25px 0 12px}.book-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.book-cards article{border:1px solid #d7d8cd;background:white;padding:22px}.book-cards h3{font-size:21px;line-height:1.45;min-height:100px;margin:14px 0}.book-cards p{color:var(--muted);font-size:10px;margin-bottom:15px}.book-cards a{font-size:11px;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:4px;margin-right:22px}.report-link{display:inline-block;margin:20px 0;font-size:11px;color:var(--gold)}.privacy-note{border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:10px!important}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:9999;max-width:600px;width:max-content;max-width:calc(100vw - 40px);background:#223537;color:#f7f3e8;padding:15px 22px;border:1px solid #9a9d86;border-radius:6px;box-shadow:0 10px 40px #0003;font-size:12px}#toast.error{background:#683f34}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}
@media(min-width:1600px){.workspace{grid-template-columns:270px minmax(500px,1fr) 315px}main{padding:38px 50px}.library{padding:38px 20px}.diagram-item{padding:17px 12px}.diagram-name{font-size:12px}.inspector{padding:32px 26px}}
@media(max-width:1120px){.workspace{grid-template-columns:195px minmax(300px,1fr) 255px}.topbar{padding:0 20px}.save-status{display:none}.brand{font-size:12px;letter-spacing:1px}main{padding:25px 18px}.library{padding:25px 10px}.library-heading{padding-left:8px}.library h1{font-size:23px}.diagram-item{padding:11px 8px;gap:8px}.diagram-name{font-size:10px}.inspector{padding:25px 17px}.canvas-viewport{padding:22px;height:45vw;min-height:300px}.workspace-title h2{font-size:21px}.canvas-toolbar{padding:8px}.view-label{font-size:8px;gap:5px}#figure-note{font-size:7px}.canvas-footer{padding:9px}.canvas-controls{gap:5px}}
@media(max-width:850px){.topbar{height:70px;padding:0 18px}.top-actions>button{font-size:10px;padding:5px 8px}.top-actions>button span{display:none}.workspace{grid-template-columns:1fr 250px}.library{grid-column:1/-1;padding:15px 18px 10px;display:block}.library-heading,.library-bottom{display:none}#diagram-list{display:flex;overflow-x:auto;gap:8px}.diagram-item{width:170px;flex-shrink:0;margin:0;padding:9px 10px}.diagram-name{font-size:10px}.diagram-chapter{font-size:7px}.workspace-title h2{font-size:21px}.canvas-viewport{height:55vw;min-height:300px;padding:15px}.insight{gap:15px}.insight p{font-size:12px}.canvas-controls #fit{display:none}.canvas-footer{display:block}#layout-status{display:block;margin-top:5px}}
@media(max-width:620px){.topbar{padding:0 15px;height:72px}.brand{font-size:11px;gap:10px}.brand small{font-size:6px;letter-spacing:1.2px}.top-actions{gap:2px}.top-actions>button{font-size:9px;padding:5px}.top-actions>button.icon-button{display:none}#load-project{font-size:0}#load-project:after{content:'↗';font-size:15px}.workspace{display:block}.library{padding:12px 14px}.diagram-item{width:157px}main{padding:24px 15px 12px}.workspace-title{margin-bottom:18px}.workspace-title h2{font-size:24px}.workspace-title .eyebrow{font-size:6px}.canvas-viewport{height:75vw;padding:16px;min-height:265px}.canvas-footer{display:flex;font-size:7px}#layout-status{margin:0}.inspector{border-top:1px solid var(--line);padding:25px 20px}.theme-grid{max-width:350px}.swatch{height:55px}.control-group{padding:19px 0}input[type=range]{height:8px;margin:18px 0 23px}.visibility{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.visibility>.control-title{grid-column:1/-1}.visibility label{font-size:12px}.range-row,.color-row{font-size:12px}.control-title{font-size:12px}.export-formats button{padding:14px}.primary-button{font-size:13px;padding:15px}select{font-size:12px}.export-note{font-size:10px}.book-cards{grid-template-columns:1fr}.book-cards h3{min-height:0}dialog{padding:25px}dialog h2{font-size:27px}.insight{margin:22px 0 4px}.insight p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.book-nav-heading{font-size:8px;letter-spacing:1.2px;color:#B8A17D;padding:8px 12px 12px}.extra-motifs summary{cursor:pointer;font-size:10px;color:#a9b5af;padding:12px}.extra-motifs{margin-top:8px;border-top:1px solid #3a4948}.canvas-sheet.book-paper{background:#FAF9F5!important}.canvas-sheet.book-paper.checker{background-image:none!important}

.standalone-profiles{display:flex;gap:8px;margin:-10px 0 0}.standalone-profiles button{flex:1;font-size:10px;padding:7px 3px}