:root{font-family:Arial,Helvetica,sans-serif;color:#263d36;background:#f2f0e8;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,.file-button{cursor:pointer}button{border:1px solid #c9cec2;background:transparent;color:inherit;padding:10px 14px;border-radius:5px;min-height:42px}button:hover,.file-button:hover{background:#e2e6d9}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,.file-button:focus-within,canvas:focus-visible{outline:3px solid #b66437;outline-offset:4px}header{height:84px;border-bottom:1px solid #ced3c7;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:18px}.brand{display:flex;gap:12px;align-items:center;font-family:Georgia,serif;font-size:23px}.brand div>span{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;margin-top:5px}.logo{font-size:40px;line-height:1}.local{font-size:10px;letter-spacing:1.6px;display:flex;align-items:center;gap:8px}.local i,.budget i{width:6px;height:6px;background:#6c8a55;border-radius:50%;display:inline-block}.primary{background:#284c3e;color:#f4f1e3;border-color:#284c3e;min-width:160px;display:flex;justify-content:space-between;gap:16px}.primary:hover{background:#376450}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:calc(100vh - 140px)}.picture-room{padding:36px 42px 22px;min-width:0}.intro{display:flex;justify-content:space-between;align-items:center;max-width:1020px;margin:0 auto 26px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600}h1{font-family:Georgia,serif;font-size:clamp(30px,3.6vw,55px);line-height:1.04;font-weight:400;letter-spacing:-1.5px;margin:13px 0 0}h1 em{color:#6d8270;font-weight:400}.edition{font-size:8px;letter-spacing:2px;text-align:center;color:#819282}.edition strong{font-family:Georgia,serif;font-size:54px;line-height:1.1;font-weight:400;letter-spacing:0}.art-stage{background:#dfe3d8;padding:clamp(18px,2.5vw,38px);border:1px solid #ccd3c4;max-width:1020px;margin:auto;background-image:radial-gradient(#bbc7b6 .65px,transparent .65px);background-size:6px 6px}.canvas-wrap{position:relative;max-width:900px;margin:auto;box-shadow:0 12px 22px #344e3622}canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.selection{position:absolute;border:1px dashed #fff9;pointer-events:none}.selection span{position:absolute;left:0;top:-24px;font-size:8px;letter-spacing:1.6px;background:#234a3c;color:#fff;padding:6px 8px;white-space:nowrap}.selection b{position:absolute;width:7px;height:7px;border:1px solid #284c3e;background:#fff}.selection b:nth-of-type(1){left:-4px;top:-4px}.selection b:nth-of-type(2){right:-4px;top:-4px}.selection b:nth-of-type(3){left:-4px;bottom:-4px}.selection b:nth-of-type(4){right:-4px;bottom:-4px}.caption{display:flex;justify-content:space-between;align-items:center;max-width:1020px;margin:13px auto 26px;font-size:10px}.caption b{font-weight:400;margin-right:12px;color:#7e8d7b}.caption>span:last-child{font-size:8px;letter-spacing:1.2px;color:#75816d}.toolbar{display:flex;justify-content:center;gap:10px}.segmented{display:flex;background:#e2e6db;border-radius:6px;padding:3px}.segmented button{border:0;padding:8px 16px;min-height:38px}.segmented .active{background:#fffdf4;box-shadow:0 2px 3px #233b2912}.toolbar>button{border:0}.hint{text-align:center;font-size:10px;color:#7b8775;line-height:1.6}aside{border-left:1px solid #ced3c7;padding:26px;background:#faf9f2}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title>span:last-child{font-size:22px}.control{border-top:1px solid #dce0d4;padding:21px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:6px}h2{font-size:13px;margin:0;font-weight:500}.section-heading>span{font-size:8px;letter-spacing:.8px;color:#75816d}.section-heading>output{font-family:Georgia,serif;font-size:27px}.control p{font-size:11px;color:#7b8775;line-height:1.6;margin:10px 0 15px}input[type=range]{width:100%;accent-color:#365c48;cursor:pointer;display:block;height:25px;margin:9px 0 0}.range-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.8px;color:#85917d}.depth-ladder{display:flex;gap:6px;margin:20px 0 13px}.depth-ladder i{font-style:normal;width:100%;height:22px;border:1px solid #cdd6c6;border-radius:2px;display:grid;place-items:center;font-size:9px;color:#91a08b}.depth-ladder .filled{background:#64826b;color:#fff;border-color:#64826b}.budget{font-size:10px;color:#638161}.budget i{margin-right:6px}.budget small{display:block;font-size:8px;margin:7px 0 0 12px;color:#8d9886}.frame-tabs{display:flex;gap:7px;margin:17px 0}.frame-tabs button{width:50px;padding:8px}.frame-tabs .active{background:#dce8d7;border-color:#96af91}.slider-label{font-size:10px;display:block;margin-top:15px}.slider-label output{float:right;color:#8b9585;font-variant-numeric:tabular-nums}.position{display:flex;gap:10px;margin-top:12px}.position label{font-size:9px;color:#7b8775;width:50%}.position input{display:block;width:100%;border:1px solid #d2d9ca;background:transparent;padding:8px;margin-top:6px;color:#365c48;border-radius:3px}.text-button{border:0;padding:5px 0;font-size:9px;color:#8e7562;margin-top:3px}.swatches{display:flex;gap:12px;margin-top:18px}.swatches button{width:30px;height:30px;min-height:30px;padding:0;border:3px solid #faf9f2;border-radius:50%;outline:1px solid transparent}.swatches .chosen{outline-color:#365c48}.art-actions{display:flex;gap:10px;align-items:center;margin-top:12px}.art-actions button{font-size:10px;flex:1;padding:8px}.sky{font-size:9px;display:flex;gap:6px;align-items:center}.sky input{width:27px;height:30px;border:0;padding:0;background:none;cursor:pointer}.project-actions{display:flex;gap:8px}.project-actions button,.file-button{font-size:10px;padding:10px 9px;min-height:40px;border:1px solid #c9cec2;border-radius:4px;text-align:center;flex:1}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.small-print{font-size:9px;color:#8a9483;line-height:1.7}footer{min-height:56px;border-top:1px solid #ced3c7;padding:8px 38px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px}footer p{margin:0}footer button{font-size:9px;border:0;white-space:nowrap}.privacy{max-width:750px;padding:24px;margin:auto;font-size:12px;line-height:1.7}.privacy button{font-size:11px}@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 360px}.picture-room{padding:40px 70px}}@media(max-width:900px){header{padding:0 20px}.local{display:none}.workspace{grid-template-columns:minmax(0,1fr) 280px}.picture-room{padding:25px 20px}.intro{margin-bottom:20px}.edition{display:none}aside{padding:20px}.caption>span:last-child{display:none}.toolbar{flex-wrap:wrap;gap:3px}.segmented button{padding:8px 10px}}@media(max-width:650px){header{height:72px;padding:0 15px}.brand{font-size:17px}.logo{font-size:30px}.brand div>span{font-size:7px}.primary{min-width:0;font-size:10px;padding:10px}.workspace{display:block}.picture-room{padding:24px 16px 18px}.intro{margin-bottom:22px}h1{font-size:39px}.art-stage{padding:16px}.caption{margin-bottom:20px}.toolbar{gap:6px}aside{border-left:0;border-top:1px solid #ced3c7;padding:22px 24px}.panel-title{margin-bottom:10px}.control{padding:23px 0}.swatches button{height:36px;width:36px;min-height:36px}.hint{font-size:9px}footer{padding:10px 17px}.selection span{font-size:6px;top:-20px}.privacy{padding:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
