:root{font-family:Arial,Helvetica,sans-serif;color:#263e36;background:#e9e4d9;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;background:transparent;color:inherit;border:1px solid #c2c4b8;border-radius:3px;padding:10px 12px;transition:background .15s}button:hover:not(:disabled){background:#d8ddd0}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,canvas:focus-visible,a:focus-visible{outline:3px solid #d96a48;outline-offset:4px}button:active:not(:disabled){transform:translateY(1px)}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:24px 34px;border-bottom:1px solid #bcc2b4}.brand{font-family:Georgia,serif;font-size:42px;font-weight:700;color:inherit;text-decoration:none;display:flex;align-items:center;gap:18px}.brand span{font-family:Arial,sans-serif;font-size:10px;line-height:1.5;letter-spacing:2px}.motto{font-size:10px;letter-spacing:2px;line-height:1.5}.top-actions{display:flex;gap:8px}.top-actions button{font-size:12px}.app{min-height:100dvh;display:flex;flex-direction:column}main{display:grid;grid-template-columns:minmax(240px,290px) minmax(340px,1fr) minmax(250px,310px);flex:1}.controls{padding:28px;border-right:1px solid #bcc2b4}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#65786a}h1{font-family:Georgia,serif;font-weight:400;font-size:44px;line-height:1.05;letter-spacing:-1.8px;margin:22px 0 14px}.intro{font-size:12px;line-height:1.7;color:#657468}.stage-head{border-top:1px solid #bec5b7;margin-top:23px;padding-top:20px;display:flex;align-items:center;gap:15px}.number{font-family:Georgia,serif;font-size:48px}.stage-head div{font-size:9px;letter-spacing:1px;line-height:1.8}.stage-head b{font-size:11px;letter-spacing:0}.field{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:12px;margin-top:22px;gap:10px}.field span{font-size:10px;color:#617365}.field input[type=color]{width:100%;height:34px;border:0;background:none;padding:0;cursor:pointer}.field input[type=range]{width:100%;accent-color:#395c4c}.swatches{display:flex;gap:7px;margin-top:10px}.swatches button{height:24px;width:24px;border:0;padding:0;border-radius:50%}.swatches button[aria-pressed=true]{outline:1px solid #2f4537;outline-offset:3px}.fine{font-size:10px;line-height:1.65;color:#667567}fieldset{border:0;padding:0;margin:22px 0 0}legend{font-size:12px;margin-bottom:12px}.sheet-choices{display:flex;flex-wrap:wrap;gap:12px}.sheet-choices label{font-size:10px;display:flex;align-items:center;gap:3px}input[type=checkbox]{accent-color:#355b48}.preview-toggle{font-size:11px;display:flex;align-items:center;gap:6px;padding:14px 0;border-top:1px solid #c1c8bb;margin-top:17px}.preview-toggle span{margin-left:auto}.commit{background:#2e5142;color:#f4f0e5;border-color:#2e5142;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:12px;padding:15px}.commit:hover:not(:disabled){background:#446958}.studio{padding:26px 28px;background:#d9ddcf;display:flex;flex-direction:column;align-items:center}.work-head{display:flex;justify-content:space-between;width:100%;font-size:8px;letter-spacing:1px;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;background:#c3744e;border-radius:50%;margin-right:6px}.artwork{position:relative;background:#f8eedb;padding:26px 26px 36px;width:min(100%,620px);margin:auto 0 24px;box-shadow:0 14px 30px #35482e18,2px 2px 1px #35482e0c;transform:rotate(-1deg)}.artwork canvas{width:100%;height:auto;display:block;image-rendering:pixelated}.paper-caption{display:block;text-align:center;font-size:7px;letter-spacing:2px;margin-top:14px;opacity:.55}.registration{position:absolute;width:12px;height:12px;border-left:1px solid #68735a;border-top:1px solid #68735a}.top-left{top:15px;left:15px}.bottom-right{right:15px;bottom:25px;transform:rotate(180deg)}.proof-nav{display:flex;width:100%;gap:7px;max-width:500px}.proof-nav button{flex:1;font-size:11px;background:#e6e7dc}.proof-nav button.active{background:#324f40;color:#f0eee2;border-color:#324f40}.proof-nav small{display:block;font-size:9px;margin-top:5px;opacity:.6}.export-row{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:18px 0 0}.export-row button{font-size:10px;border:0;padding:9px 5px}.plate-panel{padding:28px;border-left:1px solid #bcc2b4}h2{font-family:Georgia,serif;font-size:28px;line-height:1.15;font-weight:400;margin:18px 0}.plate-wrap{background:#d0d4c5;padding:10px;border-radius:3px;box-shadow:inset 0 2px 5px #263e3610}.plate-wrap canvas{display:block;width:100%;touch-action:none;image-rendering:pixelated;cursor:crosshair}.legend{display:flex;flex-wrap:wrap;gap:9px;font-size:8px;margin-top:10px}.coral{color:#be593d}.edit-actions{display:flex;gap:6px}.edit-actions button{font-size:10px;flex:1;padding:9px 4px}.timeline-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #bfc6b7;margin-top:25px;padding-top:12px}.timeline-heading h3{font-size:12px}.timeline-heading span{font-size:7px;letter-spacing:1px}.timeline{max-height:230px;overflow:auto}.timeline-item{display:flex;gap:9px;align-items:center;border-bottom:1px solid #ccd0c3;padding:10px 0}.timeline-item svg{width:39px;height:39px;flex-shrink:0}.timeline-item b{font-size:11px}.timeline-item small{display:block;font-size:9px;color:#68796c;margin-top:5px}.timeline-item button{border:0;margin-left:auto;font-size:9px;padding:6px}.import{font-size:10px;width:100%;margin-top:16px}footer{display:flex;justify-content:space-between;gap:20px;padding:15px 28px;font-size:9px;border-top:1px solid #bbc4b4;line-height:1.5}footer>span:last-child{font-size:7px;letter-spacing:1px}dialog{background:#f1eee3;color:#263e36;border:1px solid #b7c1af;max-width:470px;width:calc(100% - 32px);padding:30px;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#233a32a8}dialog p{font-size:13px;line-height:1.7}.dialog-actions{display:flex;gap:12px;margin-top:25px}.dialog-actions .commit{width:auto;flex:1;justify-content:center}@media(min-width:1400px){main{grid-template-columns:320px 1fr 340px}.controls,.plate-panel{padding:32px}.artwork{margin-top:40px;margin-bottom:35px}}@media(max-width:1050px){main{grid-template-columns:240px 1fr}.plate-panel{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr;gap:12px 28px}.plate-panel .eyebrow,.plate-panel h2{grid-column:1}.plate-wrap{grid-row:3/8;grid-column:1}.legend,.plate-panel>.fine,.edit-actions,.timeline-heading,.timeline,.import{grid-column:2}.timeline-heading{margin-top:0}.plate-panel>.fine{margin:0}.studio{padding:25px}.artwork{margin-top:40px}h1{font-size:38px}}@media(max-width:650px){header{height:auto;padding:18px}.brand{font-size:32px;gap:10px}.brand span{font-size:8px}.motto{display:none}.top-actions button{font-size:10px;padding:8px}main{display:flex;flex-direction:column}.controls{border-right:0;padding:25px}.controls h1 br,.controls .intro{display:none}h1{font-size:36px;margin:14px 0}.stage-head{margin:15px 0 0;padding-top:12px}.field{margin-top:15px}.studio{order:-1;padding:20px}.artwork{width:85%;margin:22px 0}.plate-panel{display:block;border:0;padding:25px}.plate-wrap{max-width:380px;margin:auto}.timeline{max-height:250px}.plate-panel h2 br{display:none}.timeline-heading{margin-top:22px}.edit-actions{margin:12px 0}footer{flex-direction:column;gap:7px;padding:18px}.commit,.export-row button,.proof-nav button,.top-actions button{min-height:44px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}button:active{transform:none}}.saved-editions{font-size:10px;margin-top:12px}.saved-editions select{display:block;width:100%;margin-top:7px;padding:10px;background:#f1eee3;color:#263e36;border:1px solid #bfc6b7}.analytics{max-width:280px}.analytics button{font-size:10px}.analytics small{display:block;margin-top:6px;line-height:1.4}