:root{font-family:Arial,Helvetica,sans-serif;color:#203c32;background:#e8e8db;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px}button{cursor:pointer;border:1px solid #bdc5b5;background:#f6f5e9;border-radius:5px;padding:10px 12px;color:#274639;transition:background .18s,transform .18s}button:hover:not(:disabled){background:#e0e8d5;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#254d3e;color:#fff;border-color:#254d3e}.primary:hover:not(:disabled){background:#38624d}header{display:flex;align-items:center;gap:22px;padding:28px 34px 23px;border-bottom:1px solid #bac1af}.mark{font-size:48px;letter-spacing:-6px;color:#234a3c;text-decoration:none;font-weight:800}.mark span{color:#b45e37}.eyebrow{font:10px monospace;letter-spacing:2px;margin:0 0 9px;font-weight:700;color:#69775e}h1{font:32px Georgia,serif;margin:0;letter-spacing:-1px}h1 em{font-weight:400}header .header-note{font:italic 18px Georgia,serif;margin-left:auto;margin-top:0;margin-bottom:0;color:#718065}nav{display:flex;padding:13px 34px;gap:8px;align-items:center;border-bottom:1px solid #bac1af;flex-wrap:wrap}nav button{font:11px monospace;background:transparent;border-color:transparent;padding:8px}nav span{margin-left:auto;font:10px monospace;letter-spacing:1px;color:#6e7b62}.workspace{display:grid;grid-template-columns:260px minmax(360px,1fr) 280px;min-height:calc(100vh - 190px)}aside{padding:25px 20px;background:#f1f1e5;border-right:1px solid #bdc6b2}.right{border-right:none;border-left:1px solid #bdc6b2}section+section{border-top:1px solid #c6cdbb;margin-top:25px;padding-top:25px}label{display:block;font-size:11px;line-height:1.5;margin:14px 0;color:#496044}input:not([type=checkbox]):not([type=range]),select,textarea{display:block;width:100%;max-width:100%;border:1px solid #c3cab8;border-radius:3px;background:#fbfaf1;padding:9px;color:#263e30;margin-top:5px}input[type=range]{width:100%;accent-color:#416748;display:block}input[type=file]{font-size:10px}.row{display:flex;gap:7px;align-items:center}.row>*{min-width:0;flex:1}.row label{margin:7px 0}.row button{font-size:11px;padding:9px 7px}aside button:not(.row button):not(.paint-pad button){width:100%;margin:4px 0}p.hint,p.caption{font-size:10px;line-height:1.6;color:#737b67}.caption{font-family:monospace}.paint-pad{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin-top:14px;background:#d2d7c6;padding:5px}.paint-pad button{padding:0;border:0;aspect-ratio:1;border-radius:0}.stage{min-width:0;padding:30px;display:flex;flex-direction:column}.stage-head{display:flex;gap:15px;align-items:center;min-width:0}.stage-head>div{min-width:0;flex:1}h2{font:30px Georgia,serif;font-weight:400;letter-spacing:-.6px;margin:4px 0 20px;overflow-wrap:anywhere}.stamp{font:9px monospace;line-height:1.4;border:1px solid #839774;border-radius:50%;padding:13px 9px;text-align:center;transform:rotate(10deg);flex-shrink:0;color:#68815c}.tabs{display:flex;gap:5px;margin:0 0 16px;flex-wrap:wrap}.tabs button{font:11px monospace;border-color:transparent;background:transparent;padding:8px 10px}.tabs button[aria-pressed=true]{border-color:#9fae94;background:#dde4cf}.artboard{position:relative;border:1px solid #b5beaa;box-shadow:0 10px 25px #3b45261c;background:#f8f5e9;display:flex;align-items:center;justify-content:center;min-height:430px;flex:1;padding:35px;overflow:hidden}.artboard svg{width:100%;max-height:66vh;display:block;animation:arrive .6s ease}.corner{position:absolute;font:8px monospace;letter-spacing:1px;color:#8a8a73;left:15px}.top{top:14px}.bottom{bottom:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:23px 0}.metrics>div{border-right:1px solid #bdc6b2}.metrics>div:last-child{border:0}.metrics strong{display:block;font:30px Georgia,serif}.metrics span{font:9px monospace;color:#6d7c61}.export-bar{display:flex;flex-wrap:wrap;gap:7px}.export-bar button{font-size:11px}.check{display:flex;gap:8px;align-items:center}.check input{accent-color:#446b43}.contour-note{font:11px monospace;line-height:1.7;background:#e2e7d5;padding:12px;border-left:3px solid #cc8152}.empty{font:italic 23px Georgia,serif;line-height:1.6;color:#8d987e}summary{font-size:11px;cursor:pointer;margin:12px 0}textarea{height:160px;font:10px monospace;resize:vertical}footer{display:flex;align-items:center;gap:15px;padding:12px 30px;border-top:1px solid #aebba3;background:#dce3cf;font-size:11px}footer p{flex:1;margin:0;overflow-wrap:anywhere}footer span{font:9px monospace}.privacy{padding:30px;margin:0;border-top:1px solid #bbc5ad;background:#f1f1e5}.privacy h3{font:22px Georgia,serif;margin:0 0 12px}.privacy p{font-size:11px;line-height:1.7;max-width:900px;color:#6c7961}.privacy button{font-size:10px;margin-right:8px}.privacy span{font:10px monospace}input:disabled{opacity:.5}@keyframes arrive{0%{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.workspace{grid-template-columns:300px minmax(360px,1fr) 320px}.stage{padding:40px 60px}.artboard{min-height:550px}}@media(max-width:1100px){.workspace{grid-template-columns:230px minmax(320px,1fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #bac5ae}.right section+section{margin:0;padding:0;border:0}.stage{padding:22px}.header-note{display:none}}@media(max-width:650px){header{padding:20px;gap:15px}h1{font-size:25px}nav{padding:10px 18px}nav span{display:none}.workspace{display:flex;flex-direction:column}.stage{order:-1;padding:20px 15px}.artboard{min-height:330px;padding:25px}.right{display:block}.right section+section{margin-top:25px;padding-top:25px;border-top:1px solid #c6cdbb}h2{font-size:25px}aside{padding:25px;border-right:0}.metrics strong{font-size:27px}.privacy{padding:20px}footer{padding:14px 20px}footer span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.stage h2{white-space:pre-wrap}