:root{font-family:Arial,Helvetica,sans-serif;color:#253e3b;background:#e9e6da;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:1px solid #acb7a6;background:transparent;color:#253e3b;padding:10px 12px;border-radius:4px;cursor:pointer;text-align:left;transition:background .2s,transform .2s}button:hover{background:#dce1cf;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d75e35;outline-offset:2px}main{min-height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:16px;padding:24px 32px;border-bottom:1px solid #bdc4b7}header>button{margin-left:auto}.mark{background:#253e3b;color:#ebeadc;font-size:40px;padding:4px 15px;border-radius:50%}small{font-size:10px;letter-spacing:2px}h1{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:7px 0 0}h1 span{font-style:italic;color:#768479;margin-left:15px}h2{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;margin:22px 0 14px}h3{font-size:13px}p{font-size:13px;line-height:1.55}.workspace{display:grid;grid-template-columns:260px minmax(340px,1fr) 285px;flex:1}aside{padding:14px 22px;overflow:auto}.right{border-left:1px solid #bdc4b7}.canvas-panel{background:#d9dfd1;padding:30px clamp(18px,3vw,55px);display:flex;flex-direction:column;align-items:center;border-left:1px solid #bdc4b7}.canvas-heading{width:100%;display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:22px}.canvas-heading b{font-size:9px;letter-spacing:1px}.sheet{width:100%;max-width:650px;aspect-ratio:1;touch-action:none;box-shadow:0 15px 40px #314b3b20;cursor:crosshair;animation:appear .6s ease-out}.metrics{display:flex;justify-content:space-between;gap:25px;width:100%;margin-top:26px}.metrics strong{font-family:Georgia,serif;font-weight:400;font-size:36px;display:block}.metrics span{font-size:10px;text-transform:uppercase;letter-spacing:.8px}.tools{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.active,.primary{background:#253e3b;color:#f6f0df}.primary{width:100%;margin:8px 0}.primary:hover,.active:hover{background:#3e6158}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}label{font-size:11px}input{width:100%;padding:7px;background:#f5f3e8;border:1px solid #bdc4b7;margin-top:4px;border-radius:3px}.hint{font-size:11px;color:#617468}ol{padding-left:18px;font-size:12px}li{padding:5px 0}li b{font-weight:400;color:#6d7058}.bridge{display:flex;align-items:center;justify-content:space-between;font-size:10px}.bridge button{padding:6px}textarea{width:100%;min-height:100px;margin-top:10px;font:11px monospace;background:#f7f5ec;border:1px solid #acb7a6;padding:8px;resize:vertical}details{font-size:11px;margin:20px 0}footer{padding:16px 30px;font-size:9px;letter-spacing:1.5px;border-top:1px solid #bdc4b7}footer span{float:right}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:1100px){.workspace{grid-template-columns:220px 1fr}.right{grid-column:1/-1;display:block;border-top:1px solid #bdc4b7}.right textarea{min-height:130px}h1 span{display:none}}@media(max-width:680px){header{padding:18px}.mark{display:none}h1{font-size:23px}.workspace{display:flex;flex-direction:column}.canvas-panel{order:-1;padding:24px}.metrics strong{font-size:28px}.metrics{gap:10px}aside{overflow:visible}.right{border-left:0}footer span{float:none;display:block;margin-top:8px}}@media print{header button,aside,footer{display:none}.workspace{display:block}.canvas-panel{padding:0;border:0}.sheet{box-shadow:none}.metrics{display:none}}.canvas-heading>span{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;max-width:65%}.preview-note{color:#9b4428;font-size:12px}