:root{font-family:Arial,sans-serif;color:#283d39;background:#f2eee3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,.file-button{cursor:pointer;border:1px solid #c8cbbc;background:transparent;color:inherit;border-radius:5px;padding:10px 14px}button:hover{background:#e4e5d9}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #c18943;outline-offset:3px}.app{min-height:100dvh;display:flex;flex-direction:column}header{padding:24px 32px;display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid #d3d6c9}.brand{display:flex;gap:13px;align-items:center}.mark{font-size:44px;border:1px solid #87968b;border-radius:50%;width:54px;height:54px;text-align:center;line-height:45px}h1{font-size:23px;letter-spacing:-.8px;margin:0;font-family:Georgia,serif;font-weight:500}.brand p{font-size:11px;margin:5px 0 0;letter-spacing:1.8px;text-transform:uppercase}.top-actions{display:flex;gap:10px}.primary{background:#2f4942;color:#fff;border-color:#2f4942}.primary:hover{background:#406157}main{display:grid;grid-template-columns:290px minmax(0,1fr);flex:1}aside{padding:30px 26px;border-right:1px solid #d3d6c9}.eyebrow{font-size:10px;letter-spacing:2px;color:#66776c}h2{font:italic 34px/1.1 Georgia,serif;margin:20px 0 14px;letter-spacing:-1px}.intro{font-size:13px;line-height:1.6;color:#6c786f}.tools{display:grid;gap:9px;margin:25px 0}.tools button{display:flex;gap:12px;align-items:center;text-align:left;padding:13px 10px}.tools button>span{font:10px monospace;opacity:.6}.tools strong{display:block;font-size:13px}.tools small{display:block;font-size:10px;margin-top:5px;opacity:.7}.tools b{margin-left:auto;font-size:22px;font-weight:400}.tools .selected{background:#dce3d4;border-color:#6d8274}.control-label,.range{font-size:11px;letter-spacing:.6px}.swatches{display:flex;gap:12px;margin:12px 0 26px}.swatches button{border-radius:50%;width:35px;height:35px;padding:0;border:3px solid #f2eee3;outline:1px solid #bec4b8}.swatches button[aria-pressed=true]{outline:2px solid #425d50}.range{display:block;margin:20px 0}.range output{float:right}.range input{display:block;width:100%;margin:13px 0;accent-color:#416451}.note{padding-top:20px;border-top:1px solid #cbd1c3;margin-top:24px}.note span{font-size:9px;letter-spacing:1.5px}.note p,details p{font-size:12px;line-height:1.6;color:#6b776e}.studio{padding:30px 36px;min-width:0}.sheet-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.sheet-heading input{display:block;background:transparent;border:0;border-bottom:1px solid transparent;font:22px Georgia,serif;color:inherit;margin-top:8px;width:100%;max-width:440px}.badge{font:9px monospace;letter-spacing:1px;border:1px solid #c8cbbc;border-radius:20px;padding:8px;white-space:nowrap}.canvas-wrap{position:relative;background:#253b3a;box-shadow:0 9px 25px #283d3918;border:9px solid #e0e0d2;outline:1px solid #bdc5b6}canvas{display:block;width:100%;height:auto;max-height:65vh;aspect-ratio:10/7;object-fit:fill;touch-action:none;cursor:crosshair}.working{position:absolute;inset:0;background:#253b3acc;color:#fff;display:flex;align-items:center;justify-content:center;gap:20px}.working button{color:#fff}.sheet-bottom{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#687a6f;margin:15px 0}.sheet-bottom input{accent-color:#436451}.status{font-size:12px;min-height:42px;line-height:1.5;color:#496450}.ledger{display:flex;gap:28px;border-top:1px solid #cbd1c3;padding-top:20px}.ledger strong{display:block;font:28px Georgia,serif}.ledger span{display:block;font-size:8px;letter-spacing:1.5px;margin-top:6px}.demo{margin-left:auto}.demo div{margin-top:10px;display:flex;gap:8px}.demo button{font-size:11px;padding:8px 10px}summary{cursor:pointer;font-size:11px;padding:12px 0}details button{font-size:11px;margin:5px}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.numbers label{font-size:10px}.numbers input{display:block;width:100%;margin-top:5px;padding:5px;background:#faf8ee;border:1px solid #c3caba}footer{border-top:1px solid #d3d6c9;padding:15px 32px;display:flex;justify-content:space-between;align-items:center;gap:15px}footer>span{font-size:9px;letter-spacing:1.3px;color:#6e7d72}footer>div{display:flex;align-items:center;gap:10px}footer button,.file-button{font-size:11px}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.file-button:focus-within{outline:3px solid #c18943}.privacy{position:relative}.privacy[open]{position:fixed;z-index:10;bottom:20px;right:20px;width:min(380px,90vw);background:#faf7ee;padding:20px;box-shadow:0 10px 60px #253b3a55;border:1px solid #849180}@media(max-width:1000px){main{grid-template-columns:240px 1fr}.studio{padding:28px 22px}aside{padding:28px 20px}.badge{display:none}.ledger{gap:18px}.demo span{max-width:150px}.demo div{flex-wrap:wrap}canvas{max-height:none}}@media(max-width:700px){header{padding:18px;align-items:flex-start;flex-direction:column}.top-actions{width:100%}.top-actions button{flex:1;font-size:11px}main{display:flex;flex-direction:column}.studio{order:0;padding:23px 18px}aside{order:1;border-right:0;border-top:1px solid #cbd1c3}h2{font-size:28px}h2 br{display:none}.tools{grid-template-columns:repeat(3,1fr)}.tools button{display:block}.tools button>span,.tools small,.tools b{display:none}.tools strong{font-size:11px}.sheet-heading input{font-size:20px}.sheet-bottom{font-size:9px;flex-wrap:wrap}.ledger{gap:20px}.demo{max-width:150px}.ledger strong{font-size:24px}footer{padding:18px;flex-direction:column}.working{flex-direction:column;font-size:12px}.note{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}