:root{color-scheme:dark;--bg:#0e171b;--panel:#152126;--line:#2b3b40;--text:#e6eeee;--muted:#91a5ac;--cyan:#64d4e5;--green:#b4e879;--blue:#3585ee;--red:#e95b66}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{border:1px solid var(--line);background:#1a292f;color:var(--text);border-radius:7px;padding:8px 11px;cursor:pointer;white-space:nowrap}button:hover{background:#263b42;border-color:#59717b}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,svg:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button.primary{background:var(--green);border-color:var(--green);color:#172b20;font-weight:700}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 24px;background:#101c21}.brand{display:flex;align-items:center;gap:11px;min-width:196px}.brand-mark{border:2px solid var(--green);color:var(--green);font-size:25px;line-height:30px;width:35px;text-align:center;border-radius:5px}.brand strong{display:block;font-size:14px;letter-spacing:2px}.brand span:not(.brand-mark){display:block;font-size:11px;color:var(--muted)}.report-title{max-width:340px;flex:1}.report-title label{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.report-title input{padding:1px 0;background:transparent;border:0;border-bottom:1px solid transparent;font-size:16px;color:var(--text);width:100%}.report-title input:hover{border-bottom-color:var(--line)}.file-actions{display:flex;gap:7px;margin-left:auto}.workspace{display:grid;grid-template-columns:220px minmax(420px,1fr) 278px;min-height:calc(100vh - 82px)}.left-panel,.right-panel{padding:21px 15px;background:var(--panel)}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}h1,h2,p{margin-top:0}h2{font-size:12px;letter-spacing:.2px;font-weight:650;margin-bottom:12px}h2 small{font-size:10px;font-weight:400;color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.section-head h2{margin:0}.section-head>span{font-size:10px;color:var(--muted)}.stage-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}.stage-button{display:flex;gap:9px;align-items:center;text-align:left;padding:10px;white-space:normal}.stage-button>span:first-child{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.stage-button.active{background:#284036;border-color:#6e9564}.stage-button.active>span:first-child{color:var(--green)}.stage-button .stage-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-actions{display:flex;gap:6px;margin:9px 0}.stage-actions button{flex:1;padding:7px 5px;font-size:11px}.secondary-actions button{font-size:10px}.danger{color:#ffacb6}.tools-head{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.tools{display:grid;gap:3px}.tool{border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;padding:8px 9px}.tool b{width:27px;text-align:center;font-size:18px;font-weight:500}.tool span{flex:1;font-size:12px}.tool small{float:right;font-size:9px;color:#81969f;border:1px solid #384951;border-radius:3px;padding:1px 4px;margin-top:2px}.tool.active{border-color:#66858f;background:#2a4048}.tool.active small{color:#d9edf1}.blue-icon{color:var(--blue)}.red-icon{color:var(--red)}.movement{color:#55d6f1}.ball-movement{color:#ffc16c}.intended{color:#a5f17d}.actual{color:#ff7eae}.local-note{font-size:11px;color:#b4c5c9;border-top:1px solid var(--line);padding-top:17px;margin-top:24px}.local-note>span:last-child{display:block;font-size:10px;color:var(--muted);padding-left:14px;margin-top:3px}.local-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px}.main-panel{padding:24px 26px;min-width:0}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted)}h1{font-size:21px;font-weight:550;margin:3px 0 0}.history-actions{display:flex;gap:5px}.history-actions button{font-size:10px;padding:6px 8px}.board-wrap{border:1px solid #39554d;border-radius:12px;overflow:hidden;background:#173d30;box-shadow:0 20px 60px #0003;display:flex;align-items:center;justify-content:center;min-height:260px}#board{display:block;width:100%;height:auto;max-height:calc(100vh - 262px);min-height:300px;touch-action:none;user-select:none}#board[data-drawing=true]{cursor:crosshair}#board [data-id]{cursor:grab}#board [data-handle]{cursor:crosshair}.board-footer{display:flex;justify-content:space-between;gap:10px;margin:12px 2px;color:var(--muted);font-size:11px}.legend{display:flex;flex-wrap:wrap;gap:8px 21px;border-top:1px solid var(--line);padding-top:17px;font-size:11px;color:#bdcdd0}.legend span{white-space:nowrap}.legend i{font-style:normal;font-size:18px;vertical-align:-1px;margin-right:5px}.legend small{flex-basis:100%;color:var(--muted);font-size:10px;margin-top:3px}.status{font-size:11px;color:var(--green);min-height:20px;margin-top:19px}.status.error{color:#ffacb6}.right-panel>label,.right-panel .split-fields label,.selection-panel label{display:block;font-size:11px;color:#c1d0d3;margin:12px 0 0}input,textarea{width:100%;border:1px solid #374950;background:#101b20;color:var(--text);border-radius:6px;padding:8px 9px;margin-top:5px;min-width:0}textarea{resize:vertical;min-height:50px}input::placeholder,textarea::placeholder{color:#657d87}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-help{font-size:10px;color:var(--muted);line-height:1.65;margin:9px 0}.selection-panel{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}#selection-empty{color:var(--muted);font-size:11px;line-height:1.8;margin-top:12px}.object-section{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.object-list{max-height:210px;overflow:auto;display:flex;flex-direction:column;gap:3px}.object-list button{text-align:left;font-size:10px;border-color:transparent;background:transparent;padding:5px 7px;overflow:hidden;text-overflow:ellipsis}.object-list button.active{background:#30464e;border-color:#638795}.object-list button span{display:inline-block;width:19px}.empty-list{color:var(--muted);font-size:11px}dialog{border:1px solid #56747e;background:var(--panel);color:var(--text);border-radius:14px;padding:28px;max-width:610px;max-height:85vh;overflow:auto}dialog::backdrop{background:#0009}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dialog-header h2{font-size:21px;margin:0}.dialog-header button{font-size:22px;padding:0 10px}dialog p,dd{font-size:12px;color:#b3c6cc}dt{font-size:12px;color:var(--green);margin-top:14px}dd{margin:3px 0 0}.dialog-header+ p{margin-bottom:18px}[hidden]{display:none!important}@media(min-width:1700px){.workspace{grid-template-columns:238px minmax(420px,1fr) 306px}.main-panel{padding:28px 36px}}@media(max-width:1180px){.workspace{grid-template-columns:190px minmax(360px,1fr) 240px}.topbar{padding:0 15px;gap:15px}.brand{min-width:160px}.brand strong{font-size:12px}.file-actions button{font-size:11px;padding:7px}.main-panel{padding:18px 15px}.history-actions{flex-wrap:wrap;justify-content:flex-end}.canvas-toolbar{align-items:flex-start}.tool span{font-size:11px}.left-panel,.right-panel{padding:17px 12px}}@media(max-width:900px){.topbar{height:auto;min-height:90px;flex-wrap:wrap;padding:14px 15px;gap:10px 16px}.file-actions{width:100%;margin:0;justify-content:flex-end}.report-title{margin-left:auto;max-width:350px}.workspace{grid-template-columns:168px minmax(0,1fr)}.right-panel{grid-column:1/-1;border-top:1px solid var(--line);border-left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}.right-panel>h2{grid-column:1/-1}.selection-panel,.object-section{margin-top:15px}.selection-panel{grid-column:1/3}.object-section{grid-column:3}.tool small{display:none}.main-panel{padding:17px 12px}.board-wrap{min-height:0}#board{min-height:0;max-height:none}.history-actions #help{display:none}.canvas-toolbar{flex-direction:column}.history-actions{align-self:flex-end}.board-footer{font-size:10px}.legend{gap:5px 13px}.legend span{font-size:10px}}@media(max-width:560px){.workspace{grid-template-columns:1fr}.left-panel{border:0;padding:12px}.tools{grid-template-columns:repeat(4,1fr)}.tools-head,.local-note{display:none}.stage-list{flex-direction:row;max-height:100px}.stage-button{min-width:145px}.left-panel>.section-head{margin-bottom:6px}.tool{padding:6px 3px;gap:3px;flex-direction:column}.tool b{font-size:17px}.tool span{font-size:9px;text-align:center}.main-panel{padding-top:5px}.right-panel{grid-template-columns:1fr 1fr}.right-panel>label:last-of-type{grid-column:1/-1}.selection-panel{grid-column:1}.object-section{grid-column:2}.file-actions{gap:5px}.file-actions button{padding:7px 8px}.brand{min-width:140px}.brand strong{letter-spacing:1px}.report-title{max-width:180px}.report-title input{font-size:13px}.canvas-toolbar{flex-direction:row}h1{font-size:17px}.history-actions #fit{display:none}}
/* FDB4: the way back to the site, the guest sign-in note and the boards panel. */
.brand-back{font-size:11px;color:var(--green);text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:6px 8px;white-space:nowrap}
.brand-back:hover{background:#1a292f;border-color:#59717b}
.signin-note{font-size:11px;line-height:1.35;color:var(--muted);margin:0;max-width:190px}
.signin-note a{color:var(--green)}
.boards-list{display:flex;flex-direction:column;gap:8px}
.board-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:9px 11px}
.board-row.current{border-color:var(--green)}
.board-label{flex:1;min-width:0}
.board-label strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board-label span{font-size:10px;color:var(--muted)}
.board-row button{font-size:11px;padding:6px 9px}
@media (max-width:900px){.brand-back{padding:5px 6px}.signin-note{max-width:none;font-size:10px}}