/* A working tool inside an editorial studio site: paper, ink, warm vermilion. */
.studio-demo{padding-top:32px;scroll-margin-top:100px}.studio-demo>.section-rule>.mono:last-child{color:var(--muted)}.demo-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;margin:42px 0 38px;align-items:end}.demo-intro h2{font-size:62px;line-height:1.04}.demo-intro h2 em{color:var(--red)}.demo-intro>div>p{font-size:15px;line-height:1.8;max-width:500px}.demo-intro .demo-scope{font-size:11px;color:var(--muted);line-height:1.8;margin-top:16px;max-width:450px}.tracker{border:1px solid #c1c2b6;background:#faf9f3;color:var(--ink);box-shadow:0 16px 40px #24252108}.tracker-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;background:#292d27;color:#f5f1e4}.tracker-identity{display:flex;align-items:center;gap:18px}.tracker-mark{font-family:var(--serif);font-style:italic;font-size:48px;line-height:1;letter-spacing:-.12em;position:relative;padding-right:16px}.tracker-mark>span{font-family:var(--sans);font-size:20px;position:absolute;right:0;top:-1px;color:#d6a78a}.tracker-identity .mono{font-size:8px;color:#d1d2c7;letter-spacing:.09em}.tracker-identity h3{font-size:25px;letter-spacing:-.035em;margin-top:5px}.tracker-local{display:flex;align-items:center;gap:8px;font:9px/1.6 var(--mono);color:#deded2}.tracker-local i{width:6px;height:6px;background:#b9c795;border-radius:50%}.tracker-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px 24px}.tracker-heading .mono{font-size:8px;color:var(--muted)}.tracker-subtitle{font-size:14px;margin-top:5px}.tracker-actions{display:flex;gap:8px}.tracker button{border-radius:0}.tracker-actions button{background:transparent;border:1px solid #cccec2;font-size:10px;padding:9px 12px;min-height:38px}.tracker button:disabled{opacity:.4;cursor:not-allowed}.tracker button:hover:not(:disabled){border-color:var(--ink)}.tracker-actions button>span{margin-left:8px}.tracker-metrics{display:grid;grid-template-columns:1fr 1.15fr 1.15fr 1fr;margin:0 32px;border-top:1px solid #c9ccbf;border-bottom:1px solid #c9ccbf}.tracker-metric{padding:24px 24px 22px 0;min-width:0}.tracker-metric+.tracker-metric{border-left:1px solid #d7d9ce;padding-left:24px}.tracker-metric>.mono{font-size:8px;display:block;color:#676c60}.tracker-metric>strong{font-size:38px;font-weight:400;letter-spacing:-.055em;line-height:1.2;display:block;margin-top:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tracker-metric>span:last-child{font-size:10px;color:#696e62;display:block;margin-top:9px}.tracker-completion>strong>span{font-size:22px;color:#6b735f;margin-left:2px}.tracker-completion>span:not(.mono){display:block;font-size:10px;color:#696e62;margin-top:9px}.completion-track{height:3px;background:#e1e4d7;margin-top:15px}.completion-track>span{display:block;background:#59664c;width:33%;height:100%}.tracker-visual{display:grid;grid-template-columns:1.7fr 1fr;margin:28px 32px;gap:32px;align-items:stretch}.chart-heading{display:flex;justify-content:space-between;gap:15px;align-items:baseline}.chart-heading h4,.tracker-table-heading h4{font:400 20px/1.3 var(--serif);letter-spacing:-.03em;margin:0}.chart-heading>.mono{font-size:7px;color:var(--muted)}.stage-chart{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;margin-top:24px}.stage-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:10px}.stage-label strong{font:400 22px/1 var(--serif);letter-spacing:-.03em}.stage-track{background:#e8e9e1;height:6px;margin-top:12px}.stage-track>span{display:block;height:100%;background:#aeb79f}.stage-1 .stage-track>span{background:#c75d40}.stage-2 .stage-track>span{background:#c6aa76}.stage-3 .stage-track>span{background:#53634a}.tracker-note{background:#e8ebdf;padding:24px 28px;border-left:2px solid #7a8569}.tracker-note>.mono{font-size:7px;display:block;color:#5b6651}.tracker-note>p{font-size:26px;line-height:1.08;letter-spacing:-.05em;margin-top:14px}.tracker-note>p>em{color:#5a644f}.tracker-note>span:last-child{display:block;font-size:10px;line-height:1.7;color:#5d6653;margin-top:14px;max-width:280px}.tracker-table-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #d4d7ca;padding:24px 32px 20px}.tracker-table-heading p{font-size:10px;color:#6b7064;margin-top:5px}.tracker-add{border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:11px;min-height:40px;padding:9px 15px;display:flex;align-items:center;gap:18px}.tracker-add:hover:not(:disabled){background:var(--red);border-color:var(--red)!important}.tracker-add>span{font-size:19px;font-weight:400;line-height:1}.tracker-table-wrap{max-height:430px;overflow:auto;scrollbar-color:#aab09e #eceee4}.tracker-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed;font-size:11px}.tracker-table thead{position:sticky;top:0;z-index:1;background:#eeefe6}.tracker-table thead th{font:8px/1.6 var(--mono);color:#646d59;padding:12px 12px;border-block:1px solid #dce0d3;white-space:normal}.tracker-table th:first-child{width:31%;padding-left:32px}.tracker-table th:nth-child(2){width:16%}.tracker-table th:nth-child(3){width:16%}.tracker-table th:nth-child(4),.tracker-table th:nth-child(5){width:13%}.tracker-table th:last-child{width:11%}.tracker-table tbody th,.tracker-table td{border-bottom:1px solid #e2e5da;padding:15px 12px;vertical-align:middle;overflow-wrap:anywhere}.tracker-table tbody th{font-weight:400}.tracker-table tbody th>strong{display:block;font-size:12px;font-weight:500;line-height:1.5;white-space:pre-line}.row-client{display:block;color:#747b6a;font-size:10px;margin-top:3px;white-space:pre-line}.tracker-table td:nth-child(4),.tracker-table td:nth-child(5){font-variant-numeric:tabular-nums}.stage-tag{display:inline-block;font-size:9px;line-height:1.4;padding:5px 7px;background:#eceee5;color:#626e55}.stage-tag-1{color:#8a432e;background:#f4e6dc}.stage-tag-2{color:#735c2a;background:#f0ead5}.stage-tag-3{color:#43543a;background:#e1e9d9}.row-actions{white-space:nowrap;padding-right:25px!important}.row-actions button{border:0;border-bottom:1px solid #9aa18e;background:transparent;padding:4px 0;font-size:10px;min-height:32px}.row-actions .row-remove{font-size:19px;padding:0 7px;margin-left:8px;border:0;color:#727a65}.tracker-empty{padding:30px 32px;font-size:13px;color:#65705b}.tracker-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 32px;background:#eeefe6}.tracker-foot p{font:7px/1.6 var(--mono);color:#626c58}.tracker-foot button{border:0;border-bottom:1px solid #8a947d;padding:5px 0;background:transparent;font-size:10px;white-space:nowrap}.tracker-foot button>span{margin-left:12px}.tracker-status{font-size:11px;line-height:1.7;padding:15px 32px;color:#556248;min-height:48px}.csv-workbench{border-top:1px solid #d8ddce}.csv-workbench summary{display:flex;padding:23px 32px;justify-content:space-between;gap:24px;align-items:center;cursor:pointer;list-style:none}.csv-workbench summary::-webkit-details-marker{display:none}.csv-workbench summary>span{font:23px/1.3 var(--serif);letter-spacing:-.025em}.csv-workbench summary .mono{display:block;font-size:7px;letter-spacing:.06em;font-family:var(--mono);color:#6d765f;margin-bottom:7px}.csv-workbench summary>i{font-size:22px;font-style:normal}.csv-workbench[open] summary>i{transform:rotate(45deg)}.csv-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:5px 32px 28px}.csv-grid h4{font-size:14px;font-weight:500;margin:0 0 14px}.csv-grid ol{padding-left:17px;font-size:12px;line-height:1.9;margin:0}.csv-grid ol li+li{margin-top:6px}.csv-grid a{text-decoration:underline;text-underline-offset:3px}.csv-grid>div>p{font-size:11px;line-height:1.8;color:#67705e;margin-top:18px}.csv-grid .csv-safety{padding-left:12px;border-left:2px solid #a8b298}.csv-inputs label{display:block;font-size:11px;margin-bottom:7px}.csv-inputs label>span{font-size:9px;color:#737c68;display:block;margin-top:2px}.csv-inputs input[type=file]{padding:9px;font-size:11px;background:#f0f2e8;margin-bottom:17px}.csv-inputs input::file-selector-button{border:1px solid #aab39d;background:#fffdf7;padding:7px 9px;font:10px var(--sans);margin-right:10px;cursor:pointer}.csv-inputs textarea{font:11px/1.7 var(--mono);background:#fefdf8;padding:12px;min-height:160px}.csv-inputs #csv-format{font-size:9px;margin-top:7px;line-height:1.8}.csv-buttons{display:flex;align-items:center;gap:20px;margin-top:17px}.csv-buttons button{font-size:11px;padding:10px 15px;min-height:40px;background:#292d27;color:#faf9f3;border:1px solid #292d27}.csv-buttons button:last-child{border:0;border-bottom:1px solid #a6b095;color:#535d47;background:transparent;padding:7px 0;font-size:10px}.csv-buttons button>span{margin-left:18px}.csv-errors{background:#f6e7dd;color:#8d3e29;padding:15px;margin-top:12px;font-size:11px;line-height:1.7;border-left:2px solid #bb6247}.csv-errors>p{font-weight:500}.csv-errors ul{margin:8px 0 0;padding-left:15px}.csv-errors a{text-decoration:underline}.tracker-privacy{font-size:9px;line-height:1.8;padding:18px 32px;background:#f0f1e9;color:#67705e;border-top:1px solid #d8ddce}.demo-bottom{display:flex;justify-content:space-between;gap:32px;align-items:center;margin-top:25px}.demo-bottom>p{font-size:14px;line-height:1.7;letter-spacing:-.02em}.demo-bottom>p>span{font-size:11px;color:var(--muted)}.demo-bottom .text-link{margin:0;white-space:nowrap}.tracker-editor{border:0;padding:32px;background:#f4f1e9;color:var(--ink);width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 24px 100px #0003}.tracker-editor::backdrop{background:#192119a6;backdrop-filter:blur(3px)}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.editor-top .mono{font-size:8px;color:var(--muted)}.editor-top button{border:0;background:transparent;font-size:28px;padding:0 4px;min-height:36px}.tracker-editor h3{font-size:40px;margin-top:19px}.editor-lead{font-size:12px;color:var(--muted);margin-top:12px}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.editor-fields label{display:block;font-size:11px;margin-bottom:7px}.editor-fields input,.editor-fields select,.editor-fields textarea{font-size:14px;background:#fffdf7;min-height:44px}.editor-fields textarea{height:70px;min-height:70px;resize:vertical;line-height:1.5}.editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.editor-actions button{padding:12px 17px;border:1px solid #c7c9bc;background:transparent;font-size:12px}.editor-actions button:last-child{background:var(--ink);color:var(--paper);border-color:var(--ink)}.editor-actions button>span{margin-left:22px}.editor-footnote{font-size:9px;line-height:1.7;color:var(--muted);margin-top:16px}
@media(max-width:1150px){.demo-intro{gap:50px}.demo-intro h2{font-size:52px}.tracker-metric>strong{font-size:32px}.tracker-visual{gap:24px;grid-template-columns:1.4fr 1fr}.tracker-note{padding:21px}.tracker-table th:first-child{width:27%}.tracker-table th:nth-child(3){width:17%}.row-actions{padding-right:12px!important}.row-actions .row-remove{margin-left:4px;padding:0 5px}.tracker-table tbody th>strong{font-size:11px}.tracker-table{font-size:10px}.tracker-table td{padding-inline:8px}.tracker-table thead th{padding-inline:8px}}
@media(max-width:900px){.demo-intro{gap:32px}.demo-intro h2{font-size:45px}.demo-intro>div>p{font-size:13px}.demo-intro .demo-scope{font-size:10px}.tracker-top,.tracker-heading{padding-inline:24px}.tracker-metrics{margin-inline:24px}.tracker-metric{padding-right:15px}.tracker-metric+.tracker-metric{padding-left:15px}.tracker-metric>strong{font-size:27px}.tracker-metric>.mono{font-size:7px}.tracker-metric>span:last-child,.tracker-completion>span:not(.mono){font-size:9px}.tracker-visual{margin-inline:24px;gap:22px}.chart-heading{display:block}.chart-heading>.mono{display:block;margin-top:6px}.stage-chart{gap:20px;margin-top:20px}.tracker-note>p{font-size:23px}.tracker-table-heading{padding-inline:24px}.tracker-table th:first-child{padding-left:24px}.tracker-table th:nth-child(2){width:17%}.tracker-table th:last-child{width:13%}.tracker-table th:nth-child(4),.tracker-table th:nth-child(5){width:12%}.tracker-table td{padding-inline:7px}.stage-tag{font-size:8px;padding:5px}.tracker-table tbody th>strong{font-size:10px}.row-client{font-size:9px}.tracker-foot,.tracker-status,.tracker-privacy{padding-inline:24px}.csv-workbench summary{padding-inline:24px}.csv-grid{padding-inline:24px;gap:30px}.tracker-actions button{font-size:9px;padding:8px}.tracker-subtitle{font-size:12px}.demo-bottom>p{font-size:12px}.demo-bottom>p>span{font-size:10px}.demo-bottom .text-link{font-size:11px}}
@media(max-width:700px){.studio-demo{padding-top:20px;scroll-margin-top:90px}.studio-demo>.section-rule>.mono:last-child{font-size:6px;text-align:right;max-width:120px}.demo-intro{display:block;margin:28px 0 26px}.demo-intro h2{font-size:43px}.demo-intro>div+div{margin-top:24px}.demo-intro>div>p{font-size:13px;line-height:1.8}.demo-intro .demo-scope{font-size:10px;margin-top:13px}.tracker-top{display:block;padding:20px}.tracker-identity{gap:15px}.tracker-identity h3{font-size:25px}.tracker-mark{font-size:42px}.tracker-local{font-size:8px;margin-top:18px;padding-top:13px;border-top:1px solid #59604f}.tracker-heading{display:block;padding:20px}.tracker-actions{margin-top:16px;gap:10px}.tracker-actions button{font-size:10px;min-height:39px;padding:8px 10px}.tracker-heading .mono{font-size:7px}.tracker-subtitle{font-size:12px;line-height:1.6}.tracker-metrics{margin:0 20px;grid-template-columns:1fr 1fr}.tracker-metric{padding:20px 12px 20px 0}.tracker-metric+.tracker-metric{padding-left:16px}.tracker-metric:nth-child(3){border-left:0;padding-left:0}.tracker-metric:nth-child(n+3){border-top:1px solid #d7d9ce}.tracker-metric>strong{font-size:29px;margin-top:10px}.tracker-metric>.mono{font-size:7px}.tracker-metric>span:last-child{font-size:9px;line-height:1.6}.tracker-completion>strong>span{font-size:19px}.tracker-visual{display:block;margin:23px 20px}.chart-heading{display:flex}.chart-heading h4{font-size:20px}.chart-heading>.mono{font-size:6px;margin:0;text-align:right;max-width:75px}.stage-chart{gap:20px;margin-top:22px}.stage-label{font-size:10px}.stage-label strong{font-size:24px}.tracker-note{margin-top:26px;padding:22px}.tracker-note>p{font-size:27px}.tracker-note>span:last-child{font-size:10px;max-width:none}.tracker-table-heading{padding:21px 20px;align-items:start;gap:14px}.tracker-table-heading h4{font-size:20px}.tracker-table-heading p{font-size:9px;max-width:140px}.tracker-add{font-size:9px;gap:9px;padding:8px 9px;white-space:nowrap;min-height:38px}.tracker-add>span{font-size:15px}.tracker-table-wrap{max-height:670px;overflow-x:hidden}.tracker-table,.tracker-table tbody{display:block}.tracker-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tracker-table tr{display:grid;grid-template-columns:1fr 1fr;margin:0 20px;padding:18px 0;border-top:1px solid #d9dece;column-gap:14px;row-gap:13px}.tracker-table tbody th:first-child{grid-column:1/-1;width:auto;padding:0;border:0}.tracker-table tbody th>strong{font-size:13px}.row-client{font-size:10px;margin-top:4px}.tracker-table td{display:block;padding:0;border:0;font-size:12px;line-height:1.5}.tracker-table td[data-label]:before{content:attr(data-label);display:block;font:7px/1.7 var(--mono);color:#6e7961;margin-bottom:5px}.tracker-table .stage-tag{font-size:10px;padding:5px 7px}.tracker-table .row-actions{grid-column:1/-1;display:flex;gap:16px;align-items:center;justify-content:flex-end;padding:0!important}.row-actions button{font-size:11px;min-height:36px;padding:4px 8px}.row-actions .row-remove{font-size:23px;padding:0 11px;margin:0}.tracker-foot{display:block;padding:17px 20px}.tracker-foot p{font-size:7px}.tracker-foot button{font-size:11px;margin-top:12px;min-height:35px}.tracker-status{padding:17px 20px;font-size:11px}.csv-workbench summary{padding:21px 20px;gap:18px}.csv-workbench summary>span{font-size:23px;line-height:1.2}.csv-workbench summary .mono{font-size:6px;margin-bottom:10px}.csv-grid{display:block;padding:4px 20px 24px}.csv-grid h4{font-size:14px}.csv-grid ol{font-size:12px}.csv-grid>div>p{font-size:11px}.csv-inputs{margin-top:24px}.csv-inputs input[type=file]{font-size:10px;padding:7px}.csv-inputs input::file-selector-button{font-size:9px;margin-right:7px}.csv-inputs textarea{font-size:12px;min-height:160px}.csv-inputs label{font-size:12px}.csv-buttons{gap:18px;flex-wrap:wrap}.csv-buttons button{font-size:11px}.csv-buttons button:last-child{font-size:10px}.tracker-privacy{padding:17px 20px;font-size:9px;line-height:1.9}.demo-bottom{display:block;margin-top:23px}.demo-bottom>p{font-size:13px}.demo-bottom>p>span{font-size:11px}.demo-bottom .text-link{font-size:12px;margin-top:16px}.tracker-editor{padding:22px;width:calc(100% - 24px)}.tracker-editor h3{font-size:34px;margin-top:14px}.editor-fields{gap:16px;grid-template-columns:1fr;margin-top:22px}.editor-fields input,.editor-fields select,.editor-fields textarea{font-size:16px}.editor-fields textarea{height:60px;min-height:60px}.editor-actions button{font-size:12px}.editor-actions button>span{margin-left:15px}}
@media(max-width:359px){.demo-intro h2{font-size:38px}.tracker-top,.tracker-heading{padding-inline:16px}.tracker-metrics,.tracker-visual{margin-inline:16px}.tracker-metric>strong{font-size:25px}.tracker-metric>.mono{font-size:6px}.tracker-metric+.tracker-metric{padding-left:12px}.tracker-metric:nth-child(3){padding-left:0}.tracker-table-heading{padding-inline:16px}.tracker-table-heading h4{font-size:18px}.tracker-add{font-size:8px;gap:5px}.tracker-table tr{margin-inline:16px}.tracker-foot,.tracker-status,.tracker-privacy,.csv-workbench summary,.csv-grid{padding-inline:16px}.tracker-note{padding:18px}.tracker-identity h3{font-size:23px}.tracker-identity .mono{font-size:7px}.chart-heading h4{font-size:18px}}
@media print{.tracker-actions,.tracker-add,.row-actions,.csv-workbench,.tracker-foot button,.tracker-editor{display:none!important}.tracker-table-wrap{max-height:none;overflow:visible}.tracker{box-shadow:none}.tracker-top{color:#222;background:#eee}.tracker-local,.tracker-identity .mono{color:#444}.demo-intro h2{font-size:40px}}