:root{font-family:Arial,Helvetica,sans-serif;color:#263c35;background:#f4f0e7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,summary,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid #c5cbbf;background:transparent;border-radius:4px;padding:11px 14px;font-size:13px;transition:background .18s,transform .18s}button:hover:not(:disabled){background:#e2e7d9;transform:translateY(-1px)}button:disabled{opacity:.42;cursor:not-allowed}header{min-height:96px;display:flex;align-items:center;padding:18px 4vw;gap:36px;border-bottom:1px solid #cbd0c3}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:12px;letter-spacing:2px;font-weight:800;line-height:1.3}.mark{font-size:47px;line-height:1}.edition{font:10px monospace;letter-spacing:2px;line-height:1.7;color:#6a776b}.header-actions{margin-left:auto;display:flex;gap:8px}main{padding:0 4vw;max-width:1920px;margin:auto}.intro{display:grid;grid-template-columns:1.2fr 1fr .5fr;align-items:end;gap:50px;padding:48px 0 32px}.eyebrow{font:10px monospace;letter-spacing:2px;color:#65806b;margin:0 0 20px}h1{font-family:Georgia,serif;font-size:clamp(46px,5.4vw,88px);font-weight:400;letter-spacing:-4px;line-height:.98;margin:0}h1 em{font-weight:400;color:#647e59}.lede{font:19px/1.6 Georgia,serif;max-width:330px;margin:0 0 4px}.stat{border-left:1px solid #ccd0c5;padding-left:28px;display:flex;flex-direction:column;gap:10px}.stat strong{font:64px Georgia,serif}.stat span{font:11px/1.6 monospace;color:#6c786e}.originals{display:flex;gap:10px;margin:0 0 28px}.originals button{flex:1;text-align:left;display:flex;align-items:center;gap:16px;font-size:12px;border-color:#d5d7cc}.originals span{font:10px monospace;color:#788676}.originals b{margin-left:auto;font-size:18px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.panel{border:1px solid #cbd0c3;border-radius:6px;background:#faf8f0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:22px}.panel-heading>div{display:flex;align-items:center;gap:12px}.step{font:10px monospace;color:#65806b;border:1px solid #cbd0c3;border-radius:50%;padding:8px}h2{font:23px Georgia,serif;font-weight:400;margin:0}.chip{font:10px monospace;letter-spacing:.4px;color:#697569}.tabs{display:flex;padding:0 22px;gap:8px;margin-bottom:16px}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px;font-size:12px}.chosen{background:#dce6d7!important;border-color:#617d5e!important}.drawing{padding:20px 20px 12px;background:#e5e5d7}.drawing svg{display:block;width:100%;aspect-ratio:1;max-height:520px;image-rendering:pixelated;touch-action:none;background:#eee4d1;border:1px solid #c1c8b7}.image-note{display:block;font:9px monospace;letter-spacing:.7px;color:#5c6d60;text-align:center;margin-top:14px}.tools{display:flex;gap:6px;padding:18px 22px 8px;flex-wrap:wrap}.tools button{font-size:11px}.swatches{display:flex;align-items:center;gap:8px;padding:8px 22px 18px}.swatches button{width:25px;height:25px;padding:0;border-radius:50%;color:#fff;text-shadow:0 1px 2px #000}.swatches span{font:10px monospace;color:#758174}.panel details{margin:0 22px 16px}details{font-size:12px}summary{cursor:pointer;padding:12px 0;font-weight:600}details p{line-height:1.6;color:#657466}label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600}input,select,textarea{border:1px solid #c9cfc1;background:#fffdf7;padding:10px;border-radius:3px;width:100%;min-width:0;font-size:12px}select{max-width:100%}.numeric-grid{display:flex;gap:10px;margin:12px 0}.numeric-grid label{flex:1;min-width:0}.approval{background:#e8eddf;padding:22px;display:grid;gap:16px}.primary{background:#294c3e;color:#fff;border-color:#294c3e}.primary:hover:not(:disabled){background:#3d6351!important}.primary span{float:right;margin-left:24px}.approval small{font:10px/1.6 monospace;color:#647360}.atlas-preview{height:420px;background-color:#f4f0e5;background-image:radial-gradient(#ccd1bf 1px,transparent 1px);background-size:14px 14px;padding:20px;overflow:auto;border-top:1px solid #d8dccf;border-bottom:1px solid #d8dccf}.atlas-preview img{display:block;width:100%;min-height:200px;object-fit:contain;object-position:top;animation:arrive .5s ease-out}.empty{text-align:center;padding:45px 10px}.empty>span{font-size:70px;color:#75926a}.empty h3{font:26px Georgia,serif}.empty p{font-size:13px;line-height:1.7;color:#73806c}.atlas-controls{padding:22px;display:grid;gap:14px}.atlas-controls details{margin:0}.ids{max-height:120px;overflow:auto;overflow-wrap:anywhere}.atlas-controls .numeric-grid{margin:0}.export{padding:0 22px 22px;display:flex;gap:10px}.project-files{margin-top:32px;padding:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #cbd0c3}.project-files p{font-size:13px;line-height:1.65;color:#687569;max-width:550px}.project-files>div:nth-child(2){display:flex;align-items:start;gap:12px;flex-wrap:wrap}.file-label{max-width:280px}.file-label input{font-size:11px}.json{grid-column:1/-1}.json textarea{display:block;min-height:180px;font:12px/1.5 monospace;margin:12px 0}.status{position:sticky;bottom:10px;z-index:2;background:#294c3e;color:#f4f0e7;padding:14px 20px;border-radius:5px;box-shadow:0 3px 20px #263c3522;font-size:12px}footer{padding:30px 0;display:flex;gap:30px;justify-content:space-between;font:9px monospace;letter-spacing:.5px}footer details{max-width:550px;letter-spacing:0}footer summary{padding:0}footer p{font:12px/1.7 Arial,sans-serif}footer button{margin-right:10px}@keyframes arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:800px){header{gap:20px}.edition{display:none}.intro{grid-template-columns:1fr 1fr;gap:24px;padding-top:30px}.intro .lede{font-size:16px}.stat{display:none}.workspace{grid-template-columns:1fr}.originals{flex-wrap:wrap}.originals button{min-width:180px}h1{letter-spacing:-2px}.project-files{grid-template-columns:1fr}.header-actions button{padding:9px;font-size:11px}.atlas-preview{height:330px}footer{flex-direction:column}.numeric-grid{flex-wrap:wrap}.numeric-grid label{min-width:60px}}@media(max-width:450px){.intro{grid-template-columns:1fr}.lede{max-width:none}.header-actions{flex-direction:column}.panel-heading{padding:16px}.chip{font-size:9px}.export{flex-direction:column}}.app{min-height:100dvh}.drawing svg{width:min(100%,520px);margin:auto}
