:root{font-family:Arial,Helvetica,sans-serif;color:#182c31;background:#e9e8df;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #c5c9c2;background:transparent;color:inherit;padding:11px 13px;border-radius:3px;min-height:42px}button:hover{background:#d9e2dc}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e5683d;outline-offset:3px}.primary{background:#182c31;color:#f7f0de;border-color:#182c31}.primary:hover{background:#315159}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;background:#f5f3e9;border-bottom:1px solid #c5c9c2}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;letter-spacing:1px}.brand span:not(.mark){display:block;font-size:9px;letter-spacing:2px;margin-top:5px;color:#6f7b77}.mark{font-size:42px;color:#e5683d}.header-actions{display:flex;gap:8px}main{display:grid;grid-template-columns:250px minmax(320px,1fr) 320px;min-height:calc(100vh - 130px)}aside{padding:26px 22px;background:#f5f3e9}.tree{border-right:1px solid #c5c9c2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#647874}h1{font-family:Georgia,serif;font-size:44px;line-height:.98;letter-spacing:-2px;font-weight:400;margin:24px 0}h1 span{font:13px Arial;vertical-align:top;color:#e5683d}h2{font:26px Georgia,serif;line-height:1.1;margin:18px 0}.subtle,.tree-foot p{font-size:12px;line-height:1.6;color:#65736e}.budget{font-size:10px;display:flex;justify-content:space-between;border-top:1px solid #cccfc6;border-bottom:1px solid #cccfc6;padding:14px 0;margin:24px 0 10px}.node{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;text-align:left;min-height:38px;font-size:12px}.node small{font-size:9px;color:#788880}.node.selected{background:#dce4dc;border-left:3px solid #e5683d}.tree-foot{margin-top:28px;font-size:11px;border-top:1px solid #ccd0c5;padding-top:18px}.work{padding:22px 26px;background:radial-gradient(#bec6bd .65px,transparent .65px);background-size:9px 9px}.work-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px}.paper-wrap{display:flex;flex-direction:column;align-items:center;padding:28px 0 22px}.paper{width:min(100%,420px);aspect-ratio:4/5;position:relative;box-shadow:0 8px 22px #182c3126}.art,.overlay{position:absolute;inset:0;width:100%;height:100%}.art svg{display:block;width:100%;height:100%}.overlay rect{cursor:pointer}.paper-caption{font-size:8px;letter-spacing:1.6px;margin-top:18px}.family{display:flex;gap:12px;justify-content:center}.family button{width:100px;padding:8px;background:#f5f3e9;border:1px solid #bdc5ba}.family button.chosen{border:2px solid #e5683d;padding:7px}.family svg{width:100%;height:auto;aspect-ratio:4/5;display:block}.family span{font-size:8px;display:block;margin-top:8px;overflow-wrap:anywhere}.status{margin:20px auto 0;max-width:500px;font-size:12px;line-height:1.6;border-top:1px solid #c5c9c2;padding-top:15px}.editor{border-left:1px solid #c5c9c2}.selection{background:#e7ebe2;padding:13px;display:flex;flex-direction:column;gap:9px;font-size:12px}.selection span,.selection small{font-size:10px;color:#65736e}.selection code{font-size:10px;line-height:1.5}.pair{display:flex;gap:6px;margin:10px 0}.pair button{flex:1;padding:9px 6px;font-size:11px}.comparison{font-size:10px;color:#416e78;min-height:16px}label{display:block;font-size:10px;letter-spacing:.6px;font-weight:700;margin:14px 0}input,select{display:block;width:100%;padding:10px;border:1px solid #bdc6bb;border-radius:2px;background:#fcfbf6;color:#182c31;margin-top:6px;min-height:40px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.fields label{margin:6px 0}.full{width:100%;font-size:12px}hr{border:0;border-top:1px solid #c5c9c2;margin:20px 0}details{margin-top:22px;font-size:11px;line-height:1.6}summary{cursor:pointer;font-weight:700}details button{width:100%;margin-top:8px;font-size:11px}footer{display:flex;justify-content:space-between;padding:14px 28px;font-size:8px;letter-spacing:1.5px;border-top:1px solid #bdc6bb}input[type=file]{font-size:10px}@media(min-width:1600px){main{grid-template-columns:290px 1fr 350px}.paper{width:500px}}@media(max-width:1050px){main{grid-template-columns:210px 1fr}.editor{grid-column:1/-1;display:block}.editor .fields{grid-template-columns:repeat(4,1fr)}header{padding:14px}.brand{font-size:13px}.header-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:650px){main{display:flex;flex-direction:column}.tree{order:2}.work{order:1;padding:20px 16px}.editor{order:3}.tree nav{max-height:240px;overflow:auto}.tree h1 br{display:none}.tree h1{font-size:34px}.tree-foot{display:none}header{align-items:flex-start;flex-direction:column}.header-actions{width:100%;justify-content:flex-start}.header-actions button{font-size:11px;flex:1}.paper{max-width:360px}.family{gap:6px}.family button{width:23%}footer{gap:20px;line-height:1.5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{header,aside,footer,.work-top,.family,.status,.paper-caption,.overlay{display:none!important}main{display:block}.work{padding:0;background:none}.paper-wrap{padding:0}.paper{box-shadow:none;width:100%;max-width:none}}