.cr-intro{padding:24px 0 22px}.cr-intro>span{font:11px ui-monospace,monospace;letter-spacing:.22em;color:#547e80}.cr-intro h1{font-size:clamp(28px,4vw,48px);font-weight:700;letter-spacing:-.045em;margin:12px 0}.cr-intro h1 em{font-style:normal;color:#41848a}.cr-intro>p{color:#66716e;margin:0;line-height:1.7}.cr-lab{color:#e4edeb;display:grid;grid-template-columns:minmax(0,1fr) 288px;background:#15282d;border:1px solid #304b4f;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #122d3017}.cr-viewport{min-width:0;background:radial-gradient(ellipse at 50% 42%,#304a4e 0,#162c32 70%);position:relative}.cr-scene-heading{position:absolute;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;font:10px ui-monospace,monospace;letter-spacing:.16em;color:#b5cbc9;z-index:1;pointer-events:none}.cr-scene-heading #cr-status{letter-spacing:0;color:#a9d4cb}#cr-canvas{display:block;width:100%;height:535px;touch-action:none;outline-offset:-4px;cursor:crosshair}.cr-map-note{font-size:10px;color:#aabebb;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 23px 20px}.cr-map-note i{font-style:normal;margin:0 5px;color:#718b89}.cr-water-ramp{display:inline-block;width:65px;height:6px;background:linear-gradient(90deg,#6aaaa9,#459cbd,#266799);border-radius:4px;vertical-align:middle}.cr-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9e5dd18;padding:21px 23px;gap:12px}.cr-metrics small{font-size:10px;color:#a8c0bb;display:block;margin-bottom:8px}.cr-metrics strong{font:25px ui-monospace,monospace;white-space:nowrap}.cr-metrics strong span{font:11px ui-monospace,monospace;color:#aec3bd}.cr-controls{display:flex;flex-direction:column;gap:16px;padding:25px 22px;background:#21383a;border-left:1px solid #dbe7da14}.cr-chapter>span{font-size:10px;letter-spacing:.09em;color:#a9bfba}.cr-chapter h2{font-size:16px;margin:7px 0 0;font-weight:500}.cr-lab button{font:inherit;font-size:11px;color:#dfe8dd;background:#294247;border:1px solid #506d6b;border-radius:8px;min-height:36px;padding:8px 10px;cursor:pointer}.cr-lab button:hover{background:#36565a}.cr-brushes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cr-brushes button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 3px}.cr-brushes button>span{font:24px Georgia,serif;height:28px;color:#b9cfbf}.cr-brushes button[aria-pressed=true]{border-color:#a8d2bd;background:#426359;color:#f1f9ef}.cr-brushes button[aria-pressed=true]>span{color:#d3e5b9}.cr-field{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.cr-field select{font-size:11px;color:#e4ede5;background:#193032;border:1px solid #506d6b;padding:8px;border-radius:6px}.cr-help{font-size:10px;line-height:1.8;color:#abc0b9;margin:0}.cr-divider{border-top:1px solid #dbe7da18;padding-top:15px}.cr-range{font-size:12px;display:block}.cr-range output{float:right;color:#b9d8c5;font:11px ui-monospace,monospace}.cr-range input{width:100%;display:block;accent-color:#a7c8b1;min-height:23px;margin-top:10px;cursor:pointer}.cr-actions{display:flex;gap:7px}.cr-actions .cr-primary{flex:1;background:#b3d0bd;border-color:#b3d0bd;color:#1b3633;font-weight:600}.cr-actions .cr-primary:hover{background:#cee4d2}.cr-check{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer}.cr-check input{width:15px;height:15px;accent-color:#adcdb8}.cr-presets{display:flex;gap:6px;flex-wrap:wrap}.cr-presets button{padding:8px;font-size:10px}.cr-budget{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dbe7da18;padding:20px 24px;background:#1a3133}.cr-budget>span{font-size:12px;color:#c1d6c6}.cr-budget>div{display:flex;flex-direction:column;gap:7px}.cr-budget small{font-size:9px;color:#a7bfb7}.cr-budget output{font:15px ui-monospace,monospace;color:#d7e6d8}.cr-notes{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px 5px;line-height:1.9}.cr-notes section>span{font:11px ui-monospace,monospace;color:#568d85}.cr-notes h2{font-size:18px;margin:6px 0 10px}.cr-notes p{font-size:13px;color:#68736e;margin:0}.cr-notes details{font-size:12px;color:#477e7a;margin-top:10px}.cr-notes summary{cursor:pointer}.cr-notes details p{margin-top:10px;font-size:12px}.cr-lab :focus-visible{outline:2px solid #d1e7ac;outline-offset:4px}@media(max-width:850px){.cr-lab{grid-template-columns:minmax(0,1fr) 250px}.cr-controls{padding:23px 17px}#cr-canvas{height:560px}.cr-metrics{padding:20px 18px}.cr-metrics strong{font-size:20px}.cr-budget{gap:12px}.cr-budget>span{max-width:70px;line-height:1.8}}@media(max-width:650px){.cr-lab{grid-template-columns:1fr;border-radius:14px}#cr-canvas{height:410px}.cr-controls{border-left:0;border-top:1px solid #dbe7da18;gap:18px}.cr-brushes{grid-template-columns:repeat(5,minmax(0,1fr))}.cr-brushes button{font-size:10px}.cr-map-note{padding:0 17px 17px;font-size:9px}.cr-metrics{padding:17px;gap:8px}.cr-metrics small{font-size:9px}.cr-metrics strong{font-size:19px}.cr-budget{display:grid;grid-template-columns:1fr 1fr;padding:18px}.cr-budget>span{grid-column:1/-1;max-width:none}.cr-notes{grid-template-columns:1fr;gap:25px}.cr-intro{padding-top:15px}.cr-lab button{min-height:43px}.cr-presets button{font-size:11px;padding:10px 14px}}.cr-notes p,.cr-notes details p{font-size:14px;line-height:1.85}.cr-notes details{font-size:14px}.cr-help,.cr-map-note{font-size:12px;line-height:1.8}.cr-lab button,.cr-presets button,.cr-brushes button{font-size:12px;min-height:44px}.cr-field,.cr-field select,.cr-range,.cr-check{font-size:13px}.cr-budget small,.cr-metrics small{font-size:11px}