:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;background:#fafaf9;color:#111;font-size:13px}.app{display:grid;grid-template-rows:auto 1fr;min-height:100vh}header{padding:10px 14px;border-bottom:1px solid #e5e7eb;display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#fff;position:sticky;top:0;z-index:10}.title h1{font-size:14px;margin:0;font-weight:700;display:flex;align-items:center;gap:6px}.title .tent-icon{font-size:16px;line-height:1}.title .title-suffix{color:#9ca3af;font-weight:500}.title .meta{font-size:11px;color:#6b7280;margin-top:2px}.editable-name{outline:none;border-bottom:1px dashed transparent;padding:0 2px;cursor:text;border-radius:2px}.editable-name:hover{border-bottom-color:#d1d5db;background:#fafafa}.editable-name:focus{border-bottom-color:#6b7280;background:#fef9c3}.view-toggle{display:inline-flex;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.mode-tabs{display:inline-flex;background:#f3f4f6;border-radius:9px;padding:3px;gap:2px}.mode-tab{padding:7px 14px;font-size:12px;font-weight:700;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#6b7280;letter-spacing:.02em;transition:background .12s,color .12s}.mode-tab.active{background:#fff;color:#111;box-shadow:0 1px 3px #00000014}.mode-tab:hover:not(.active){color:#111}body:not(.ui-mode-layout) .mode-layout{display:none!important}body:not(.ui-mode-power) .mode-power{display:none!important}body:not(.ui-mode-heat) .mode-heat{display:none!important}body:not(.ui-mode-polish) .mode-polish{display:none!important}body:not(.ui-mode-layout):not(.ui-mode-heat) .mode-sun{display:none!important}body.heatmap-mode .item-rect.area-def{fill-opacity:.12;stroke-opacity:.4}body.heatmap-mode .item-rect.area-def.selected{fill-opacity:.25;stroke-opacity:.7}.view-toggle button{padding:6px 14px;font-size:12px;border:0;background:#fff;cursor:pointer;color:#374151;font-weight:500}.view-toggle button.active{background:#111;color:#fff}.view-toggle button+button{border-left:1px solid #d1d5db}.controls{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}.ctrl-group{display:flex;gap:6px;align-items:center;padding:4px 8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px}.ctrl-group label{font-size:11px;color:#4b5563}.ctrl-group input[type=range]{width:100px}.ctrl-group .val{font-size:11px;min-width:46px;text-align:right;color:#111;font-variant-numeric:tabular-nums}.ctrl-group .preset{padding:2px 6px;font-size:10px;border:1px solid #d1d5db;background:#fff;border-radius:3px;cursor:pointer;min-width:22px}.ctrl-group .preset:hover{background:#f3f4f6}.ctrl-group .preset.active{background:#111;color:#fff;border-color:#111}button{padding:5px 10px;font-size:12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;color:#111;font-family:inherit}button:hover{background:#f3f4f6}button.danger{color:#b91c1c;border-color:#fecaca}button.danger:hover{background:#fef2f2}.main{display:grid;grid-template-columns:240px 1fr 210px;min-height:0}.sidebar{padding:12px;border-right:1px solid #e5e7eb;overflow-y:auto;background:#fff;position:relative}.rightbar{padding:12px;border-left:1px solid #e5e7eb;overflow-y:auto;background:#fff}.sidebar h3,.rightbar h3{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin:14px 0 8px;font-weight:600}.sidebar h3:first-of-type,.rightbar h3:first-child{margin-top:0}.collapse-btn{position:absolute;top:10px;right:8px;width:24px;height:24px;padding:0;font-size:14px;line-height:1;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;color:#6b7280;z-index:2}.collapse-btn:hover{background:#f3f4f6;color:#111}.main.sidebar-collapsed{grid-template-columns:220px 1fr 210px}.item-list{list-style:none;padding:0;margin:0}.item-list li{padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:5px;font-size:12px;display:flex;flex-direction:column;gap:4px;cursor:pointer;background:#fff;transition:border-color .1s,background .1s}.item-list li:hover{background:#fafafa;border-color:#d1d5db}.item-list li.selected{background:#eff6ff;border-color:#2563eb}.item-list li.outside{background:#fef2f2;border-color:#fecaca}.item-list li.dragging{opacity:.4}.item-list li.drop-above{border-top:2px solid #2563eb!important;padding-top:7px}.item-list li.drop-below{border-bottom:2px solid #2563eb!important;padding-bottom:7px}.item-list .drag-handle{cursor:grab;color:#d1d5db;font-size:13px;-webkit-user-select:none;user-select:none;flex-shrink:0;line-height:1;padding:2px 0;transition:color .1s}.item-list li:hover .drag-handle{color:#6b7280}.item-list .drag-handle:hover{color:#2563eb!important}.item-list .drag-handle:active{cursor:grabbing}.item-list .row1{display:flex;align-items:center;gap:6px}.item-list .row2{display:flex;align-items:center;gap:8px;padding-left:18px;min-height:18px}.item-list .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text;padding:2px 4px;border-radius:3px;font-weight:600;color:#111}.item-list .name:hover{background:#f3f4f6}.item-list .name:focus{background:#fef9c3;outline:none}.dim-inputs{display:inline-flex;gap:1px;align-items:center;color:#6b7280;font-size:10px;flex-shrink:0}.dim-inputs input{width:32px;padding:2px 3px;border:1px solid transparent;border-radius:3px;font-size:11px;text-align:center;font-variant-numeric:tabular-nums;background:#f9fafb;color:#374151;font-family:inherit;transition:border-color .1s,background .1s}.dim-inputs input:hover{background:#fff;border-color:#e5e7eb}.dim-inputs input:focus{outline:none;background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.dim-inputs input::-webkit-outer-spin-button,.dim-inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dim-inputs input[type=number]{-moz-appearance:textfield}.dim-inputs .x-sep{color:#9ca3af;font-size:10px}.item-list .provider{color:#92400e;font-size:11px;font-style:italic;padding:1px 2px;border-radius:3px;cursor:text}.item-list .provider:hover{background:#fef3c7}.item-list .actions{display:inline-flex;gap:1px;flex-shrink:0;opacity:.4;transition:opacity .15s}.item-list li:hover .actions,.item-list li.selected .actions{opacity:1}.item-list .delete-btn{width:22px;height:22px;padding:0;font-size:14px;line-height:1;background:transparent;border:0;color:#9ca3af;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-list .delete-btn:hover{background:#fef2f2;color:#b91c1c}.layer-btns{display:inline-flex;gap:0}.layer-btn{width:22px;height:22px;padding:0;font-size:10px;line-height:1;background:transparent;border:0;color:#9ca3af;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.layer-btn:hover{background:#eff6ff;color:#2563eb}.door-row .lbl{color:#9ca3af;font-size:10px}.door-row .door-cycle{font-size:10px;padding:2px 7px;border-radius:10px;background:#f3f4f6;color:#6b7280;border:1px solid transparent;cursor:pointer}.door-row .door-cycle.active{background:#dcfce7;color:#166534;border-color:#bbf7d0}.door-row .door-cycle:hover{background:#e5e7eb}.door-row .door-cycle.active:hover{background:#bbf7d0}.door-row{display:flex;align-items:center;gap:6px;padding-left:20px}.item-list .provider{padding-left:20px}.slot-btn{width:26px;height:26px;padding:0;font-size:11px;line-height:1;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;color:#6b7280;font-family:inherit;font-weight:600}.slot-btn:hover{background:#f3f4f6;color:#111;border-color:#9ca3af}.slot-btn.has-data{background:#fef3c7;border-color:#f59e0b;color:#92400e}.slot-btn.has-data:hover{background:#fde68a}.shape-popover{position:fixed;top:80px;right:20px;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:14px;box-shadow:0 8px 24px #0000001f;z-index:50;display:none;min-width:260px;max-width:320px;max-height:70vh;overflow-y:auto}.shape-popover.wide{width:min(340px,calc(100vw - 40px));min-width:280px;max-width:340px;box-sizing:border-box}.device-grid{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 10px}.device-grid label{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;font-size:11px;background:#fff;white-space:nowrap;line-height:1.2;transition:background .1s,border-color .1s;-webkit-user-select:none;user-select:none}.device-grid label:hover{background:#f9fafb;border-color:#d1d5db}.device-grid label.checked{background:#eff6ff;border-color:#2563eb}.device-grid label input{margin:0;cursor:pointer;accent-color:#2563eb;width:13px;height:13px;flex-shrink:0}.device-grid label .lbl{color:#111}.device-grid label .watts{color:#6b7280;font-size:10px;font-variant-numeric:tabular-nums}.device-grid label.checked .lbl{color:#1d4ed8;font-weight:600}.device-grid label.checked .watts{color:#2563eb;font-weight:600}.equip-custom-row{display:flex;align-items:center;gap:6px;padding:10px 0 6px;margin-bottom:6px;border-top:1px dashed #e5e7eb;font-size:11px}.equip-custom-row label{color:#6b7280;min-width:70px}.equip-custom-row input{width:64px;padding:4px 6px;border:1px solid #d1d5db;border-radius:3px;font-size:12px;text-align:center;font-family:inherit}.equip-custom-row input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.equip-custom-row .hint-inline{color:#9ca3af;font-size:10px}.equip-total{display:flex;align-items:baseline;gap:6px;padding:10px 12px;background:#f9fafb;border-radius:5px;margin:8px 0 12px;font-size:13px}.equip-total .lbl{color:#6b7280;font-size:11px;margin-right:4px}.equip-total #equipTotalWatts{font-weight:700;color:#111;font-size:14px;font-variant-numeric:tabular-nums}.equip-total #equipTotalAmps{color:#2563eb;font-weight:600;font-variant-numeric:tabular-nums}.equip-total .dot{color:#d1d5db}.equip-total .dim{color:#9ca3af;font-size:11px}#equipmentItemName{color:#6b7280;font-size:11px;margin-bottom:4px;padding-bottom:6px;border-bottom:1px solid #f3f4f6}.shape-popover.open{display:block}.shape-popover h4{margin:0 0 6px;font-size:12px;font-weight:700}.shape-popover .hint{font-size:10px;color:#6b7280;line-height:1.4;margin-bottom:10px}.vertex-row{display:flex;gap:4px;align-items:center;margin-bottom:4px;font-size:11px}.vertex-row .vlabel{color:#6b7280;width:24px;text-align:right;font-variant-numeric:tabular-nums}.vertex-row input{width:56px;padding:4px 6px;border:1px solid #d1d5db;border-radius:3px;font-size:12px;text-align:center;font-family:inherit;background:#fff;color:#111}.vertex-row input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.vertex-row .vrm{width:22px;height:22px;padding:0;font-size:13px;line-height:1;background:transparent;border:0;color:#9ca3af;cursor:pointer;border-radius:3px}.vertex-row .vrm:hover{background:#fef2f2;color:#b91c1c}.vertex-row .vrm:disabled{color:#d1d5db;cursor:not-allowed}.shape-popover .shape-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.shape-popover .shape-actions button{padding:5px 10px;font-size:11px}.shape-popover .shape-actions button.primary{background:#111;color:#fff;border-color:#111}.edge-row{display:flex;gap:4px;align-items:center;margin:0 0 5px 28px;font-size:10px;color:#6b7280}.edge-row .elbl{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:44px}.edge-row input{width:60px;padding:3px 5px;border:1px solid #e5e7eb;border-radius:3px;font-size:11px;text-align:center;font-family:inherit;background:#fafaf9;color:#111}.edge-row input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26;background:#fff}.edge-row .eunit{color:#9ca3af;font-size:10px}.vertex-handle-g{cursor:move}.vertex-handle{fill:#2563eb;stroke:#fff;stroke-width:2;transition:fill .1s}.vertex-handle-g:hover .vertex-handle{fill:#1d4ed8;r:10}.vertex-handle-label{font-size:10px;font-weight:700;fill:#fff;text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;user-select:none}.edge-label{font-size:10px;font-weight:600;fill:#111;pointer-events:none;-webkit-user-select:none;user-select:none}.edge-label-bg{fill:#fff;stroke:#d1d5db;stroke-width:.5;pointer-events:none}.edge-hit{stroke:transparent;stroke-width:14;fill:none;cursor:pointer;pointer-events:stroke}.edge-hit:hover{stroke:#2563eb26}.canvas-wrap svg.planner{cursor:grab;user-select:none;-webkit-user-select:none}.canvas-wrap svg.planner.panning{cursor:grabbing}.canvas-wrap svg.planner text{user-select:none;-webkit-user-select:none;-moz-user-select:none}.units-toggle{display:inline-flex;border:1px solid #d1d5db;border-radius:4px;overflow:hidden}.units-toggle button{padding:4px 8px;font-size:11px;border:0;background:#fff;cursor:pointer;color:#6b7280;font-family:inherit}.units-toggle button.active{background:#111;color:#fff}.units-toggle button+button{border-left:1px solid #d1d5db}.play-heat{background:#fff;color:#b45309;border:1px solid #fde68a;padding:5px 11px;font-size:12px;border-radius:4px;cursor:pointer;font-family:inherit;font-weight:600;transition:background .1s,color .1s}.play-heat:hover{background:#fef3c7}.play-heat.playing{background:#b45309;color:#fff;border-color:#b45309}.play-heat.playing:hover{background:#92400e}.weather-strip{display:none;align-items:center;gap:6px;padding:5px 10px;border-radius:4px;background:#fef3c7;color:#78350f;font-size:11px;line-height:1;font-family:inherit;border:1px solid #fde68a}.weather-strip.open{display:inline-flex}.weather-strip .wstrip-icon{font-size:13px;line-height:1}.weather-strip .wstrip-text{color:#78350f}.weather-strip .wstrip-text strong{color:#92400e;font-weight:700}.weather-strip .wstrip-source{color:#b45309;font-size:10px;margin-left:2px;opacity:.8}.heat-date-group{display:inline-flex;align-items:center;gap:6px}.heat-date-group label{color:#6b7280;font-size:11px;font-weight:500}.heat-date-group input[type=date]{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-family:inherit;color:#111;background:#fff;cursor:pointer}.heat-date-group input[type=date]:hover{border-color:#9ca3af}.heat-date-group input[type=date]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.wizard-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:200;display:none;align-items:center;justify-content:center;padding:20px}.wizard-backdrop.open{display:flex}.wizard{background:#fff;border-radius:10px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;font-family:inherit}.wizard-header{display:flex;align-items:center;padding:18px 22px 0}.wizard-title{font-size:18px;font-weight:700;color:#111;flex:1}.wizard-close{background:transparent;border:0;font-size:22px;line-height:1;color:#9ca3af;cursor:pointer;padding:4px 8px;border-radius:4px}.wizard-close:hover{background:#f3f4f6;color:#111}.wizard-progress{display:flex;gap:6px;padding:12px 22px 4px}.wizard-progress .dot{flex:1;height:3px;background:#e5e7eb;border-radius:2px;transition:background .2s}.wizard-progress .dot.active{background:#2563eb}.wizard-progress .dot.done{background:#93c5fd}.wizard-body{padding:18px 22px;overflow-y:auto;flex:1}.wizard-step h3{margin:0 0 4px;font-size:15px;font-weight:700;color:#111}.wizard-hint{color:#6b7280;font-size:12px;margin:0 0 14px;line-height:1.5}.wizard-step label{display:block;font-size:12px;color:#374151;font-weight:500;margin-bottom:12px}.wizard-step input[type=text],.wizard-step input[type=number],.wizard-step input[type=date],.wizard-step select{display:block;width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:5px;font-size:13px;font-family:inherit;color:#111;background:#fff;margin-top:4px;box-sizing:border-box}.wizard-step input:focus,.wizard-step select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.wizard-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wizard-presets{margin-top:4px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.wizard-presets .wizard-label{color:#6b7280;font-size:11px}.wizard-preset{padding:5px 10px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;cursor:pointer;font-size:11px;font-family:inherit;color:#374151}.wizard-preset:hover{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.wizard-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:5px;border:1px solid #e5e7eb;background:#fff;transition:background .1s}.wizard-checkbox:hover{background:#f9fafb}.wizard-checkbox input{width:16px;height:16px;margin:0;accent-color:#2563eb}.wizard-sep{border:0;border-top:1px dashed #e5e7eb;margin:14px 0}.wizard-footer{display:flex;gap:8px;padding:14px 22px;border-top:1px solid #f3f4f6;align-items:center}.wizard-footer button{padding:7px 14px;font-size:12px;border:1px solid #d1d5db;border-radius:5px;background:#fff;cursor:pointer;color:#374151;font-family:inherit;font-weight:500}.wizard-footer button:hover{background:#f9fafb}.wizard-footer button.primary{background:#111;color:#fff;border-color:#111}.wizard-footer button.primary:hover{background:#1f2937}.wizard-footer button[hidden]{display:none}.wizard-spacer{flex:1}.wizard-hint code{background:#f3f4f6;padding:1px 5px;border-radius:3px;font-size:11px;color:#1d4ed8}.wizard-city-wrap{position:relative}.wizard-city-results{position:absolute;top:100%;left:0;right:0;margin-top:2px;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 6px 18px #0000001a;max-height:200px;overflow-y:auto;z-index:60;display:none}.wizard-city-results.open{display:block}.wizard-city-result{padding:7px 10px;font-size:12px;cursor:pointer;border-bottom:1px solid #f3f4f6}.wizard-city-result:last-child{border-bottom:0}.wizard-city-result:hover,.wizard-city-result.focused{background:#eff6ff;color:#1d4ed8}.wizard-city-result .name{font-weight:600;color:#111}.wizard-city-result .ctx{color:#6b7280;font-size:11px;margin-top:1px}.wizard-city-result:hover .ctx,.wizard-city-result.focused .ctx{color:#1d4ed8}.wizard-warn{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:9px 12px;margin:8px 22px 0;font-size:11px;color:#78350f;line-height:1.5}.wizard-warn strong{color:#92400e}.wizard-warn[hidden]{display:none}.loc-search-row{align-items:flex-start}.loc-search-wrap{position:relative;flex:1}.loc-search-wrap input{width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid #d1d5db;border-radius:3px;font-size:12px;font-family:inherit;background:#fff;color:#111}.loc-search-wrap input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.loc-search-results{position:absolute;top:100%;left:0;right:0;margin-top:2px;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 6px 18px #0000001a;max-height:220px;overflow-y:auto;z-index:60;display:none}.loc-search-results.open{display:block}.loc-search-result{padding:7px 10px;font-size:12px;cursor:pointer;border-bottom:1px solid #f3f4f6}.loc-search-result:last-child{border-bottom:0}.loc-search-result:hover,.loc-search-result.focused{background:#eff6ff;color:#1d4ed8}.loc-search-result .name{font-weight:600;color:#111}.loc-search-result .ctx{color:#6b7280;font-size:11px;margin-top:1px}.loc-search-result:hover .ctx,.loc-search-result.focused .ctx{color:#1d4ed8}.loc-search-empty{padding:10px;font-size:11px;color:#9ca3af;text-align:center}.multi-day-chart{position:fixed;left:50%;transform:translate(-50%);bottom:18px;width:min(680px,calc(100vw - 40px));background:#0f172aeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 16px 40px -10px #00000080;padding:10px 14px 4px;z-index:70;display:none}.multi-day-chart.open{display:block}.multi-day-chart .chart-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.multi-day-chart .chart-title{font-size:11px;font-weight:700;color:#f1f5f9;text-transform:uppercase;letter-spacing:.05em}.multi-day-chart .chart-now{font-size:11px;color:#facc15;font-variant-numeric:tabular-nums;margin-left:auto}.multi-day-chart .chart-dim{font-size:10px;color:#94a3b8}.multi-day-chart svg{display:block;width:100%;height:200px}.weather-strip .wstrip-disclaimer{display:inline-block;margin-left:4px;padding:1px 6px;border:1px solid #fde68a;border-radius:10px;color:#b45309;font-size:10px;cursor:help}.weather-strip .wstrip-disclaimer:hover{background:#fde68a}.multi-day-chart .chart-now-pair{display:inline-flex;gap:10px;margin-left:auto}.multi-day-chart .chart-now-temp{color:#fb923c}.multi-day-chart.dismissable{cursor:pointer}.multi-day-chart.dismissable:hover{border-color:#ffffff4d}.multi-day-chart .chart-header-summary .chart-title{color:#facc15}.multi-day-chart .chart-close-hint{margin-left:auto;color:#94a3b8;font-size:10px;font-style:italic}.multi-day-chart .chart-stats{display:flex;flex-wrap:wrap;gap:4px 0;padding:4px 2px 8px;font-size:11px;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:6px;line-height:1.6}.multi-day-chart .chart-stats strong{color:#fef3c7;font-weight:700;font-variant-numeric:tabular-nums}.multi-day-chart .chart-stats .sum-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:9px;margin-right:3px}.multi-day-chart .chart-loading{color:#cbd5e1;font-size:12px;text-align:center;padding:30px 0 36px;line-height:1.6}.heat-date-group .date-sep{color:#9ca3af;font-size:13px;padding:0 2px}.landing-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1736;z-index:250;display:none;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.landing-backdrop.open{display:flex}.landing-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.landing-scene+.landing{position:relative;z-index:1}.landing{width:100%;max-width:760px;color:#f1f5f9;padding:28px 20px 24px;text-shadow:0 1px 16px rgba(0,0,0,.5)}.landing-brand{text-align:center;margin-bottom:22px}.landing-logo{font-size:48px;margin-bottom:4px;line-height:1;filter:drop-shadow(0 4px 16px rgba(0,0,0,.35))}.landing-title{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:4px}.landing-tagline{font-size:13px;color:#cbd5e1;margin-top:6px}.landing-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:28px}.landing-tiles-2col{grid-template-columns:1.3fr 1fr}.landing-tiles-2col:has(#landingContinueBtn[hidden]){grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.landing-tile{background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:22px 22px 20px;text-align:left;cursor:pointer;color:#f1f5f9;font-family:inherit;transition:background .15s,border-color .15s,transform .05s,box-shadow .2s;text-shadow:none;box-shadow:0 12px 32px -12px #0000008c}.landing-tile:hover{background:#0f172ab8;border-color:#ffffff59;transform:translateY(-2px)}.landing-tile:active{transform:translateY(1px)}.landing-tile.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#60a5fa99;box-shadow:0 18px 48px -12px #2563eb8c,0 0 0 1px #60a5fa40 inset}.landing-tile.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 22px 56px -10px #2563ebb3,0 0 0 1px #93c5fd66 inset;border-color:#93c5fdb3}.landing-tile[hidden]{display:none}.landing-tile-icon{font-size:22px;margin-bottom:10px;opacity:.95}.landing-tile-icon-large{font-size:36px;line-height:1;margin-bottom:14px;opacity:.95;font-weight:200}.new-camp-anim{width:100%;height:auto;max-height:150px;margin-bottom:16px;display:block}.anim-plot{animation:nc-draw-plot .7s ease-out forwards}.anim-item{opacity:0;transform-origin:center;transform-box:fill-box;animation:nc-pop .35s cubic-bezier(.22,1.4,.36,1) var(--d, .7s) forwards}.anim-heat{animation:nc-heat .9s ease-in-out 2s forwards}.anim-cable{animation:nc-cable .55s ease-out 2.4s forwards}.anim-source{animation:nc-pop .35s cubic-bezier(.22,1.4,.36,1) 2.2s forwards}.anim-source-pulse{animation:nc-pulse 1.2s ease-out 2.55s forwards}@keyframes nc-draw-plot{to{stroke-dashoffset:0}}@keyframes nc-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes nc-heat{0%{opacity:0}45%{opacity:1}to{opacity:0}}@keyframes nc-cable{to{stroke-dashoffset:0}}@keyframes nc-pulse{0%{opacity:.9;r:5}to{opacity:0;r:18}}@media (prefers-reduced-motion: reduce){.anim-plot{stroke-dashoffset:0!important;animation:none!important}.anim-item,.anim-source{opacity:1!important;transform:none!important;animation:none!important}.anim-cable{stroke-dashoffset:0!important;animation:none!important}.anim-heat,.anim-source-pulse{display:none!important}}.landing-tile-title{font-size:15px;font-weight:700;margin-bottom:4px}.landing-tile-sub{font-size:12px;color:#cbd5e1;line-height:1.4}.landing-tile.primary .landing-tile-title{font-size:17px}.landing-tile.primary .landing-tile-sub{color:#ffffffd9}.landing-tile-hero{min-height:220px;display:flex;flex-direction:column}.landing-tile-hero.primary{align-items:flex-start;justify-content:center}.landing-tile-header{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.landing-tile-header .landing-tile-icon{margin-bottom:0}.landing-tile-titlewrap{flex:1;min-width:0}.landing-tile-titlewrap .landing-tile-title{font-size:16px}.landing-tile-thumb{background:#00000026;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.landing-tile-thumb svg{width:100%;height:100%;display:block}.landing-tile-thumb:empty{display:none}.landing-tile-thumb-large{flex:1;min-height:130px;margin-top:4px}.landing-recents{margin-top:4px}.landing-recents-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.landing-recents-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:600}.landing-recents-expand{background:transparent;border:0;color:#93c5fd;font-size:12px;cursor:pointer;font-family:inherit;padding:2px 8px;border-radius:4px}.landing-recents-expand:hover{color:#f1f5f9;background:#ffffff14}.landing-recents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.landing-recent{padding:0;background:#0f172a80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;font-family:inherit;color:#f1f5f9;text-align:left;transition:background .15s,border-color .15s,transform .05s;text-shadow:none;display:flex;flex-direction:column;overflow:hidden}.landing-recent:hover{background:#0f172ab3;border-color:#ffffff4d;transform:translateY(-1px)}.landing-recent-thumb{width:100%;height:100px;flex-shrink:0;background:#ffffff0a;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}.landing-recent-thumb svg{width:100%;height:100%;display:block}.landing-recent-thumb:empty{display:none}.landing-recent-body{flex:1;padding:10px 12px 12px;min-width:0}.landing-recent-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin-bottom:4px;line-height:1.3}.landing-recent-name span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.landing-recent-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:9px;border-radius:50%;flex-shrink:0}.landing-recent-badge.cloud{background:#22c55e40;color:#86efac}.landing-recent-badge.local{background:#ffffff1f;color:#cbd5e1}.landing-recent-meta{font-size:11px;color:#94a3b8}.landing-footer{margin-top:36px;text-align:center}.landing-skip{background:transparent;border:0;color:#94a3b8;font-size:12px;cursor:pointer;font-family:inherit;padding:6px 12px;border-radius:4px}.landing-skip:hover{color:#f1f5f9;background:#ffffff0d}.library-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:260;display:none;align-items:center;justify-content:center;padding:20px}.library-backdrop.open{display:flex}.library{background:#fff;border-radius:10px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:540px;max-height:80vh;display:flex;flex-direction:column;font-family:inherit}.library-header{display:flex;align-items:center;padding:18px 22px;border-bottom:1px solid #f3f4f6}.library-title{font-size:16px;font-weight:700;color:#111;flex:1}.library-close{background:transparent;border:0;font-size:22px;line-height:1;color:#9ca3af;cursor:pointer;padding:4px 8px;border-radius:4px}.library-close:hover{background:#f3f4f6;color:#111}.library-body{padding:14px 18px;overflow-y:auto;flex:1;min-height:100px}.library-empty{text-align:center;color:#6b7280;padding:40px 0;font-size:13px;line-height:1.6}.library-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:6px;cursor:pointer;transition:background .1s;border:1px solid transparent}.library-item:hover{background:#f9fafb;border-color:#e5e7eb}.library-item-main{flex:1;min-width:0}.library-item-name{font-size:13px;font-weight:600;color:#111;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-item-meta{font-size:11px;color:#6b7280}.library-item-actions{display:flex;gap:4px;flex-shrink:0}.library-item-actions button{padding:4px 9px;font-size:11px;border:1px solid #e5e7eb;background:#fff;border-radius:4px;cursor:pointer;color:#374151;font-family:inherit}.library-item-actions button:hover{background:#f3f4f6}.library-item-actions .danger{color:#b91c1c}.library-item-actions .danger:hover{background:#fef2f2;border-color:#fecaca}.library-footer{display:flex;gap:8px;padding:14px 18px;border-top:1px solid #f3f4f6;align-items:center}.library-footer button{padding:7px 14px;font-size:12px;border:1px solid #d1d5db;border-radius:5px;background:#fff;cursor:pointer;color:#374151;font-family:inherit;font-weight:500}.library-footer button.primary{background:#111;color:#fff;border-color:#111}.library-spacer{flex:1}.resize-handle{fill:#2563eb;stroke:#fff;stroke-width:1.5}.resize-handle-g[data-corner=nw],.resize-handle-g[data-corner=se]{cursor:nwse-resize}.resize-handle-g[data-corner=ne],.resize-handle-g[data-corner=sw]{cursor:nesw-resize}.resize-handle-g:hover .resize-handle{fill:#1d4ed8}.snap-line{stroke:#2563eb;stroke-width:1;stroke-dasharray:3,2;pointer-events:none;opacity:.7}.door-row{display:flex;gap:2px;align-items:center}.door-row .lbl{font-size:10px;color:#6b7280;margin-right:4px}.door-row button{width:20px;height:18px;padding:0;font-size:9px;border:1px solid #d1d5db;background:#fff;border-radius:3px;cursor:pointer;line-height:1;font-family:inherit;color:#6b7280}.door-row button:hover{background:#f3f4f6;color:#111}.door-row button.active{background:#16a34a;color:#fff;border-color:#15803d}.door-row button.door-cycle{width:auto;min-width:70px;padding:0 8px;font-size:10px;font-weight:500}.door-row button.door-cycle.active{background:#dcfce7;color:#15803d;border-color:#86efac}.door-row button.door-cycle.active:hover{background:#bbf7d0}.add-btn{width:100%;padding:8px;border:1px dashed #d1d5db;background:transparent;color:#6b7280;border-radius:4px;cursor:pointer;font-size:12px;margin-top:6px;font-family:inherit}.add-btn:hover{background:#f9fafb;color:#111;border-color:#9ca3af}.add-form{padding:10px;background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;margin-top:6px;display:none;flex-direction:column;gap:6px}.add-form.open{display:flex}.add-form input[type=text],.add-form select{padding:5px 7px;border:1px solid #d1d5db;border-radius:3px;font-size:12px;font-family:inherit;width:100%;background:#fff;color:#111}.add-form .dim-row{display:flex;gap:4px;align-items:center;font-size:11px;color:#6b7280}.add-form .dim-row input{width:56px;padding:4px 6px;border:1px solid #d1d5db;border-radius:3px;font-size:12px;text-align:center;font-family:inherit}.add-form .actions{display:flex;gap:6px;justify-content:flex-end;margin-top:2px}.add-form .actions button{padding:4px 10px;font-size:11px}.add-form .actions button.primary{background:#111;color:#fff;border-color:#111}.canvas-wrap{position:relative;overflow:auto;padding:16px;background:#f9fafb;display:flex;align-items:flex-start;justify-content:center}.canvas-inner{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:12px}svg.planner{display:block;touch-action:none;max-width:none}.help{font-size:11px;color:#4b5563;line-height:1.5}.help kbd{background:#f3f4f6;padding:1px 5px;border-radius:3px;font-family:ui-monospace,monospace;font-size:10px;border:1px solid #e5e7eb}.help p{margin:4px 0}.stats{font-size:11px;color:#4b5563}.stats .row{display:flex;justify-content:space-between;padding:2px 0}.stats .row.warn{color:#b91c1c;font-weight:600}.stats .row.ok{color:#16a34a}.sun-panel{padding:8px;background:#fef3c7;border:1px solid #fde68a;border-radius:4px;font-size:11px;line-height:1.4}.sun-panel strong{color:#92400e}.item-rect{cursor:grab}.item-rect:active{cursor:grabbing}.item-rect.selected{stroke:#2563eb;stroke-width:3}.item-rect.outside{stroke:#dc2626;stroke-width:2.5;stroke-dasharray:5,4}.item-rect.dimmed{opacity:.18}.item-label{pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:600;text-anchor:middle;dominant-baseline:middle}.item-label-dim{pointer-events:none;-webkit-user-select:none;user-select:none;text-anchor:middle;dominant-baseline:middle;fill:#555}.item-label.dimmed,.item-label-dim.dimmed{opacity:.35}.rotate-handle{cursor:pointer}.rotate-handle circle{fill:#fff;stroke:#374151;stroke-width:1}.rotate-handle:hover circle{fill:#fef3c7;stroke:#92400e}.rotate-handle text{font-size:11px;font-weight:700;fill:#374151;text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;user-select:none}.grid-line{stroke:#e5e7eb;stroke-width:.5}.grid-major{stroke:#cbd5e1;stroke-width:.8}.plot-outline{fill:none;stroke:#111;stroke-width:2.5}.shade-arrow{stroke:#f59e0b;stroke-width:3;fill:#f59e0b;opacity:.6;pointer-events:none}.compass-bg{fill:#fff;stroke:#d1d5db}.compass-text{font-size:11px;font-weight:700}.sidebar.collapsed .item-list li{padding:5px 8px;cursor:default;border-color:transparent;background:transparent;flex-direction:row;align-items:center;gap:8px}.sidebar.collapsed .item-list li:hover{background:#f9fafb}.sidebar.collapsed .item-list .name{cursor:default;padding:0}.sidebar.collapsed .item-list .name:hover{background:transparent}.sidebar.collapsed .dim-static{color:#6b7280;font-size:11px;font-variant-numeric:tabular-nums;margin-left:auto;flex-shrink:0}.sidebar.collapsed .dim-inputs,.sidebar.collapsed .layer-btns,.sidebar.collapsed .delete-btn,.sidebar.collapsed .door-row,.sidebar.collapsed .add-btn,.sidebar.collapsed .add-form,.sidebar.collapsed .help,.sidebar.collapsed .help-h{display:none}#boot{position:fixed;top:12px;left:12px;right:12px;padding:12px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:13px;border-radius:6px;z-index:99;display:none;white-space:pre-wrap;font-family:ui-monospace,monospace}#boot.show{display:block}.shape-palette{display:inline-flex;gap:2px;padding:2px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb}.shape-palette .shape-btn{padding:4px 8px;font-size:14px;line-height:1;background:transparent;border:none;cursor:pointer;border-radius:3px;color:#374151}.shape-palette .shape-btn:hover{background:#e0e7ff;color:#1e3a8a}.cloud-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.02em}.cloud-status.synced{background:#d1fae5;color:#065f46}.cloud-status.saving{background:#fef3c7;color:#92400e}.cloud-status.readonly{background:#e0e7ff;color:#3730a3}.cloud-status.offline{background:#fee2e2;color:#991b1b}.cloud-status.disabled{background:#f3f4f6;color:#6b7280}.snap-toggle{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#4b5563;padding:4px 8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.snap-toggle input{margin:0;cursor:pointer}body.polish-mode .rotate-handle,body.polish-mode .resize-handle-g,body.polish-mode .vertex-handle-g,body.polish-mode .edge-hit,body.polish-mode .ruler-tick{display:none!important}body.polish-mode .item-edge-label text,body.polish-mode .plot-edge-label .edge-label{font-weight:600;fill:#1f2937}body.polish-mode .item-edge-label rect,body.polish-mode .plot-edge-label .edge-label-bg{fill:#fff;stroke:#9ca3af;stroke-width:.6}body.polish-mode .item-rect.selected{stroke-width:1.4!important;stroke:#111!important}body.polish-mode .grid-line{display:none!important}body.polish-mode .grid-major{stroke:#eef2f7!important;stroke-width:.4!important}body.polish-mode #polishBtn{background:#fef3c7;border-color:#f59e0b;color:#92400e}#polishBtn{font-weight:600}body.heatmap-mode #heatmapBtn{background:#fee2e2;border-color:#ef4444;color:#991b1b}body:not(.shade-view) #shadeImpactBtn,body:not(.heatmap-mode) #shadeImpactBtn{display:none}body.shade-heat-impact #shadeImpactBtn{background:#fef3c7;border-color:#f59e0b;color:#92400e}.measure-vertex{fill:#2563eb;stroke:#fff;stroke-width:1.5}.measure-edge-label rect,.measure-area-label rect{fill:#fff;stroke:#2563eb;stroke-width:1}.measure-edge-label text,.measure-area-label text{fill:#1d4ed8;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.measure-area-label text{font-weight:700}#shareUrlBtn,#exportBtn,#importBtn,#powerBtn,#addPowerBtn,#drawCableBtn{display:none}.sidebar-power-actions{margin:0 0 12px;padding:10px 12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px}.sidebar-power-btn{width:100%;padding:8px 12px;font-size:12px;font-weight:600;background:#f59e0b;color:#fff;border:1px solid #d97706;border-radius:5px;cursor:pointer}.sidebar-power-btn:hover{background:#d97706}.sidebar-power-hint{font-size:11px;color:#92400e;margin:8px 0 0;line-height:1.5}.sidebar-power-hint strong{color:#b45309}#homeBtn,#newCampBtn,#saveLayoutBtn,#libraryBtn,#resetBtn{display:none}.header-left{display:inline-flex;align-items:center;gap:6px;margin-right:6px}.home-btn{padding:6px 12px;font-size:12px;font-weight:600;border:1px solid #d1d5db;background:#fff;border-radius:5px;cursor:pointer;color:#111}.home-btn:hover{background:#f3f4f6;border-color:#9ca3af}.menu-wrap{position:relative;display:inline-block}.menu-btn{padding:6px 11px;font-size:12px;font-weight:600;border:1px solid #d1d5db;background:#fff;border-radius:5px;cursor:pointer;color:#111}.menu-btn:hover{background:#f3f4f6;border-color:#9ca3af}.menu-popover{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 24px #0000001f;padding:4px;display:none;z-index:80}.menu-popover.open{display:block}.menu-popover button{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;font-size:12px;border:0;background:transparent;color:#111;border-radius:4px;cursor:pointer;text-align:left;font-family:inherit}.menu-popover button:hover{background:#f3f4f6}.menu-popover button.danger{color:#b91c1c}.menu-popover button.danger:hover{background:#fef2f2}.menu-popover .menu-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;font-size:13px;opacity:.85}.menu-popover .menu-sep{height:1px;background:#f3f4f6;margin:4px 2px}.account-wrap{position:relative;display:inline-block;margin-left:4px}.account-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;border:1px solid #d1d5db;background:#fff;border-radius:18px;cursor:pointer;color:#111;min-height:30px}.account-btn:hover{background:#f3f4f6;border-color:#9ca3af}.account-btn.signed-in{padding:3px;border-radius:50%;min-height:32px;min-width:32px}.account-btn.signed-in .account-icon-signedout{display:none}.account-btn.signed-in .account-avatar{display:block;width:26px;height:26px;border-radius:50%}.account-popover{position:absolute;top:calc(100% + 4px);right:0;min-width:220px;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 24px #0000001f;padding:4px;display:none;z-index:80}.account-popover.open{display:block}.account-popover .account-info{padding:9px 12px 4px}.account-popover .account-name{font-size:13px;font-weight:700;color:#111}.account-popover .account-email{font-size:11px;color:#6b7280;margin-top:2px}.account-popover button{display:flex;align-items:center;gap:10px;width:100%;padding:7px 12px;font-size:12px;border:0;background:transparent;color:#111;border-radius:4px;cursor:pointer;text-align:left;font-family:inherit}.account-popover button:hover{background:#f3f4f6}.account-popover .menu-sep{height:1px;background:#f3f4f6;margin:4px 2px}.landing-auth-strip{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 auto 28px;min-height:38px;flex-wrap:wrap}.landing-auth-strip:empty{display:none}.landing-signin-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:600;background:#fff;color:#1f2937;border:0;border-radius:19px;cursor:pointer;font-family:inherit;box-shadow:0 2px 10px #0000002e;transition:transform .05s,box-shadow .15s;text-shadow:none}.landing-signin-pill:hover{box-shadow:0 4px 14px #0000003d}.landing-signin-pill:active{transform:translateY(1px)}.landing-signin-pill .g-logo{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc04 66%,#ea4335);color:#fff;font-weight:800;font-size:12px}.landing-auth-hint{color:#cbd5e1;font-size:12px;text-shadow:none}.landing-auth-welcome{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 4px;background:#0f172a73;border:1px solid rgba(255,255,255,.15);border-radius:18px;color:#f1f5f9;text-shadow:none}.landing-auth-welcome img{width:24px;height:24px;border-radius:50%;flex-shrink:0}.landing-auth-welcome span{font-size:12px;color:#cbd5e1;padding-right:4px}.landing-auth-welcome strong{color:#f1f5f9}.landing-signout-pill{padding:3px 10px;font-size:11px;font-weight:500;background:#ffffff14;color:#f1f5f9;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;font-family:inherit;text-shadow:none;transition:background .1s,border-color .1s}.landing-signout-pill:hover{background:#ffffff2e;border-color:#fff6}.migrate-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;z-index:240;display:none;align-items:center;justify-content:center;padding:20px}.migrate-backdrop.open{display:flex}.migrate-modal{background:#fff;border-radius:10px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:440px;display:flex;flex-direction:column;font-family:inherit}.migrate-header{padding:18px 22px 6px}.migrate-title{font-size:16px;font-weight:700;color:#111}.migrate-body{padding:6px 22px 14px;font-size:13px;color:#374151;line-height:1.55}.migrate-body p{margin:8px 0}.migrate-body .migrate-hint{color:#6b7280;font-size:12px}.migrate-footer{display:flex;gap:8px;padding:12px 18px;border-top:1px solid #f3f4f6;align-items:center}.migrate-footer button{padding:7px 14px;font-size:12px;border:1px solid #d1d5db;border-radius:5px;background:#fff;cursor:pointer;color:#374151;font-family:inherit;font-weight:500}.migrate-footer button.primary{background:#2563eb;color:#fff;border-color:#1d4ed8}.migrate-footer button.primary:hover{background:#1d4ed8}.library-item .library-synced-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#dcfce7;color:#166534;border-radius:8px}.library-item .library-local-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#f3f4f6;color:#6b7280;border-radius:8px}.library-loading{padding:24px;text-align:center;color:#6b7280;font-size:12px}body.boot-pending{visibility:hidden}.library-item-actions .sync-cloud{color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff}.library-item-actions .sync-cloud:hover{background:#dbeafe}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:#111;color:#fff;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;box-shadow:0 10px 30px -10px #00000080;z-index:300;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:80vw}#toast.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}#playBanner{position:fixed;top:0;left:0;right:0;padding:8px 14px;background:#fef3c7;color:#78350f;border-bottom:1px solid #fde68a;font-size:12px;text-align:center;z-index:250}#measureHint,#cableDrawHint{position:fixed;top:64px;left:50%;transform:translate(-50%);background:#0f172aeb;color:#f1f5f9;padding:8px 14px;border-radius:6px;font-size:11px;z-index:90;display:none;box-shadow:0 8px 24px #0000004d}#measureHint.show,#cableDrawHint.show{display:block}@media (max-width: 768px){.landing{padding:16px!important}.landing-brand{margin-bottom:18px}.landing-brand h1{font-size:30px!important;margin:8px 0 6px!important}.landing-brand p{font-size:13px!important;padding:0 8px}.landing-tiles,.landing-tiles-2col{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:18px!important}.landing-tile{padding:14px!important}.landing-tile-hero{min-height:0!important}.landing-tile-title{font-size:14px!important}.landing-tile-sub{font-size:11px!important}.landing-tile-thumb-large{min-height:90px!important}.landing-recents-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.landing-recent-thumb{height:70px!important}.landing-auth-strip{flex-wrap:wrap;justify-content:center;gap:6px}.landing-auth-hint{font-size:11px!important;padding:0 12px;text-align:center}.landing-art{transform:scale(.7);transform-origin:bottom center}.library-modal{width:calc(100vw - 24px)!important;max-width:none!important;max-height:calc(100vh - 60px)!important}.library-item{flex-direction:column;align-items:stretch!important;gap:10px;padding:10px!important}.library-item-actions{display:flex;gap:6px;justify-content:flex-start;flex-wrap:wrap}.library-item-actions button{flex:1 1 auto;padding:8px 6px!important;min-width:64px}.library-header{padding:14px 16px!important}.library-footer{padding:10px 12px!important;flex-wrap:wrap;gap:8px}.wizard-modal{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100vh - 40px)!important}}body.is-mobile header,body.is-mobile .sidebar,body.is-mobile .rightbar,body.is-mobile #measureHint,body.is-mobile #cableDrawHint{display:none!important}body.is-mobile .app{grid-template-columns:1fr!important;grid-template-rows:1fr!important;height:100vh!important}body.is-mobile .main{grid-template-columns:1fr!important}body.is-mobile .canvas-wrap{padding:8px 8px 140px!important;justify-content:flex-start!important;align-items:flex-start!important;overflow:auto!important;-webkit-overflow-scrolling:touch}body.is-mobile .canvas-inner{padding:6px!important}body.is-mobile #canvas{touch-action:pan-x pan-y pinch-zoom;max-width:none!important}body.is-mobile #canvas *{pointer-events:none!important;cursor:default!important}#mobileEditorBanner{position:fixed;left:0;right:0;bottom:0;background:#0f172af5;color:#f1f5f9;padding:14px 16px 18px;text-align:center;border-top:1px solid rgba(255,255,255,.12);font-size:13px;line-height:1.45;z-index:400;display:none;flex-direction:column;gap:6px;align-items:center;box-shadow:0 -8px 24px #00000059}#mobileEditorBanner.show{display:flex}#mobileEditorBanner strong{color:#fff;font-size:14px}#mobileEditorBanner span{color:#cbd5e1;font-size:12px;max-width:340px}#mobileEditorBanner .mobile-banner-actions{display:flex;gap:8px;margin-top:6px}#mobileEditorBanner button{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}#mobileEditorBanner button:active{background:#2563eb}