:root{font-family:Inter,Arial,sans-serif;color:#263f43;background:#eeeae0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #cfcfc1;border-radius:5px;background:transparent;padding:10px 13px;color:inherit;transition:background .15s}button:hover{background:#e3e0d2}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c46f4b;outline-offset:2px}button:disabled{opacity:.4;cursor:default}header{min-height:86px;border-bottom:1px solid #cccdbf;display:flex;align-items:center;justify-content:space-between;padding:18px 30px;gap:20px;background:#f7f4ea}.brand{display:flex;gap:15px;align-items:center}.brand b{letter-spacing:.18em;font-size:12px}.brand small{display:block;font:12px Georgia,serif;margin-top:6px;color:#70817d}.mark{font:italic 38px Georgia;border-right:1px solid #cccdbf;padding-right:20px}.mark span{color:#b46544}.top-actions{display:flex;gap:8px}.accent{background:#294e50;color:#fff;border-color:#294e50}.accent:hover{background:#376366}.workspace{display:grid;grid-template-columns:245px minmax(300px,1fr) 265px;min-height:calc(100vh - 132px)}aside{padding:30px 22px;border-right:1px solid #cccdbf;background:#f5f1e7}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:#667c79}h1{font:42px/.96 Georgia,serif;letter-spacing:-.04em;margin:23px 0}h1 em{color:#ae6245;font-weight:400}h2{font:25px Georgia,serif;margin:9px 0 16px}p{font-size:12px;line-height:1.7;color:#627570}.intro{font-size:13px;line-height:1.7;margin-bottom:23px}.studies{display:grid;gap:5px}.studies button{text-align:left;display:flex;align-items:center;gap:8px;font-size:11px;padding:12px 7px;border-color:transparent}.studies button span{font-size:10px;color:#9a9f90}.studies button b{margin-left:auto}.studies .chosen{background:#dce3d8;border-color:#c4d0c2}.row{display:flex;gap:6px;margin-top:12px}.row button{flex:1;font-size:11px;padding:9px 4px}.section{border-top:1px solid #d1d3c4;margin-top:23px;padding-top:20px}.section>button{width:100%;margin:4px 0;font-size:11px}.segmented{display:flex;margin:13px 0;gap:3px}.segmented button{flex:1;font-size:11px;padding:8px 3px}.active{background:#2c5051!important;color:#fff!important;border-color:#2c5051!important}label{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:13px 0;gap:8px;text-transform:capitalize}input[type=number]{width:78px;padding:6px;border:1px solid #c9cdbf;border-radius:3px;background:#fcfaf2;color:#274b4d}input[type=color]{width:44px;height:26px;border:0;padding:0}input[type=checkbox]{accent-color:#2c5051}.check{justify-content:flex-start}details{margin:20px 0;font-size:11px}summary{cursor:pointer;color:#526c68}details label{display:block;font-size:11px}textarea{display:block;width:100%;height:100px;margin-top:9px;background:#fffdf4;border:1px solid #c4ccbe;padding:8px;font-size:12px}main{padding:28px 30px 12px;min-width:0;background:radial-gradient(ellipse at center,#e6e5db,#eae9df)}.canvas-heading{display:flex;justify-content:space-between;align-items:center}.canvas-heading h2{font-size:28px}.pill{font-size:8px;letter-spacing:.08em;border:1px solid #bfcab9;padding:8px;border-radius:20px;color:#567965}.viewbar{display:flex;justify-content:center;gap:3px;margin:7px 0 21px}.viewbar button{font-size:10px;border-color:transparent;padding:8px}.mat{padding:32px;background:#d8dcce;border:1px solid #c7cdbf;box-shadow:inset 0 0 35px #bfc6b944;display:flex;align-items:center;justify-content:center;min-height:380px}.art{position:relative;width:100%;max-width:520px;box-shadow:0 8px 28px #30423a26;background:repeating-conic-gradient(#eee 0,#eee 25%,#ddd 0,#ddd 50%) 0/16px 16px}.art canvas{width:100%;height:100%;display:block}.art svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.divider{position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #fff9;pointer-events:none;display:flex;align-items:flex-end}.divider span{position:absolute;bottom:10px;color:#fff;background:#284749b3;font-size:8px;padding:5px}.divider span:first-child{right:10px}.divider span:last-child{left:10px}.proof{display:flex;justify-content:space-between;border-bottom:1px solid #c9cfc0;padding:20px 0;gap:12px}.proof strong{font:25px Georgia;display:block}.proof span{font-size:9px;color:#687e76;display:block;margin-top:6px}.proof p{font-size:10px;margin:0}.status{font-size:11px;min-height:24px}.inspector{border-left:1px solid #cccdbf;border-right:0}.tags{display:grid;gap:5px;margin-top:18px}.tags button{display:flex;gap:12px;align-items:center;text-align:left;border-color:transparent;padding:12px 8px;font-size:11px}.tags .selected{background:#e6e5d6;border-color:#c7cbb9}.tags small{display:block;font-size:10px;color:#728378;margin-top:5px}.tags b{font-size:10px;margin-left:auto}.tags i{width:4px;height:29px;background:#48626c}.tags i.soft{background:#eda451}.tags i.lost{background:#b66148}.section>small{font-size:10px;color:#708078;line-height:1.6;display:block;margin-top:8px}footer{display:flex;align-items:center;justify-content:space-between;padding:0 28px;min-height:46px;border-top:1px solid #cccdbf;background:#f7f4ea;font-size:9px;letter-spacing:.08em}footer details{max-width:620px;letter-spacing:normal;margin:12px 0}footer p{font-size:11px}@media(min-width:1450px){.workspace{grid-template-columns:280px 1fr 290px}aside{padding:36px 28px}.mat{padding:40px}.art{max-width:590px}}@media(max-width:1050px){.workspace{grid-template-columns:210px 1fr}.inspector{grid-column:1/-1;display:block}.tags{display:flex;flex-wrap:wrap}.inspector .section{max-width:500px}header{flex-wrap:wrap}main{padding:20px}.pill{display:none}}@media(max-width:670px){.workspace{display:flex;flex-direction:column}aside{padding:20px}.studies{grid-template-columns:1fr}h1{font-size:32px}.mat{padding:15px;min-height:0}.canvas-heading h2{font-size:24px}.top-actions{flex-wrap:wrap}.top-actions button{font-size:11px}header{padding:16px}.proof,.viewbar{flex-wrap:wrap}footer{padding:12px;gap:15px}.brand small{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.name-edit{font-size:9px;margin:3px 0 12px;justify-content:flex-start;flex-wrap:wrap}.name-edit input{min-width:0;max-width:180px;border:1px solid #c6ccbd;background:#f7f4ea;padding:5px;color:#294e50}.name-edit button{font-size:9px;padding:5px}.canvas-heading h2{overflow-wrap:anywhere}.preview-error{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:grid;place-items:center;background:#f7f4ea;padding:20px;z-index:2}.canvas-heading>div{min-width:0}.canvas-heading h2{white-space:pre-wrap}
