:root{font-family:system-ui,sans-serif;color:#243e35;background:#f5f4ed;line-height:1.5}*{box-sizing:border-box}body{margin:0}header,main{max-width:1500px;margin:auto;padding:24px}header p{max-width:850px}a{color:#315a49}.tag{float:right;background:#e2e9de;padding:5px 12px;border-radius:20px;font-size:1.04rem}h1{font-size:2.6rem;margin-bottom:10px}h2{font-size:1.625rem}nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}nav>span,nav>button{padding:10px 14px;border-radius:8px;background:#e9e8df;font-size:1.17rem}nav small{display:block;font-size:0.845rem;color:#727a71}button,.upload{cursor:pointer;font:inherit;border:1px solid #b9c7ba;background:#fff;color:#244534;border-radius:7px;padding:9px 12px}button:hover:not(:disabled){background:#e5efe2}button:disabled{opacity:.45;cursor:default}.active{background:#315a49!important;color:#fff}main{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;padding-top:0}.workspace,aside{background:white;border-radius:14px;padding:20px;box-shadow:0 2px 12px #1935260b}aside{align-self:start}#sketchTools,#bedTools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}[hidden]{display:none!important}#sketchTools p,#bedTools p{flex-basis:100%;margin:2px 0 6px}input[type=file]{display:block;font-size:1.04rem;max-width:250px}.upload{background:#edf3e9}form{flex-basis:100%;display:flex;flex-wrap:wrap;gap:10px;align-items:end;background:#eff4ea;padding:14px;border-radius:8px}label input:not([type=file]),select{display:block;font:inherit;padding:8px;border:1px solid #aebbab;border-radius:5px;max-width:210px}.cameraTools{display:flex;gap:8px;margin:16px 0}#message{font-size:1.17rem;min-height:45px;color:#605b39}.board{background:#f1f0e8;border:1px solid #d5ddd1;border-radius:10px;overflow:hidden;height:min(65vh,650px);min-height:350px}svg{display:block;width:100%;height:100%;touch-action:none;user-select:none}svg[data-tool=pan]{cursor:grab}.bedShape{fill:#65895930;stroke:#356741;stroke-width:2.5;vector-effect:non-scaling-stroke}.edge{stroke:transparent;stroke-width:20;fill:none;vector-effect:non-scaling-stroke;cursor:pointer}.handle{fill:#fff;stroke:#356741;stroke-width:2;vector-effect:non-scaling-stroke;cursor:move}.selected{fill:#ddab57}.curveHandle{fill:#ddab57;stroke:#745e36;stroke-width:2;vector-effect:non-scaling-stroke;cursor:move}.reference{stroke:#a86336;stroke-width:3;vector-effect:non-scaling-stroke}.metrics{display:flex;gap:40px;padding:20px 0}.metrics span,.metrics strong{display:block}.metrics strong{font-size:2.21rem}.temporary{font-size:1.04rem;color:#657467;border-top:1px solid #e0e5dc;padding-top:12px}@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr) 210px;gap:12px;padding:12px}.workspace,aside{padding:14px}header{padding:16px}.board{height:500px}}@media(max-width:700px){main{display:block}aside{margin-top:14px}.tag{float:none;display:inline-block}nav>span{display:none}.board{min-height:280px;height:55vh}button{padding:10px}.metrics{gap:22px}.metrics strong{font-size:1.69rem}}

#plantingTools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#plantingTools p{flex-basis:100%}.bedOutline,.activeAreaOutline{fill:none;stroke:#294c35;stroke-width:3;vector-effect:non-scaling-stroke;pointer-events:none}.plantingShape{stroke:#64727c;stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer}.selectedArea{stroke:#263e65;stroke-width:4}.invalidArea{stroke:#b24537;stroke-dasharray:6 4}.areaLabel{fill:#18283d;paint-order:stroke;stroke:white;stroke-width:3;vector-effect:non-scaling-stroke;pointer-events:none;font-weight:bold}.overlapRegion{fill:#bd3f3f77;stroke:#ac3232;pointer-events:none;vector-effect:non-scaling-stroke}.areaRow{display:flex;flex-direction:column;text-align:left;margin:6px 0;width:100%}.areaRow small{color:#9f3028}.areaRow.active small{color:white}.metrics{flex-wrap:wrap;gap:24px}

.selectionCard{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border:1px solid #d5ddd1;border-radius:8px;padding:12px;margin:10px 0}.selectionCard img{width:72px;height:72px;object-fit:cover}.selectionCard>div{flex:1;min-width:180px}.selectionCard p{margin:4px 0;font-size:1.17rem}.assignmentRow{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:8px;border-bottom:1px solid #d5ddd1}#assignmentTools{padding:12px;background:#f5f6f1;border-radius:8px}#assignmentTools input{max-width:100%;width:100%}

.assignmentLayout{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:16px}@media(max-width:1000px){.assignmentLayout{grid-template-columns:1fr}}

#quantityTools{background:#f5f6f1;padding:16px;border-radius:8px}.quantityArea{border-top:1px solid #cbd5c8;margin:18px 0;padding-top:8px}.quantityRow{background:white;border:1px solid #d6ddd0;border-radius:8px;padding:14px;margin:10px 0}.quantityRow label{display:block;margin:8px 0}.quantityRow small,.quantityTable small{display:block;font-size:1.04rem}.quantityWarning{color:#9a3929}.manualDensity{background:#fff4d9;padding:8px}.shareStatus,.quantityProjectStatus{font-weight:600}.quantityTable{overflow-x:auto}.quantityTable table{width:100%;border-collapse:collapse;text-align:left}.quantityTable td,.quantityTable th{padding:10px;border-bottom:1px solid #ccd7c8}.quantityRow strong{display:block;font-size:1.56rem}

.resultStatus{font-size:1.56rem;font-weight:700;background:#edf2e7;padding:12px;border-radius:8px}.resultFacts{display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px 0}.resultLegend{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.resultLegend>div,.resultArea{border:1px solid #d2dccb;border-radius:8px;padding:14px;margin:8px 0}.resultLegend p{margin:6px 0}.resultPlant{padding:12px 0;border-bottom:1px solid #e1e6dc}.resultPlant h4{margin:0;overflow-wrap:anywhere}.resultPlant small,.resultPlantList small{display:block;color:#657163}.resultActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.resultPlantList{display:grid;gap:10px}.resultPlantList article{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr) auto;gap:12px;align-items:center;border:1px solid #d2dccb;border-radius:8px;padding:14px}.resultPlantList strong{overflow-wrap:anywhere}.resultPlantList article p{margin:0}.resultQuantity{font-size:1.69rem}.resultTarget{outline:3px solid #6a845a;outline-offset:3px}#resultHeader li{margin:12px 0}#resultHeader li button{margin-left:8px}@media(max-width:800px){.resultPlantList article{grid-template-columns:minmax(0,1fr)}.resultQuantity{font-size:1.82rem}.resultFacts{display:grid;grid-template-columns:minmax(0,1fr)}.resultLegend{grid-template-columns:minmax(0,1fr)}}

#referencePanel,#areaFlow{flex-basis:100%;width:100%;padding:12px;border:1px solid #ccd7c8;border-radius:8px;background:#f4f6ef}#referencePanel article{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:12px 0;padding:12px;background:white;border:1px solid #d5ddd1;border-radius:8px}#referencePanel article strong{flex-basis:100%}#referencePanel button,#areaFlow button{margin:4px 4px 4px 0}#areaFlowStatus{font-weight:650}#areaNameForm{margin:12px 0}#moreAreaPrompt{padding:10px;background:#e6efe1}#areaFlow form label{width:100%}@media(max-width:650px){#referencePanel article{display:grid;grid-template-columns:minmax(0,1fr)}#referencePanel input,#areaFinalName{max-width:100%;width:100%}}

#board[data-tool=calibrate] [data-reference-index]{pointer-events:none}

#areaFlow{position:sticky;bottom:8px;z-index:5;box-shadow:0 3px 15px #19352625;margin-top:12px}#acceptArea,#moreAreaYes,#startPlantingAreas{background:#315a49;color:white;font-weight:650}#referencePanel article{flex:1;min-width:0}#referencePanel{display:flex;flex-wrap:wrap;gap:10px}#referencePanel>h3,#referencePanel>p{flex-basis:100%}@media(max-width:650px){#referencePanel article{flex-basis:100%}#areaFlow{position:static}}

#nextArea{background:#315a49;color:white;font-weight:650}#areaFlow{scroll-margin-bottom:24px}

.bedOutline,.activeAreaOutline,.selectedArea{stroke:#ef861c;stroke-width:4;vector-effect:non-scaling-stroke}.plantingShape:not(.invalidArea){stroke:#ef861c;stroke-width:3}.catalogSearchBox{border:1px solid #d8dfd0;border-radius:10px;padding:16px;margin:16px 0}.keyboardHit{outline:2px solid #ef861c;border-radius:8px}#plantAreaPicker{padding:16px;background:#fff5e8;border:2px solid #ef861c;border-radius:8px}#plantAreaPicker label{display:block;padding:8px}#plantAreaPicker input{display:inline-block;width:auto}.catalogSearchBox input[type=search]{width:100%;max-width:500px}#subtractPrompt{padding:12px;background:#fff5e8;border-radius:8px}

.referenceContour{fill:none;stroke:#ef861c;stroke-width:3;vector-effect:non-scaling-stroke}#referencePanel article{border:1px solid #d8dfd0;border-radius:8px;padding:12px;margin:10px 0}#referencePanel article label{display:block;margin:6px 0}

.referenceShapes{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.referenceShapes button{padding:14px 18px}.referenceShapes button[aria-pressed=true]{background:#315a49;color:white;border-color:#315a49}

.cameraTools{flex-wrap:wrap}.cameraTools>span{font-size:1.04rem;flex-basis:100%}#catalogResults{min-height:48px}