*{box-sizing:border-box}body{margin:0;background:#f4f2ec;color:#273c33;font:16px/1.5 system-ui,-apple-system,sans-serif}main{max-width:1500px;margin:auto;padding:26px 34px 35px}a{color:#245e47}nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}nav span,.hint,figcaption,footer{color:#647269}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.11em;color:#5d7566}header{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;padding:29px 0 25px;align-items:end}header .eyebrow{grid-column:1/-1}h1{font-size:clamp(34px,4.3vw,58px);letter-spacing:-.045em;line-height:1.07;font-weight:560;margin:11px 0 0}h2{font-size:24px;font-weight:550;letter-spacing:-.025em;line-height:1.25}.lead{max-width:500px;margin:0;color:#5e7063;font-size:17px}.stage{padding:13px 18px;background:#e0e8df;border:1px solid #cad7c8;border-radius:7px;margin-bottom:18px;font-size:14px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;overflow:hidden;background:#fff;border:1px solid #cdd7cb;border-radius:9px}.viewport{position:relative;min-width:0;background:#f0f2e9}canvas{display:block;width:100%;height:600px;touch-action:none;outline-offset:-4px}.viewbar{display:flex;align-items:center;justify-content:space-between;gap:8px;position:absolute;left:16px;right:16px;top:15px;z-index:2;font-size:13px;pointer-events:none}.viewbar>*{pointer-events:auto}#viewTitle{background:#f7f8f1d9;padding:6px 10px;border-radius:5px}.presets{display:flex;gap:3px}.presets button{font-size:12px;padding:6px 9px;margin:0;min-height:31px}.canvas-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;position:absolute;bottom:12px;left:17px;right:17px;font-size:11px;color:#54674e;pointer-events:none}aside{padding:22px 20px;border-left:1px solid #dae1d5}button,select{font:inherit;color:inherit;border:1px solid #c7d0c2;border-radius:5px;background:#f8faf4}button{cursor:pointer;padding:7px 10px;font-size:13px;margin:5px 6px 0 0;min-height:35px}button:hover{background:#e8eddf}button.selected{background:#315c43;color:white;border-color:#315c43}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #ce8d3b;outline-offset:3px}.toggle{display:flex;align-items:center;gap:9px;font-size:14px;margin-top:16px;cursor:pointer}.toggle b{font-weight:500;margin-left:auto;color:#6c7e66}input[type=checkbox]{width:17px;height:17px;accent-color:#315c43;flex-shrink:0}.hint{font-size:12px;line-height:1.5}.select-label{display:block;font-size:12px;margin-top:21px;margin-bottom:7px}select{width:100%;font-size:12px;padding:8px 6px}#selection{margin-top:24px}#selection h3{font-size:23px;letter-spacing:-.02em;font-weight:550;margin:7px 0}#selection h3 small{display:block;font-size:12px;letter-spacing:0;font-weight:400;line-height:1.4;margin-top:5px}dl{font-size:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px 9px}dt{color:#74806b}dd{margin:0;text-align:right}dd.long{grid-column:1/-1;text-align:left;color:#3c5d45;margin-top:-3px}.section-note{font-size:11px;color:#6b795f;line-height:1.5;border-top:1px solid #dfe4d8;padding-top:15px;margin-top:22px}.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:23px;gap:16px}.facts>div{border-bottom:1px solid #d2dccf;padding:0 0 13px}.facts span{display:block;color:#78816b;font-size:12px;margin-bottom:5px}.facts strong{font-size:20px;font-weight:550;letter-spacing:-.02em}.dimensions-note{margin:10px 0 25px}.notes{display:grid;grid-template-columns:1fr 1fr;gap:25px}figure{margin:0}figure img{width:100%;display:block;border-radius:7px}figcaption{font-size:12px;margin-top:8px}.unresolved{padding:25px;border:1px solid #d6ded0;background:#fcfdf8;border-radius:7px}.unresolved h2{margin:10px 0 17px}.unresolved p,.unresolved li{font-size:14px}.unresolved p{padding-top:12px;border-top:1px solid #dfe5d7}.unresolved ul{padding-left:19px;margin-bottom:20px}.unresolved li+li{margin-top:7px}footer{font-size:12px;margin-top:27px;padding-top:18px;border-top:1px solid #d8dfd1}#error{position:absolute;left:20px;right:20px;top:80px;padding:20px;background:#fff3da;border:1px solid #b08645}
@media(min-width:1550px){canvas{height:660px}}@media(max-width:1000px){main{padding:20px}.workspace{grid-template-columns:minmax(0,1fr) 260px}aside{padding:19px 15px}canvas{height:570px}.lead{font-size:15px}.facts strong{font-size:18px}}@media(max-width:740px){main{padding:18px 14px}header{grid-template-columns:1fr;gap:17px;padding:24px 0 20px}header .eyebrow{margin-bottom:-10px}h1{font-size:40px}.lead{max-width:none}.stage{padding:12px 13px;font-size:12px}.workspace{grid-template-columns:1fr}canvas{height:430px}aside{border-left:0;border-top:1px solid #d9e0d1;padding:20px}.viewbar{left:9px;right:9px;top:10px;font-size:11px}.presets button{font-size:11px;padding:5px 7px}.canvas-foot{font-size:10px;bottom:10px;left:12px;gap:3px}.canvas-foot span:last-child{max-width:190px;text-align:right}.facts{grid-template-columns:1fr 1fr;gap:15px}.facts span{font-size:11px}.facts strong{font-size:18px}.notes{grid-template-columns:1fr}.unresolved{padding:22px}nav{font-size:11px;gap:8px}.toggle{margin-top:14px}#selection{margin-top:19px}.section-note{margin-top:17px}}

.zoom{display:flex;gap:4px;margin-left:6px}.zoom button{font-size:20px;line-height:1;min-width:40px;min-height:40px;padding:0;margin:0;font-weight:600}@media(max-width:700px){.zoom button{min-width:46px;min-height:46px;font-size:24px}}