:root{font-family:Arial,Helvetica,sans-serif;color:#28372f;background:#ece8dc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid #c2bca9;background:transparent;padding:10px 13px;border-radius:3px;font-size:12px;min-height:40px}button:hover{background:#dcd5c3}button:disabled{opacity:.4;cursor:default}button.ink{background:#2a4137;border-color:#2a4137;color:#fff}button.active,button.selected{background:#ddd6c2;border-color:#827957}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #a65438;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbc4b3;padding:18px 3vw}.brand{font-family:Georgia,serif;font-style:italic;font-size:35px;color:inherit;text-decoration:none}.brand span{font-family:Arial,sans-serif;font-style:normal;font-size:10px;letter-spacing:2px;margin-left:22px}.top-actions{display:flex;gap:8px}main{max-width:1800px;margin:auto;padding:0 3vw}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:37px 0 30px}.eyebrow{font-size:10px!important;letter-spacing:2px;color:#8c624b}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(45px,4.4vw,72px);line-height:.98;margin:14px 0}h1 em{font-weight:400;color:#a75a3e}.intro p{font-size:13px;line-height:1.6;color:#726e5e}.edition{text-align:right;padding-bottom:5px}.edition>span{display:block;font-size:9px;letter-spacing:2px;margin-bottom:10px}.edition select{font-family:Georgia,serif;font-size:20px;background:transparent;border:0;border-bottom:1px solid #c2bca9;padding:10px 0}.studio{display:grid;grid-template-columns:minmax(230px,1fr) minmax(350px,2fr) minmax(250px,1.05fr);border:1px solid #c7c0ad;background:#f2eee3}.studio>aside,.composition{padding:20px}.composition{border-left:1px solid #c7c0ad;border-right:1px solid #c7c0ad;background:#e5dfce}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.section-head h2{font-size:11px;letter-spacing:.4px;font-weight:500;margin:0}.section-head>span{font-size:9px;color:#877c65}.section-head button{padding:4px 7px;font-size:10px}.tabs{display:flex;gap:5px;margin-bottom:14px}.tabs button{flex:1}canvas{display:block;width:100%;image-rendering:pixelated}.source canvas{border:9px solid #ded4ba;cursor:crosshair;touch-action:none}.hint{font-size:11px;line-height:1.55;color:#756e5a;margin:12px 0 18px}label{display:block;font-size:11px;margin:12px 0}textarea,input,select{width:100%;padding:9px;border:1px solid #c2bca9;background:#faf7ef;border-radius:2px}textarea{margin-top:7px;min-height:64px;resize:vertical;font-size:12px;line-height:1.5}label input,label select{display:block;margin-top:5px}input[type=file]{font-size:10px;padding:7px}.file{border-top:1px solid #d5cbb4;padding-top:14px}.row{display:flex;gap:6px}.row>*{flex:1;min-width:0}.row label{margin:10px 0}.art{position:relative;box-shadow:0 10px 28px #544a3220;margin:0 0 15px}.art svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.art-caption{display:flex;justify-content:space-between;gap:15px;font-family:Georgia,serif;font-size:13px}.art-caption span+span{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1px;padding-top:3px}.negative{margin-top:28px;border-top:1px solid #bfb59c;padding-top:17px}.negative h3{margin:0;font-family:Georgia,serif;font-weight:400;font-size:18px}.maps{display:flex;gap:12px}.maps>div{flex:1}.maps span{display:block;font-size:9px;margin-top:6px;color:#776b56}.stats{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #cac0a9;border-bottom:1px solid #cac0a9;padding:17px 0}.stats div{font-size:10px;color:#716b5b}.stats strong{display:block;color:#2a4137;font-family:Georgia,serif;font-size:21px;font-weight:400;margin-bottom:4px}.pieces{max-height:290px;overflow:auto;margin:14px 0}.pieces button{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid transparent;text-align:left;padding:9px;margin-bottom:2px}.pieces b{font-size:11px;font-weight:500}.pieces small{display:block;font-size:9px;color:#80755d;margin-top:4px}.pieces i{font-style:normal;font-size:9px;border:1px solid #c7bfa9;border-radius:20px;padding:4px 6px}.ledger h3{font-family:Georgia,serif;font-weight:400;font-size:20px}.wide{width:100%;margin:3px 0 8px}.status{padding:15px 18px;background:#d9dfcb;border-left:3px solid #536d51;font-size:12px;min-height:46px}.bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:20px 0 35px}.bottom h2{font-family:Georgia,serif;font-weight:400;font-size:22px}.bottom p,.bottom summary{font-size:12px;line-height:1.7}.bottom details{padding:20px 0}.bottom summary{cursor:pointer}footer{display:flex;justify-content:space-between;border-top:1px solid #c7c0ad;font-size:9px;letter-spacing:1px;padding:22px 0;color:#82775d}@media(min-width:1500px){.studio{grid-template-columns:300px minmax(500px,1fr) 320px}.composition .art{max-width:580px;margin:0 auto 15px}}@media(max-width:1100px){.studio{grid-template-columns:230px 1fr}.ledger{grid-column:1/-1;border-top:1px solid #c7c0ad}.pieces{display:flex;flex-wrap:wrap;max-height:none}.pieces button{width:160px}.composition{border-right:0}.bottom{grid-template-columns:1fr 1fr}.bottom details{grid-column:1/-1}}@media(max-width:650px){header{padding:12px}.brand span{display:none}.top-actions button{padding:7px}.intro{display:block;padding:25px 0}.edition{text-align:left;margin-top:25px}.edition select{width:100%;font-size:17px}.studio{display:flex;flex-direction:column}.composition{order:-1;border:0;border-bottom:1px solid #c7c0ad}.studio>aside,.composition{padding:15px}.source canvas{max-width:320px;margin:auto}.bottom{display:block}.art-caption{font-size:12px}footer{gap:20px;line-height:1.7}.section-head h2{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.source-preview{position:relative}.source-preview svg{position:absolute;left:9px;top:9px;width:calc(100% - 18px);height:calc(100% - 18px);pointer-events:none}@media(max-width:650px){.source-preview{max-width:320px;margin:auto}}
