:root{--ink:#202020;--muted:#6e6e6e;--paper:#f5f3ef;--card:#fff;--green:#de6f22;--lime:#f1b47d;--orange:#ed741f;--line:#ddd8d2;--brand-dark:#242424}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.topbar{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:20px 28px;background:linear-gradient(110deg,#171717,#34302d);color:white;border-bottom:5px solid var(--orange)}
.brand-lockup{display:flex;flex:0 0 auto;flex-direction:column;line-height:1}.brand-lockup strong{font-size:1.75rem;letter-spacing:.13em}.brand-lockup span{margin-top:7px;color:#f0a66f;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.eyebrow,.section-label{margin:0 0 7px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}
h1{margin:0;font-size:clamp(1.5rem,3vw,2.45rem);letter-spacing:-.035em}
.address{margin:.4rem 0 0;color:#f4d4bd}
.metrics{display:flex;gap:12px}
.metrics div{min-width:120px;padding:12px 16px;border:1px solid #ffffff30;border-radius:12px;background:#ffffff12}
.metrics strong,.metrics span{display:block}.metrics strong{font-size:1.55rem}.metrics span{font-size:.76rem;color:#dbe8e0}
.study-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line)}.progress-step{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:9px;border-color:transparent;background:transparent;color:var(--muted);text-align:center}.progress-step span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ece8e3;color:var(--ink);font-size:.75rem}.progress-step.is-active{color:#a94c0f;background:#fff4ea;border-color:#f0c49f}.progress-step.is-active span{background:var(--orange);color:#fff}
.wizard-page{min-height:calc(100vh - 250px);padding:32px 18px;background:linear-gradient(145deg,#f5f3ef,#fff8f1)}.wizard-page[hidden],main[hidden]{display:none!important}.wizard-card{max-width:880px;margin:0 auto;padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 45px #2d16080d}.wizard-card.wide{max-width:1080px}.wizard-card h2{margin:.15rem 0 .45rem;font-size:clamp(1.55rem,3vw,2.25rem)}.lead{margin:.2rem 0 1.5rem;color:var(--muted);line-height:1.55}.form-grid{display:grid;gap:14px}.two-columns{grid-template-columns:1fr 1fr}.span-two{grid-column:1/-1}.form-grid label{margin:0}.form-grid input,.form-grid select{margin-top:6px}.unit-input{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.unit-input span{font-size:.78rem;color:var(--muted)}.future-needs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:12px}.future-needs legend{padding:0 7px;font-weight:800}.future-needs label{display:flex;gap:8px;align-items:center;margin:0;font-size:.8rem}.future-needs input{width:auto;margin:0}.recommendation-box,.roof-recap{display:flex;align-items:center;gap:16px;margin-top:18px;padding:15px 17px;border-left:4px solid var(--orange);border-radius:10px;background:#fff4ea}.recommendation-box span,.roof-recap span{font-size:.8rem;color:var(--muted)}.recommendation-box strong,.roof-recap strong{font-size:1.25rem;color:#a94c0f}.recommendation-box small,.roof-recap small{margin-left:auto;color:var(--muted)}.wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.wizard-actions button{width:auto;min-width:150px;text-align:center}
.energy-entry{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.energy-entry h3{margin:0 0 12px}.entry-choice{display:flex;gap:10px;margin-bottom:14px}.entry-choice label{display:flex;align-items:center;gap:8px;flex:1;padding:12px;border:1px solid var(--line);border-radius:10px;background:#faf8f5}.entry-choice input{width:auto}.energy-entry details{margin-top:12px}.energy-entry summary{cursor:pointer;font-weight:800;color:#8f4515}.future-needs.compact{margin:10px 0 0}.implantation-brief{border-left:4px solid var(--orange)!important}.brief-line{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.8rem}.brief-line span{color:var(--muted)}.orientation-result{margin-top:12px;padding:10px;border-radius:9px;background:#fff4ea}.orientation-result span,.orientation-result strong{display:block}.orientation-result span{font-size:.72rem;color:var(--muted)}.orientation-result strong{margin-top:3px;color:#9b4914}.advanced-toggle{text-align:center;background:#fff8f1;border-style:dashed}.auto-section.is-collapsed{display:none}
.orientation-result small{display:block;margin-top:6px;color:var(--muted);line-height:1.35}.orientation-result.is-poor{border-left:4px solid #b04425;background:#fff0eb}.orientation-result.is-good{border-left:4px solid #2b7a4b;background:#eef8f1}.map-orientation-advice{position:absolute;z-index:10003;top:78px;right:12px;max-width:350px;padding:9px 12px;border:2px solid #fff;border-radius:10px;background:#24211fed;color:#fff;box-shadow:0 4px 14px #0007;font-size:.75rem;font-weight:800}.map-orientation-advice.is-poor{background:#9b341fef}.map-orientation-advice.is-good{background:#246a43ef}.orientation-advice-result{margin:14px 0;padding:12px 15px;border-left:4px solid var(--orange);border-radius:9px;background:#fff4ea;color:#8f4515;font-weight:800}.orientation-advice-result.is-poor{border-color:#b04425;background:#fff0eb;color:#7d2f1d}.orientation-advice-result.is-good{border-color:#2b7a4b;background:#eef8f1;color:#235f3c}
@media(max-width:780px){.map-orientation-advice{top:88px;right:8px;left:8px;max-width:none}}
.future-needs.compact label span{display:grid;gap:2px}.future-needs.compact label small{font-size:.68rem;font-weight:700;color:var(--muted)}.future-consumption-summary{margin:10px 0 0;padding:10px 12px;border-radius:9px;background:#fff4ea;color:#8f4515;font-size:.8rem;font-weight:800}
.results-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.status-pill{padding:8px 12px;border-radius:999px;background:#fff4ea;color:#a94c0f;font-size:.76rem;font-weight:800}.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.result-metrics div{padding:16px;border-radius:12px;background:#26221f;color:#fff}.result-metrics span,.result-metrics strong{display:block}.result-metrics span{font-size:.76rem;color:#e6cbb8}.result-metrics strong{margin-top:6px;font-size:1.25rem}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.results-grid article{padding:18px;border:1px solid var(--line);border-radius:14px}.results-grid h3{margin:0 0 12px}.results-grid dl{margin:0}.results-grid dl div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid var(--line)}.results-grid dt{color:var(--muted)}.results-grid dd{margin:0;font-weight:800;text-align:right}.sizing-message{margin:16px 0;padding:14px 16px;border-radius:10px;background:#fff4ea;color:#784017;font-weight:700}.public-estimate{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px;border-radius:14px;background:#f2eee9}.public-estimate span,.public-estimate strong{display:block}.public-estimate span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.public-estimate p{margin:.35rem 0 0;color:var(--muted)}.public-estimate button{width:auto;min-width:210px;text-align:center}
.surplus-choice{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:14px}.surplus-choice h3{margin:0 0 12px}.strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.strategy-grid label{display:flex;gap:10px;margin:0;padding:13px;border:1px solid var(--line);border-radius:11px;background:#faf8f5;cursor:pointer}.strategy-grid label:has(input:checked){border-color:var(--orange);background:#fff4ea}.strategy-grid input{width:auto;margin:3px 0 0}.strategy-grid span,.strategy-grid strong,.strategy-grid small{display:block}.strategy-grid small{margin-top:4px;color:var(--muted);line-height:1.35}.strategy-details{margin-top:12px;padding:12px;border-radius:10px;background:#26221f;color:#fff;font-size:.82rem;line-height:1.5}
main{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;padding:16px;min-height:calc(100vh - 207px)}
#step4{height:calc(100vh - 190px);min-height:650px;overflow:hidden}.panel{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-right:4px}.map-address-hidden,.internal-panel-config{display:none!important}
.panel section{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:0 7px 24px #1b39240a}
label{display:block;margin-bottom:7px;font-size:.85rem;font-weight:700}
.model-size{margin:.55rem 0 0}
select,button,input{width:100%;border:1px solid #cbd2cc;border-radius:9px;background:white;color:var(--ink);padding:11px;font:inherit}
button{cursor:pointer;font-weight:700;text-align:left;margin-top:7px}
button:hover:not(:disabled){border-color:var(--green);background:#f0f7f3}
button:disabled{opacity:.42;cursor:not-allowed}
.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover:not(:disabled){background:#125239}
.danger{color:#a33d31}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}
.muted{font-size:.85rem;color:var(--muted);line-height:1.45}.help ol{margin:.3rem 0 0;padding-left:1.15rem;color:var(--muted);font-size:.83rem;line-height:1.6}
.address-row{display:grid;grid-template-columns:1fr auto;gap:7px}.address-row button{width:auto;margin:0}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-grid label{font-size:.74rem}.field-grid select{margin-top:5px}
.inline-field-controls{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.angle-input{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.angle-input span{font-size:.78rem;color:var(--muted)}
.simple-summary{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;margin-top:12px;padding:11px 12px;border-radius:10px;background:#fff4ea;border:1px solid #f0c49f}.simple-summary span{font-size:.76rem;color:var(--muted)}.simple-summary strong{font-size:.88rem;color:#a94c0f}
.simple-summary.over-limit{background:#fff0ee;border-color:#e5a39b}.simple-summary.over-limit strong{color:#a9362a}.limit-warning{margin:7px 0 0;color:#a9362a;font-size:.76rem;font-weight:700}
.draw-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auto-section{border-left:4px solid var(--orange)!important}
.manual-implantation{display:none!important}.auto-section>.field-grid{display:none}.auto-section h3{margin:.1rem 0 .45rem}.auto-rotation-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.panel-edit-hint{margin:10px 0 0;padding:10px;border-radius:9px;background:#fff4ea;color:#7e461f;font-size:.78rem;line-height:1.4}
.roof-vertex{background:var(--orange);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0008;cursor:move;touch-action:none}
.roof-rotation-handle{display:grid!important;place-items:center;width:38px!important;height:38px!important;border:3px solid #fff;border-radius:50%;background:#24211f;color:#fff;box-shadow:0 4px 13px #0009;cursor:grab;font-size:1.3rem;font-weight:800;touch-action:none}.roof-rotation-handle:active{cursor:grabbing;background:var(--orange)}
.slope-direction-handle{display:grid!important;place-items:center;width:44px!important;height:44px!important;border:3px solid #fff;border-radius:50%;background:var(--orange);color:#fff;box-shadow:0 4px 14px #0009;cursor:grab;touch-action:none}.slope-direction-handle span{display:block;font-size:1.6rem;font-weight:900;line-height:1}.slope-direction-handle:active{cursor:grabbing}
@media(max-width:780px){.roof-rotation-handle{width:44px!important;height:44px!important;font-size:1.45rem}.slope-direction-handle{width:48px!important;height:48px!important}#mobileAddRoofArea,#mobileSetSlopeDirection{grid-column:auto}}
.map-wrap{position:relative;min-height:620px;border-radius:16px;overflow:hidden;border:1px solid #bdc8bf;background:#dfe7e1}
#map{position:absolute;inset:0}
.map-note{position:absolute;z-index:500;left:14px;bottom:14px;max-width:560px;padding:11px 14px;background:#fffdf4ed;border:1px solid #dfd5ac;border-radius:10px;box-shadow:0 5px 16px #0002;font-size:.78rem;line-height:1.35}
.map-note strong,.map-note span{display:block}.map-note strong{color:#7c4d00;margin-bottom:2px}
.mobile-map-tools,.mobile-map-summary{display:none}
.map-edit-hint{position:absolute;z-index:10001;top:14px;right:14px;display:flex;gap:8px;align-items:center;max-width:330px;padding:8px 11px;border:1px solid #ffffff80;border-radius:10px;background:#181818df;color:#fff;box-shadow:0 4px 14px #0005;font-size:.72rem;line-height:1.3;pointer-events:none}.map-edit-hint strong{color:#ffc18f}.map-edit-hint b{color:#ffc18f;font-size:1rem}.hint-panel-icon{flex:0 0 auto;width:15px;height:22px;border:1px solid #d9f3ff;border-radius:2px;background:linear-gradient(90deg,transparent 47%,#a8d5e5 49%,#a8d5e5 52%,transparent 54%),linear-gradient(145deg,#10384b,#205a72)}
footer{display:flex;gap:12px;align-items:center;padding:13px 28px;background:#fff3dd;border-top:1px solid #efd7ad;color:#5c4929;font-size:.8rem}
.pv-panel{position:absolute;transform-origin:center;border:1px solid #d9f3ff;border-radius:1px;background:linear-gradient(90deg,transparent 48%,#a8d5e5 49%,#a8d5e5 51%,transparent 52%),linear-gradient(0deg,transparent 32%,#8fc3d6 33%,#8fc3d6 34%,transparent 35%,transparent 65%,#8fc3d6 66%,#8fc3d6 67%,transparent 68%),linear-gradient(145deg,#10384b,#205a72);box-shadow:0 1px 3px #0009;cursor:grab;min-width:2px;min-height:3px}
.pv-panel.selected{outline:1px solid var(--orange);outline-offset:1px}
.field-handle{position:absolute;width:20px;height:20px;transform:translate(-50%,-50%);border:3px solid white;border-radius:50%;background:var(--orange);box-shadow:0 2px 7px #0008;cursor:grab;pointer-events:auto}.field-handle:active{cursor:grabbing}.field-handle.selected{outline:3px solid #fff8;outline-offset:2px}
.map-rotation-controls{position:absolute;z-index:9999;display:flex;gap:5px;transform:translateY(-100%);pointer-events:auto}.map-rotation-controls[hidden]{display:none}.map-rotation-controls button{display:grid;place-items:center;width:38px;height:38px;margin:0;padding:0;border:2px solid white;border-radius:50%;background:var(--orange);color:white;box-shadow:0 4px 12px #0009;font-size:1.15rem}
.project-address-field{display:flex;flex-direction:column;gap:7px}.project-address-field>label{font-weight:800}.address-entry-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.address-autocomplete{position:relative}.address-autocomplete input{width:100%}.geolocation-button{width:auto!important;white-space:nowrap;padding:11px 14px!important}.address-suggestions{position:absolute;z-index:10050;top:calc(100% + 5px);left:0;right:0;overflow:auto;max-height:240px;border:1px solid #d9c7b8;border-radius:12px;background:white;box-shadow:0 12px 30px #2e1d1533}.address-suggestion{display:block;width:100%;margin:0;padding:11px 13px;border:0;border-bottom:1px solid #eee3da;border-radius:0;background:white;color:var(--ink);text-align:left}.address-suggestion:last-child{border-bottom:0}.address-suggestion:hover,.address-suggestion:focus{background:#fff3e8}.address-suggestion strong,.address-suggestion small{display:block}.address-suggestion small{margin-top:2px;color:#78695e}
@media(max-width:650px){.address-entry-row{grid-template-columns:1fr}.geolocation-button{width:100%!important}}
.privacy-consent{display:flex;align-items:flex-start;gap:10px;margin:14px 0;padding:13px 15px;border:1px solid #dccbbe;border-radius:12px;background:#fffaf6;color:#594a40;font-size:.86rem;line-height:1.45}.privacy-consent input{width:auto;margin-top:3px;flex:0 0 auto}
.implantation-report-card{margin:20px 0;padding:18px;border:1px solid #ddc8b8;border-radius:18px;background:linear-gradient(145deg,#fffdfb,#fff6ed);box-shadow:0 14px 34px #47251817}.report-card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.report-card-heading div span,.report-card-heading div strong{display:block}.report-card-heading div span{color:#a55424;font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.report-card-heading div strong{margin-top:3px;font-size:1.18rem}.report-badge{padding:6px 10px;border-radius:999px;background:#2f6e4f;color:white;font-size:.72rem;font-weight:800}.report-map-frame{display:grid;place-items:center;overflow:hidden;min-height:230px;border-radius:14px;background:#e9e4df}.report-map-frame img{display:block;width:100%;max-height:440px;object-fit:cover}.report-map-frame p{padding:30px;color:#6d625a;text-align:center}.report-caption{margin:10px 2px 0;color:#75665c;font-size:.8rem;line-height:1.45}@media(max-width:650px){.report-card-heading{align-items:flex-start;flex-direction:column}.report-map-frame{min-height:180px}}
.panel-label{position:absolute;inset:auto 3px 3px;color:#fff;font-size:9px;font-weight:800;text-align:center;text-shadow:0 1px 2px #000}
.prime-bonus{margin-top:18px;padding:17px;border:2px solid #f18b2d;border-radius:14px;background:linear-gradient(135deg,#fff0c9,#fff8e8);box-shadow:0 0 0 0 #ef7d3266;animation:bonusPulse 2.2s ease-out infinite}.prime-bonus span,.prime-bonus strong,.prime-bonus small{display:block}.prime-bonus span{color:#9b4914;font-size:.74rem;font-weight:900;letter-spacing:.08em}.prime-bonus strong{margin:5px 0;font-size:1.08rem}.prime-bonus small{color:#6d533d;line-height:1.4}.result-bonus{margin:18px 0}@keyframes bonusPulse{0%{box-shadow:0 0 0 0 #ef7d3266}65%{box-shadow:0 0 0 10px #ef7d3200}100%{box-shadow:0 0 0 0 #ef7d3200}}@media(prefers-reduced-motion:reduce){.prime-bonus{animation:none}}
.optimization-card{margin:22px 0;padding:22px;border:1px solid #ead8c9;border-radius:16px;background:linear-gradient(145deg,#fff,#fff8f1)}.two-strategies{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-lead{margin-bottom:14px}.optimization-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.optimization-metrics>div{padding:14px;border-radius:12px;background:white;border:1px solid #eee1d7}.optimization-metrics span,.optimization-metrics strong{display:block}.optimization-metrics span{font-size:.78rem;color:#74675e}.optimization-metrics strong{margin-top:4px;font-size:1.25rem;color:var(--blue)}@media(max-width:720px){.two-strategies,.optimization-metrics{grid-template-columns:1fr}}
.corner-rotation-handle{position:absolute;z-index:10000;display:grid;place-items:center;width:30px;height:30px;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;background:var(--orange);color:white;box-shadow:0 3px 10px #0009;cursor:grab;pointer-events:auto;touch-action:none;user-select:none;font-size:1rem}.corner-rotation-handle:active{cursor:grabbing}.pv-panel.removed{opacity:.2;border:2px dashed #ffb16b;background:#fff8ef;box-shadow:none}.pv-panel{pointer-events:auto;touch-action:manipulation}.pv-panel:hover{outline:2px solid #ffb16b;outline-offset:1px}
.pv-panel.removed.available-to-add{opacity:.34;cursor:pointer}.pv-panel.removed.isolated-addition{opacity:.07;border-color:#777;background:#ddd;cursor:not-allowed}.pv-panel.removed.isolated-addition:hover{outline-color:#777}
#map.capture-clean .leaflet-control-container,#map.capture-clean .roof-vertex,#map.capture-clean .roof-rotation-handle,#map.capture-clean .slope-direction-handle,#map.capture-clean .map-rotation-controls,#map.capture-clean .map-note,#map.capture-clean .map-edit-hint,#map.capture-clean .map-orientation-advice,#map.capture-clean .mobile-map-tools,#map.capture-clean .mobile-map-summary,#map.capture-clean .pv-panel.removed,#map.capture-clean .roof-area-shape{visibility:hidden!important}
@media(max-width:780px){.topbar{align-items:start;flex-direction:column;padding:16px}.brand-lockup strong{font-size:1.45rem}.metrics{width:100%}.metrics div{flex:1;min-width:0}.study-progress{position:sticky;top:0;z-index:11000;grid-template-columns:repeat(3,1fr);gap:2px}.progress-step{display:grid;gap:3px;padding:6px 2px;font-size:.62rem}.progress-step span{margin:auto}.wizard-page{padding:16px 10px}.wizard-card{padding:19px}.two-columns,.results-grid,.result-metrics,.strategy-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.future-needs{grid-template-columns:1fr 1fr}.entry-choice{flex-direction:column}.recommendation-box,.roof-recap,.public-estimate,.results-heading{align-items:flex-start;flex-direction:column}.recommendation-box small,.roof-recap small{margin-left:0}.public-estimate button{width:100%}#step4{height:auto;min-height:0;overflow:visible}main{display:flex;flex-direction:column;padding:8px}.panel{order:2;overflow:visible;padding-right:0}.map-wrap{order:1;position:sticky;top:52px;z-index:9000;min-height:0;height:62vh;border-radius:13px;box-shadow:0 10px 26px #24170f30}.implantation-brief,#implantTechnical,.help{display:none}.map-note{right:10px;bottom:145px;left:10px;padding:7px 9px;font-size:.68rem}.map-note span{display:none}.mobile-map-summary{position:absolute;z-index:10002;display:flex;gap:8px;align-items:center;top:10px;left:10px;padding:7px 10px;border-radius:999px;background:#181818e8;color:#fff;box-shadow:0 4px 12px #0005;font-size:.72rem}.mobile-map-summary span{color:#ffc18f}.map-edit-hint{top:50px;right:8px;left:8px;max-width:none;padding:7px 9px;font-size:.68rem}.mobile-map-tools{position:absolute;z-index:10002;right:8px;bottom:8px;left:8px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.mobile-map-tools button{margin:0;padding:8px 7px;border:2px solid #fff;border-radius:11px;background:#24211ff0;color:#fff;box-shadow:0 4px 12px #0005;text-align:center;font-size:.7rem}.mobile-map-tools button:first-child{background:var(--orange)}#mobileAddRoofArea{grid-column:1/-1}.button-grid{grid-template-columns:1fr 1fr}.corner-rotation-handle{width:44px;height:44px;font-size:1.3rem}.field-handle{width:30px;height:30px}footer{align-items:start;flex-direction:column}}