*{box-sizing:border-box}body{margin:0;color:#20382f;background:#f4f6f5;font:14px 'Segoe UI','Microsoft YaHei',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dce3df;background:white;border-radius:7px;padding:9px 13px;color:#40584d}button:hover{background:#edf5ef;border-color:#9ab6a6}button.active{background:#e7f2eb;color:#216846;border-color:#89b49a}.primary{background:#286b4e;color:white;border-color:#286b4e}.primary:hover{background:#20583f;color:white}header{height:80px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e2e8e4}.brand{display:flex;gap:12px;align-items:center}.brand strong{font-size:21px;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#819388;margin-top:4px}.logo{font-size:32px;background:#286b4e;color:white;padding:0 10px;border-radius:10px}.badge{border-left:1px solid #ddd;padding-left:18px;margin-left:12px;color:#89968e}nav{display:flex;gap:10px}.sub{height:60px;display:flex;align-items:center;gap:20px;padding:0 28px;background:#fff;border-bottom:1px solid #e2e8e4}.sub input{border:0;font-weight:600;font-size:17px;width:265px}.sub span{font-size:11px;color:#8a9b90}.sub div{margin-left:auto}main{display:grid;grid-template-columns:245px minmax(400px,1fr) 270px;height:calc(100vh - 140px);min-height:650px}aside{padding:26px 22px;background:white;overflow:auto}aside:first-child{border-right:1px solid #e1e7e3}.properties{border-left:1px solid #e1e7e3}.eyebrow{font-size:10px;letter-spacing:1.2px;color:#8e9f94}h2{font-size:18px;margin:15px 0 9px}.muted,.tip{color:#8b9a90;font-size:12px;line-height:1.8}label{display:block;margin:20px 0 9px;font-size:12px;color:#657b6e}input,select,textarea{border:1px solid #dce4de;background:#fbfcfb;padding:9px;border-radius:6px;color:#2e493a;width:100%}input[type=checkbox]{width:auto;accent-color:#286b4e}input[type=color]{height:35px;padding:3px}.check{display:flex;gap:8px;align-items:center;margin:15px 0}.templates{display:flex;gap:10px}.templates button{flex:1;font-size:30px}.templates small{display:block;font-size:11px;margin-top:5px}#directions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tip{font-size:11px;margin-top:12px}hr{border:0;border-top:1px solid #edf0ed;margin:25px 0}.note{background:#f3f7f4;padding:15px;margin-top:30px;border-radius:8px;font-size:12px}.note p{font-size:10px;color:#7a9080}.note small{font-size:10px;color:#8a9d8e;line-height:1.7}.workspace{display:flex;flex-direction:column;min-width:0}.canvasbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.canvasbar>span{font-size:10px;color:#9ba79f}.tabs{background:#e8ede9;padding:4px;border-radius:9px;display:flex;gap:3px}.tabs button{border:0;background:transparent}.tabs button.active{background:white;box-shadow:0 2px 5px #153b2010}#viewport{position:relative;flex:1;margin:0 18px;background:#fff;border:1px solid #e0e7e1;border-radius:10px;overflow:hidden;touch-action:none}svg{width:100%;height:100%;position:absolute;user-select:none}.zoom{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:white;box-shadow:0 3px 15px #304e3020;border:1px solid #e3e9e4;border-radius:8px;display:flex;align-items:center;white-space:nowrap}.zoom button{border:0;background:none}.zoom span{font-size:11px;width:45px;text-align:center}footer{display:flex;justify-content:space-between;padding:16px 22px;font-size:10px;color:#8c9c91}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row label{margin-top:14px}.arrows{display:grid;gap:6px;margin-top:8px}.arrows label{display:flex;align-items:center;justify-content:space-between;margin:0;font-size:12px}.arrows select{width:120px}.sectiontitle{margin-top:24px;border-top:1px solid #e6ebe7;padding-top:18px;font-size:12px;font-weight:600}.hint{font-size:11px;color:#91a095;line-height:1.8}.flowrow{display:grid;grid-template-columns:1fr 80px;align-items:center;margin:8px 0}.flowrow input{width:80px}dialog{border:1px solid #dbe4dd;border-radius:14px;padding:28px;max-width:500px;box-shadow:0 20px 90px #17392530}dialog::backdrop{background:#18382666}dialog button{margin:15px 6px 0 0}textarea{height:150px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#244d38;color:white;padding:12px 22px;border-radius:8px;display:none;z-index:10}button:disabled{opacity:.4;cursor:default}@media(max-width:1100px){main{grid-template-columns:190px minmax(320px,1fr) 230px}aside{padding:20px 14px}.canvasbar>span{display:none}}@media(max-width:760px){header{padding:12px;height:auto}.badge,.brand small{display:none}nav{gap:4px}nav button{padding:8px;font-size:11px}.sub{padding:10px;gap:5px}.sub span{display:none}main{display:flex;flex-wrap:wrap;height:auto;min-height:0}aside{width:50%;order:2}.workspace{width:100%;height:580px;order:1}.properties{width:50%}footer{font-size:9px}.sub input{width:220px}}
#warning{margin:0 18px 12px;padding:10px 13px;border:1px solid #ead6a6;background:#fff8e8;color:#8b6c2b;border-radius:7px;font-size:11px;line-height:1.7}#warning[hidden]{display:none}.flowrow small{display:block;font-size:10px;color:#8b9c90;margin-top:5px}.flowrow input:disabled{background:#edf0ee;color:#9aa79f}.properties button{font-size:12px;margin-top:8px}.properties{scroll-behavior:smooth}#pasteError{color:#ac503c;font-size:12px}#title{max-width:45vw}.properties .row{gap:8px}.properties .row label{font-size:11px}.properties .row input{min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #83b798;outline-offset:1px}button:focus-visible{outline:2px solid #83b798;outline-offset:2px}
@media(min-width:761px){main{min-height:540px}}.flowrow{margin:12px 0;grid-template-columns:minmax(0,1fr) 80px}.flowrow span{line-height:1.6}
.geometry-only{display:none}.flow-top{gap:12px}.flow-top label{margin-top:8px}.flow-heading{font-weight:600;color:#286b4e;margin-top:25px}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin:20px 0}.flow-card{display:flex;gap:7px;align-items:center;margin:0!important;padding:10px 7px;background:#f7faf8;border:1px solid #e0e9e3;border-radius:8px;min-width:0}.turn-icon{font-size:32px;line-height:1;color:#386e52;min-width:32px;text-align:center}.turn-icon small{display:block;font-size:10px;color:#81988a;margin-top:6px}.flow-card input{min-width:0;padding:8px 5px;text-align:center;background:white;font-weight:600}.flow-total{background:#eaf3ed;padding:12px;border-radius:7px;font-size:12px;color:#567561}.flow-total b{color:#286b4e;font-size:16px;margin:0 3px}.flow-actions{display:flex;gap:8px}.flow-actions button{flex:1;padding:9px 5px}.flow-settings{margin-top:24px;border-top:1px solid #e0e8e2;padding-top:18px}.flow-settings summary{cursor:pointer;font-size:12px;color:#718577}.flow-top input,.flow-top select{min-width:0;width:100%}@media(min-width:1101px){main{grid-template-columns:225px minmax(400px,1fr) 320px}}@media(min-width:761px) and (max-width:1100px){main{grid-template-columns:180px minmax(320px,1fr) 280px}}
.widen-panel{margin-top:18px;padding:0 12px 10px;background:#f0f6f2;border:1px solid #dbe8de;border-radius:8px}.widen-panel .sectiontitle{margin-top:0;border:0}.widen-panel label{margin-top:10px}.widen-panel select{background:white}
.map-angle-open{font-size:12px;margin-left:10px;white-space:nowrap}#angleDialog{width:min(1160px,96vw);max-width:none;height:min(860px,94vh);padding:0;overflow:hidden}#angleDialog.expanded{width:99vw;height:98vh}.map-head{height:70px;display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid #dce6de;background:#fff}.map-head div{margin-right:auto}.map-head b{display:block;font-size:17px}.map-head small{display:block;color:#8a9c8e;font-size:11px;margin-top:5px}.map-head button{margin:0}.map-layout{height:calc(100% - 70px);display:grid;grid-template-columns:minmax(360px,1fr) 295px}.map-stage{position:relative;min-height:350px;overflow:hidden;background:#e8eee9}#locationMap,#referenceImage{position:absolute;inset:0;width:100%;height:100%}#referenceImage{background-repeat:no-repeat;cursor:move;touch-action:none}#angleDial{position:absolute;inset:0;width:100%;height:100%;z-index:500;touch-action:none;background:#ffffff33}#angleDial[hidden],#locationMap[hidden],#referenceImage[hidden]{display:none}#locationCross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:34px;color:#ea6e36;z-index:499;pointer-events:none}.map-instruction{position:absolute;top:14px;left:50%;transform:translateX(-50%);background:#ffffffef;border-radius:6px;padding:8px 12px;z-index:600;font-size:11px;white-space:nowrap;pointer-events:none}.map-controls{padding:18px;background:#fff;border-left:1px solid #dce6de;overflow:auto;width:auto;order:initial}.map-controls button{font-size:12px;margin-top:8px;width:100%}.map-controls .row button{padding:8px 4px}.map-controls label{margin-top:13px}.map-step{font-size:13px;font-weight:600;color:#2c6f4b;margin:10px 0 12px}.map-step:not(:first-child){margin-top:24px}.angle-field{display:flex;gap:8px;align-items:center;justify-content:space-between}.angle-field input{width:95px;margin-left:auto}.angle-field span{color:#85988a}#angleError{font-size:12px;color:#af5e37;line-height:1.7}#angleDial circle,#angleDial path{vector-effect:non-scaling-stroke}#locationMap{font-family:inherit}.leaflet-container img{max-width:none}.leaflet-control-attribution{font-size:10px}.map-controls [hidden]{display:none}@media(max-width:760px){.map-layout{grid-template-columns:1fr;grid-template-rows:minmax(300px,1fr) 240px}.map-controls{width:100%;border-left:0;border-top:1px solid #ddd}.map-head{padding:10px}.map-head small{display:none}.map-head b{font-size:14px}.map-head button{font-size:11px;padding:7px}.canvasbar{flex-wrap:wrap;gap:7px}}
.line-width-panel{background:#f0f6f2;border:1px solid #dce8df;border-radius:8px;padding:3px 12px 12px;margin-top:18px}.line-width-panel label{font-size:12px}.line-width-panel output{float:right;color:#286b4e;font-weight:600}.line-width-panel input{padding:0;border:0;accent-color:#2b704e;margin-top:13px}.width-presets{display:flex;gap:8px}.width-presets button{flex:1;margin:0;padding:6px;font-size:11px}
.surface-palette{background:#f7f8f5;border:1px solid #e2e7df;border-radius:8px;padding:0 10px 12px}.surface-palette label{margin-top:12px}.surface-palette .row{gap:6px;margin-top:15px}.surface-palette button{padding:8px 4px;font-size:10px}.surface-palette .hint{margin-bottom:0}

.canvas-tools{position:absolute;right:10px;top:12px;display:flex;flex-direction:column;gap:5px;max-width:120px;background:#fffffff0;padding:7px;border:1px solid #e2e9e4;border-radius:8px}.canvas-tools button{font-size:10px;padding:6px}.canvas-tools small{font-size:9px;line-height:1.6;color:#819388}.canvas-tools button.active{background:#e7f2eb}

.canvas-tools .radius-control{margin:3px 0;font-size:10px;line-height:1.6}.radius-control input{padding:5px;background:white;text-align:center;font-weight:600;font-size:13px}

/* Compact, on-demand editing panels. */
.properties{padding:15px 12px;scrollbar-width:none}.properties::-webkit-scrollbar{display:none}.properties h2{font-size:15px;margin:8px 0 12px}.properties .eyebrow{font-size:9px}.property-group{margin:5px 0;border:1px solid #dfe8e1;border-radius:6px;background:#fff}.property-group>summary{list-style:none;cursor:pointer;padding:9px 10px;font-size:12px;font-weight:600;display:flex;justify-content:space-between;color:#365c46}.property-group>summary::-webkit-details-marker{display:none}.property-group>summary span{font-weight:400;color:#8ba090}.property-group[open]>summary{background:#eef5f0;border-bottom:1px solid #dfe8e1}.property-group[open]>summary span{transform:rotate(45deg)}.property-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 9px;padding:10px}.property-body>label{margin:0;font-size:10px;min-width:0}.property-body input,.property-body select{margin-top:4px;padding:5px 6px;font-size:11px;height:29px;min-width:0}.property-body .check{margin:0;gap:4px;font-size:10px;align-self:center}.property-body .check input{height:auto;margin:0}.property-body>.row{display:contents}.property-body .row label{margin:0;font-size:10px}.property-body>.arrows{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.property-body .arrows label{display:block;font-size:10px}.property-body .arrows select{width:100%}.property-body>.hint{display:none}.property-body>label:has(select[data-prop="islandType"]){grid-column:1/-1}.canvas-tools{top:10px;right:9px;width:30px;padding:3px;gap:4px;border:0;border-radius:4px;background:#ffffffe6;overflow:visible}.canvas-tools>button,.tool-popover>summary{width:24px;min-height:23px;padding:3px 0;font-size:10px;line-height:16px;border-radius:3px;text-align:center;border:1px solid #dde5df;background:#f7f9f7;color:#647b6c;cursor:pointer}.tool-popover{position:relative}.tool-popover>summary{list-style:none}.tool-popover>summary::-webkit-details-marker{display:none}.tool-popover[open]>summary{background:#e0eee5;color:#286b4e}.tool-popup{position:absolute;right:33px;top:0;width:190px;background:white;box-shadow:0 5px 24px #153b2026;border:1px solid #dce7df;border-radius:8px;padding:10px;z-index:8}.tool-popup label{margin:4px 0 9px;font-size:11px}.tool-popup input{padding:5px;font-size:12px}.tool-popup input[type=color]{height:27px}.canvas-tools .active{background:#dcece2}.property-group:focus-within{border-color:#86af97}@media(min-width:761px){.properties{overflow:auto}}

.properties .flow-top label{margin-top:0}.properties .line-width-panel{margin-top:10px;padding:3px 9px 8px}.properties .line-width-panel label{margin:8px 0}.properties .flow-heading{margin-top:12px}.properties .flow-grid{gap:8px;margin:10px 0}.properties .flow-card{padding:7px 5px}.properties .flow-card input{padding:6px 3px}.properties .flow-total{padding:8px}.properties>.hint,.properties #props>.hint{display:none}.properties .flow-settings{margin-top:12px;padding-top:10px}.properties .flow-settings label{margin-top:10px}.properties .flow-actions button{margin-top:7px}.properties .turn-icon{font-size:26px}.properties .flow-top input,.properties .flow-top select{padding:6px}.property-body>label:first-child:last-child{grid-column:1/-1}@media(min-width:1101px){main{grid-template-columns:210px minmax(400px,1fr) 280px}}

.property-body>.crossing-position{grid-column:1/-1;background:#f0f6f2;border-radius:6px;padding:8px}.crossing-position label{margin:0;font-size:11px}.crossing-position output{float:right;font-size:10px;color:#286b4e}.crossing-position input[type=range]{height:18px;padding:0;border:0;width:100%;margin-top:7px;accent-color:#286b4e}.crossing-ends{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7a8f80}.properties .crossing-ends button{font-size:10px;padding:2px 8px;margin:0}

.properties:has(.property-group[open]) .property-group{margin:3px 0}.properties:has(.property-group[open]) .property-group>summary{padding:5px 9px;font-size:11px}.properties .property-body{gap:5px 8px;padding:8px}.properties .crossing-position{padding:6px}.properties .crossing-position label{font-size:10px}

.fixed-island-note{display:block;font-size:9px;color:#829588;line-height:1.6;margin:2px 0 4px}

.median-balance{grid-column:1/-1;font-size:11px;line-height:1.6;margin:4px 0;color:#286c50;background:#eef6ef;padding:5px 7px;border-radius:4px}

.canvas-tools>button:hover,.tool-popover>summary:hover{background:#fff0e8;border-color:#e67840;color:#b74718}.canvas-tools>button.active,.canvas-tools>button.last-used,.tool-popover[open]>summary{background:#f06432;color:#fff;border-color:#d84b1d;box-shadow:0 0 0 2px #f064322b;font-weight:700}.canvas-tools>button:active,.tool-popover>summary:active{background:#ca4219;color:#fff}.canvas-tools>button:focus-visible,.tool-popover>summary:focus-visible{outline:2px solid #df501e;outline-offset:3px}

[data-north-drag]:hover .north-hit{stroke:#f06432;stroke-dasharray:4 3;fill:#f064320a}.tool-popup select{width:100%;padding:5px;font-size:12px}.tool-popup #resetNorthPosition{width:100%;margin-top:8px;padding:6px}
/* Membership and export rights */
.membership-entry{color:#286b4e;border-color:#b7d2c3;background:#f3f8f5}
.membership-dialog{width:min(760px,94vw);max-width:94vw;max-height:90vh;overflow:auto;padding:30px;border:1px solid #d9e4dc;border-radius:18px;box-shadow:0 20px 80px #203c2d30}
.membership-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.membership-heading h2{margin:4px 0 0;font-size:23px;color:#183d2b}.membership-heading small{color:#6c8576;font-size:12px;letter-spacing:1px}.membership-heading>button{font-size:23px;padding:0 10px;border:0;background:transparent;color:#697c70}.membership-heading p{font-size:12px;color:#6f8175;line-height:1.7}
.member-status{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border-radius:12px;background:#f2f7f3}.member-status strong{font-size:15px;color:#286b4e}.member-status p{margin:6px 0 0;line-height:1.6;font-size:12px;color:#678072}.member-status>div:last-child{text-align:right;min-width:120px}.member-status span{display:block;font-size:12px;color:#6d7e73;margin-bottom:7px}.member-status button{font-size:12px;padding:6px 12px}
.member-trial{font-size:17px;margin:25px 0 16px;color:#243e30}.member-trial strong{color:#286b4e}
.member-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.member-plans button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 15px;border:1.5px solid #d7e2da;border-radius:12px;background:white;text-align:left;color:#425f4d}.member-plans button.chosen{border-color:#286b4e;background:#edf6ef;box-shadow:0 0 0 1px #286b4e}.member-plans span{font-size:14px}.member-plans strong{font-size:29px;color:#204d34;font-weight:650;white-space:nowrap}.member-plans strong small{font-size:15px;margin-right:3px}.member-plans em{font-size:11px;color:#7b8d80;font-style:normal}.member-benefits{font-size:12px;color:#708376;line-height:1.7;margin:14px 0 23px}
.member-payment h3{font-size:14px;font-weight:600;margin:0 0 10px}.member-methods{display:flex;gap:10px}.member-methods button{min-width:125px;border-radius:8px}.member-methods .chosen{color:#286b4e;border-color:#286b4e;background:#f0f7f1}#memberPlanSummary{font-size:12px;color:#617969;line-height:1.7}#membershipPay{width:100%;padding:13px;margin:4px 0 0}#memberPaymentMessage,#loginMessage{font-size:12px;color:#a45a2d;line-height:1.7}#memberOrder{text-align:center}#memberOrder img{width:180px;height:180px}#memberOrder p{font-size:12px}
.member-foot{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:18px}.member-foot p{font-size:12px;line-height:1.8;color:#7b7c69;flex:1}.member-foot button{font-size:12px;white-space:nowrap}.member-policy{font-size:11px;color:#819083;line-height:1.8;margin:10px 0 0}
.member-login-dialog{width:420px;max-width:92vw;padding:28px;border-radius:16px}.member-login-dialog label{display:block;font-size:13px;margin:18px 0;color:#405a49}.member-login-dialog input{margin-top:7px;width:100%;box-sizing:border-box}.member-login-dialog>p{font-size:12px;line-height:1.8;color:#7b826e}.otp-row{display:flex;gap:8px}.otp-row input{min-width:0;flex:1}.otp-row button{margin-top:7px;white-space:nowrap;font-size:12px}#verifyOtp{width:100%;margin:3px 0 10px}
.watermark-preview-dialog{width:780px;max-width:94vw;max-height:90vh;padding:24px;border-radius:16px;overflow:auto}#watermarkPreview{background:#f4f6f4;padding:12px;border-radius:10px;text-align:center}#watermarkPreview svg{display:block;background:white;width:100%;max-height:56vh}
#exportMembershipState{padding:12px;border-radius:8px;font-size:12px;line-height:1.8}#exportMembershipState.watermarked{background:#fbf5e9;color:#8b6a32}#exportMembershipState.clean{background:#edf6ef;color:#286b4e}#exportMembershipButton{display:block;width:100%;margin:16px 0 0;color:#286b4e}
@media(max-width:760px){.membership-dialog{padding:20px}.membership-heading h2{font-size:20px}.member-plans{grid-template-columns:repeat(2,1fr)}.member-plans button{padding:14px}.member-status{align-items:flex-start}.member-foot{display:block}.member-trial{font-size:15px}.membership-entry{font-size:11px}}

#watermarkPreview svg{position:static;display:block;width:100%;height:50vh;max-height:420px;user-select:none}

/* Signal timing editor */
.signal-order{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.signal-movements{border:1px solid #d7e5dc;border-radius:8px;padding:9px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:10px 0}.signal-movements label{display:flex;align-items:center;gap:4px;margin:0}.signal-movements input{width:auto}#signalMenu{position:fixed;z-index:1000;background:white;border:1px solid #b6cbbb;border-radius:8px;padding:6px;box-shadow:0 8px 30px #23442d33;width:165px}#signalMenu[hidden]{display:none}#signalMenu button{display:block;width:100%;margin:3px 0;text-align:left}#signalTimeDialog{max-width:400px}#signalTimeFields input{width:100%}

.signal-mode .zoom{display:none}.signal-mode .workspace footer span:last-child{font-size:0}.signal-mode .workspace footer span:last-child::after{content:"点击相位图选择 · 点击时间标签编辑 · 右键调整顺序";font-size:11px}

.signal-mode #viewport{overflow:auto;touch-action:pan-y}.signal-mode #drawing{position:static;width:100%;height:auto;display:block;min-height:0}
.signal-mode .workspace{min-height:0}.signal-mode #viewport{min-height:0}.signal-mode .properties label{margin-top:10px}.signal-mode .properties h2{margin-top:10px}.signal-mode .properties .hint{line-height:1.5}
.signal-turn-group h3{font-size:12px;margin:12px 0 6px}.signal-turn-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.signal-turn-button{padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:3px;color:#a3aaa6;border-color:#dce4de;background:#fafcfb}.signal-turn-button svg{position:static;width:34px;height:34px;max-height:none;display:block;background:transparent}.signal-turn-button span{font-size:10px;white-space:nowrap}.signal-turn-button.chosen{color:#ef5d26;background:#fff0e6;border-color:#ef713e;box-shadow:inset 0 0 0 1px #ef713e}.signal-turn-button:focus-visible{outline:3px solid #286b4e;outline-offset:2px}.phase-movement-list{margin-top:12px;font-size:11px;color:#657b6e}.phase-movement-list p{margin:6px 0}

.signal-optimization{border-top:1px solid #dce4de;margin-top:20px;padding-top:14px}.signal-optimization summary{font-weight:600;color:#286b4e}.signal-optimization button{margin:6px 4px 0 0}.signal-optimization a{font-size:11px;color:#286b4e}.signal-proposal{width:650px;max-width:92vw;max-height:88vh;overflow:auto}.signal-proposal table{border-collapse:collapse;width:100%}.signal-proposal th,.signal-proposal td{border:1px solid #dce4de;padding:8px;text-align:center}.signal-calc-warning{background:#fff1db;color:#89551f;padding:10px;line-height:1.7}.single-phase-dialog{width:850px;max-width:92vw;max-height:94vh;overflow:auto}#singlePhasePreview svg{position:static;width:100%;height:60vh;max-height:600px;display:block}

.analysis-mode .zoom,.analysis-mode .canvas-tools,.analysis-mode footer>span:last-child{display:none}.analysis-mode #viewport{min-height:400px}.analysis-summary{background:#eef6ef;padding:14px;border-radius:8px;line-height:1.9;margin:12px 0}.analysis-settings{margin-top:16px;border-top:1px solid #dce6df;padding-top:12px}.analysis-settings summary{cursor:pointer;color:#285d49;font-weight:600}.analysis-settings a{color:#287252}.analysis-details{max-width:92vw;width:1100px}.analysis-details #analysisDetailsBody{max-height:65vh;overflow:auto}.analysis-details table{border-collapse:collapse;width:100%;font-size:13px}.analysis-details th,.analysis-details td{padding:9px;border:1px solid #dce6df;white-space:nowrap}.analysis-details th{background:#edf4ee}.tabs{flex-wrap:wrap}.tabs button{font-size:12px}

#mapLibraryHost{margin-top:18px;border-top:1px solid #dce6de;padding-top:12px}#mapLibraryPanel>summary{font-weight:600;color:#286b4e;cursor:pointer}.map-controls .catalog-consent{display:flex;align-items:flex-start;gap:8px;line-height:1.6}.catalog-consent input{flex:0 0 auto;margin-top:4px}.map-controls textarea{width:100%;resize:vertical;min-height:65px}.catalog-item{padding:10px 0;border-bottom:1px solid #e0e8e1}.catalog-item b,.catalog-item small{display:block;overflow-wrap:anywhere}.catalog-item small{font-size:11px;color:#6b7e70;margin:5px 0}.catalog-item p{font-size:12px;overflow-wrap:anywhere}.catalog-item div{display:flex;flex-wrap:wrap;gap:5px}.map-controls .catalog-item button{width:auto;padding:5px;font-size:11px;margin:0}#catalogList{max-height:320px;overflow:auto}#catalogStatus{white-space:normal;overflow-wrap:anywhere;color:#286b4e}.catalog-popup p{margin:6px 0}.catalog-popup button{font-size:12px;padding:6px}

/* The editor SVG sizing must not collapse Leaflet overlay panes. */
#locationMap .leaflet-overlay-pane svg{width:auto;height:auto;position:absolute}#locationMap .leaflet-attribution-flag{position:static;width:12px;height:8px}

.map-controls #catalogDescription{height:70px;min-height:70px}.hcm-approach{margin:10px 0}

.radius-feedback{font-size:12px;line-height:1.6;color:#396052;margin:10px 0;display:block}
#scenarioDialog{width:min(1500px,96vw);max-width:96vw;max-height:92vh;overflow:auto}#scenarioDialog .scenario-heading{display:flex;justify-content:space-between;align-items:center}#scenarioDialog p{font-size:13px;line-height:1.7;color:#466657}#scenarioDialog .scenario-add{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}#scenarioDialog input{padding:8px;border:1px solid #cadbd2;border-radius:6px;min-width:0}#scenarioDialog .scenario-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#scenarioDialog article{border:1px solid #d5e1da;padding:12px;border-radius:10px;min-width:0}#scenarioDialog h3{font-size:16px}#scenarioDialog h3 input{width:65%}#scenarioDialog img{display:block;width:100%;height:auto;position:static;background:white;border:1px solid #e1e9e4}#scenarioDialog .scenario-actions{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}#scenarioDialog table{width:100%;border-collapse:collapse;font-size:12px}#scenarioDialog th,#scenarioDialog td{border:1px solid #d5e1da;padding:7px;text-align:center}#scenarioDialog .scenario-table{overflow:auto}#scenarioDialog small{color:#6b7f74}@media(max-width:850px){#scenarioDialog .scenario-cards{grid-template-columns:1fr}}

#scenarioDialog .scenario-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}#scenarioDialog .scenario-charts section{min-width:0}#scenarioDialog .scenario-charts button{margin-top:8px}@media(max-width:850px){#scenarioDialog .scenario-charts{grid-template-columns:1fr}}

#saveContextScenario{white-space:nowrap;border:1px solid #276b50;color:#276b50;margin-left:8px}#saveContextScenario[hidden]{display:none}

.analysis-missing{padding:12px;background:#fff6e9;border:1px solid #e3c89d;border-radius:7px;margin:12px 0;color:#76522b;font-size:12px;line-height:1.6}.analysis-missing p{margin:6px 0}.analysis-missing ul{padding-left:18px;margin:8px 0}.analysis-missing button{width:100%}
#facilitiesDialog{width:min(900px,94vw);max-width:94vw;max-height:92vh;overflow:auto}#facilitiesDialog .facility-heading{display:flex;justify-content:space-between;align-items:center}#facilitiesDialog .facility-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px}#facilitiesDialog label{display:block;margin:10px 0;font-size:13px;color:#3d6051}#facilitiesDialog input:not([type=checkbox]),#facilitiesDialog select{display:block;width:100%;box-sizing:border-box;padding:9px;border:1px solid #cadbd1;border-radius:6px;margin-top:5px}#facilitiesDialog .facility-list{max-height:550px;overflow:auto}#facilitiesDialog .facility-list button{display:block;width:100%;margin:7px 0;text-align:left}#facilitiesDialog p{font-size:12px;color:#5e7668;line-height:1.6}#facilityError{color:#a73e25!important}#openFacilities{white-space:nowrap}#openFacilities[hidden]{display:none}@media(max-width:650px){#facilitiesDialog .facility-layout{grid-template-columns:1fr}}

.render3d-dialog{width:min(1200px,95vw);max-width:95vw;padding:24px;border:1px solid #cbd9d3;border-radius:16px}.render3d-dialog::backdrop{background:#163c32a6}.render3d-heading{display:flex;justify-content:space-between;align-items:center}.render3d-heading h2{margin:6px 0 20px}.render3d-heading small{color:#608074}.render3d-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px}.render3d-layout canvas{display:block;width:100%;background:#dce7e6;cursor:grab;border-radius:10px;touch-action:none;image-rendering:auto}.render3d-layout aside{background:#f1f6f2;border-radius:10px;padding:18px}.render3d-layout aside label{display:block;margin:14px 0}.render3d-layout aside select{width:100%;margin-top:6px}.render3d-layout aside button{margin:5px 0;width:100%}.render3d-layout p{line-height:1.7;font-size:12px}.render3d-layout .muted{color:#6e7d76}@media(max-width:850px){.render3d-layout{grid-template-columns:1fr}.render3d-dialog{max-height:94vh}}

.cycles-placeholder{min-height:400px;background:linear-gradient(135deg,#dde6e0,#f5f6ee);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:12px;color:#2a5647;line-height:2}.cycles-placeholder[hidden]{display:none}.render3d-layout img[hidden]{display:none}



/* Consistent form control sizing; preserve compact drawing tools. */
.properties input:not([type=checkbox]):not([type=range]):not([type=color]),.properties select,.map-controls input:not([type=checkbox]):not([type=range]):not([type=file]),.map-controls select{min-height:38px;border-radius:7px}.row>button,#directions>button{min-height:38px}.canvasbar>button,nav>button{min-height:38px;white-space:nowrap}

.cross-template-icon{display:inline-block;position:relative;width:30px;height:30px;vertical-align:middle}.cross-template-icon::before,.cross-template-icon::after{content:"";position:absolute;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%)}.cross-template-icon::before{width:28px;height:6px}.cross-template-icon::after{width:6px;height:28px}

/* Equal action boxes across header and canvas toolbar. */
header nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}header nav>button,.canvasbar>button,.canvasbar>label{box-sizing:border-box;width:132px!important;min-width:132px;height:40px!important;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:6px 8px!important;margin:0!important;font-size:12px;line-height:1.25;white-space:normal;text-align:center;border-radius:7px}.canvasbar{gap:10px;flex-wrap:wrap}.canvasbar>label{border:1px solid #dce3df;background:white}.canvasbar>label input{margin-right:6px}header{height:auto;min-height:80px;padding-top:14px;padding-bottom:14px}#accountError{color:#a33}

/* Compact facility editor with persistent top save. */
#facilitiesDialog{width:min(1100px,96vw);max-height:94vh;padding:0 20px 18px}#facilitiesDialog .facility-heading{position:sticky;top:0;z-index:4;background:white;display:flex;align-items:center;gap:10px;padding:12px 0;margin:0;border-bottom:1px solid #e0e7e1}#facilitiesDialog .facility-heading h2{margin:0 auto 0 0}#facilitiesDialog>p{font-size:12px;line-height:1.5;margin:8px 0}#facilitiesDialog .facility-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}#facilityForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;align-content:start}#facilityForm>h3,#facilityForm>.row,#facilityForm>p,#facilityForm>div,#facilityForm>.check{grid-column:1/-1}#facilityForm label,#facilityForm .row label{margin:0;font-size:12px;line-height:1.5}#facilityForm input:not([type=checkbox]),#facilityForm select{height:34px;min-height:34px;padding:6px 8px;margin-top:3px}#facilityForm p{font-size:11px;line-height:1.5;margin:0}#facilityForm h3{margin:5px 0}#facilityForm button{min-height:34px;padding:6px 10px}#facilitiesDialog .facility-list{max-height:65vh;overflow:auto}@media(max-width:700px){#facilitiesDialog .facility-layout{grid-template-columns:1fr}#facilityForm{grid-template-columns:1fr}#facilitiesDialog .facility-list{max-height:120px}}

#greenWaveDialog{box-sizing:border-box;width:min(1180px,96vw);max-width:96vw;max-height:92vh;overflow:auto}#greenWaveDialog .gw-table-scroll{overflow-x:auto}#greenWaveDialog table{width:100%;min-width:850px;border-spacing:8px}#greenWaveDialog th{white-space:nowrap;text-align:left}#greenWaveDialog td:first-child{min-width:175px}#greenWaveDialog td:nth-child(5),#greenWaveDialog td:nth-child(6){min-width:155px}#greenWaveDialog td button{white-space:nowrap}#greenWaveDialog select{width:100%;min-width:0}

#greenWaveDialog tbody td{height:64px;vertical-align:middle}#greenWaveDialog .gw-segment input{position:relative;top:-32px;background:#edf5ef;border-color:#b8cfbf}#greenWaveDialog .gw-no-segment input{visibility:hidden}#greenWaveDialog select:disabled{color:#68796e;opacity:1}

#greenWaveDialog{width:min(1320px,97vw);max-width:97vw}

#greenWaveDialog .gw-heading{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 0;background:#fff;border-bottom:1px solid #dce7e0}#greenWaveDialog .gw-heading h2{margin:0 auto 0 0}#greenWaveDialog .gw-heading button{white-space:nowrap}