.drawingViewer[data-v-76ed0259]{position:relative;display:grid;gap:.75rem;min-height:0}.drawingViewerControls[data-v-76ed0259]{display:flex;gap:.5rem;justify-content:flex-end}.viewerAction[data-v-76ed0259]{border:1px solid var(--border-input);background:var(--surface-button);color:var(--app-text);border-radius:999px;min-width:3rem;min-height:3rem;padding:0 1rem;font:inherit;font-weight:700;box-shadow:var(--shadow)}.viewerAction.active[data-v-76ed0259]{border-color:#60a5fae6;background:#1d4ed8;color:#fff}.drawingStage[data-v-76ed0259]{position:relative;min-height:min(62vh,42rem);overflow:hidden;border-radius:1.25rem;background:linear-gradient(180deg,var(--surface-button),var(--surface)),radial-gradient(circle at top,rgba(44,120,255,.16),transparent 38%);border:1px solid var(--border-button);touch-action:none}.drawingViewport[data-v-76ed0259]{position:absolute;left:50%;top:50%;transform-origin:center center}.drawingCanvas[data-v-76ed0259]{position:relative}.drawingCanvas.measuring .componentHotspot[data-v-76ed0259]{pointer-events:none}.drawingBackground[data-v-76ed0259]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.drawingBackgroundCanvas[data-v-76ed0259]{object-fit:fill;image-rendering:auto}.componentHotspot[data-v-76ed0259]{position:absolute;left:50%;top:50%;display:grid;place-items:center;padding:0;border:none;background:transparent;cursor:pointer;touch-action:manipulation}.componentHotspot[data-v-76ed0259]:before{content:"";position:absolute;inset:-.35rem;border-radius:999px;border:2px solid transparent;background:#ffffff05;pointer-events:none}.componentImage[data-v-76ed0259]{width:100%;height:100%;object-fit:contain;pointer-events:none}.componentCheckpointCount[data-v-76ed0259]{position:absolute;top:-.45rem;right:-.45rem;min-width:1.35rem;height:1.35rem;display:grid;place-items:center;padding:0 .2rem;border-radius:999px;background:#0f172a;color:#f8fafc;border:1px solid rgba(255,255,255,.72);font-size:.72rem;font-weight:700;line-height:1;box-shadow:0 8px 18px #0f172a47;pointer-events:none}.componentCheckpointCount.complete[data-v-76ed0259]{background:#15803d}.componentLabel[data-v-76ed0259]{position:absolute;left:50%;top:calc(100% + .25rem);transform:translate(-50%);padding:.125rem .45rem;border-radius:999px;background:var(--surface-input);color:var(--app-text);font-size:.68rem;white-space:nowrap;border:1px solid var(--border-input)}.componentHotspot.selected[data-v-76ed0259]:before{border-color:#60a5faf2;box-shadow:0 0 0 .2rem #2563eb38}.componentHotspot.selected .componentLabel[data-v-76ed0259]{background:#1d5ed8;border-color:#fff9}.componentHotspot.selected .componentCheckpointCount[data-v-76ed0259]{background:#1d4ed8}.measureOverlay[data-v-76ed0259]{position:absolute;inset:0;z-index:3;overflow:visible;pointer-events:none}.measureLine[data-v-76ed0259]{stroke:#ef4444;stroke-width:4;vector-effect:non-scaling-stroke;stroke-linecap:round}.measurePoint[data-v-76ed0259]{fill:#fff;stroke:#ef4444;stroke-width:4;vector-effect:non-scaling-stroke}.measureDistanceLabel[data-v-76ed0259]{position:absolute;z-index:4;transform:translate(-50%,calc(-100% - .55rem));padding:.28rem .55rem;border-radius:999px;background:#111827;color:#fff;border:1px solid rgba(255,255,255,.72);font-size:.78rem;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 8px 20px #0f172a4d;pointer-events:none}@media(max-width:980px){.drawingViewer[data-v-76ed0259]{height:100%;min-height:100%}.drawingViewerControls[data-v-76ed0259]{position:absolute;right:calc(env(safe-area-inset-right,0px) + .75rem);bottom:calc(env(safe-area-inset-bottom,0px) + .85rem);z-index:4;flex-direction:column;align-items:flex-end}.drawingStage[data-v-76ed0259]{height:100%;min-height:100%;border:0;border-radius:0}.componentLabel[data-v-76ed0259]{font-size:.76rem;padding:.2rem .55rem}}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--app-bg: radial-gradient(circle at top, rgba(38, 99, 235, .2), transparent 36%), linear-gradient(180deg, #0b1220 0%, #101926 50%, #0f1724 100%);--app-text: #edf3fb;--muted-text: #9fb2c9;--surface: rgba(10, 16, 28, .78);--surface-soft: rgba(16, 25, 39, .62);--surface-input: rgba(8, 14, 25, .76);--surface-check: rgba(8, 14, 25, .58);--surface-history: rgba(8, 14, 25, .56);--surface-button: rgba(19, 32, 51, .8);--surface-button-hover: rgba(30, 48, 74, .92);--border: rgba(92, 123, 164, .22);--border-soft: rgba(95, 126, 167, .18);--border-input: rgba(95, 126, 167, .28);--border-button: rgba(95, 126, 167, .24);--shadow: 0 20px 60px rgba(0, 0, 0, .24);--active-border: rgba(141, 182, 255, .64);--active-fill: linear-gradient(180deg, #1d4ed8, #1e3a8a);--active-page-text: #f8fbff;--primary-fill: linear-gradient(180deg, #2563eb, #1d4ed8);--primary-text: #f8fbff;--error-text: #fca5a5;--info-bg: rgba(37, 99, 235, .16);--info-border: rgba(96, 165, 250, .28);--history-text: #d7e3f4;background:var(--app-bg);color:var(--app-text)}:root[data-theme=light]{color-scheme:light;--app-bg: radial-gradient(circle at top, rgba(251, 191, 36, .22), transparent 34%), linear-gradient(180deg, #fffdf7 0%, #f6f1e4 45%, #ece5d3 100%);--app-text: #172033;--muted-text: #5c6d84;--surface: rgba(255, 251, 243, .88);--surface-soft: rgba(255, 249, 239, .92);--surface-input: rgba(255, 255, 255, .94);--surface-check: rgba(250, 244, 233, .94);--surface-history: rgba(252, 248, 240, .96);--surface-button: rgba(255, 248, 235, .94);--surface-button-hover: rgba(247, 236, 214, .98);--border: rgba(125, 105, 62, .2);--border-soft: rgba(125, 105, 62, .16);--border-input: rgba(125, 105, 62, .28);--border-button: rgba(125, 105, 62, .24);--shadow: 0 18px 50px rgba(86, 67, 33, .12);--active-border: rgba(164, 112, 0, .38);--active-fill: linear-gradient(180deg, #f1c15b, #d8a037);--active-page-text: #172033;--primary-fill: linear-gradient(180deg, #d6a03a, #b07a20);--primary-text: #fffaf1;--error-text: #b42318;--info-bg: rgba(214, 160, 58, .12);--info-border: rgba(176, 122, 32, .22);--history-text: #30425e}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100vh;background:var(--app-bg);color:var(--app-text)}button,input,textarea,select{font:inherit}.shell{min-height:100vh;padding:1rem;display:grid;gap:1rem}.appHeader,.projectSummary,.detailPanel,.projectRail,.projectMenuPanel,.stateCard{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:1.4rem;box-shadow:var(--shadow)}.appHeader,.projectSummary{padding:1rem 1.1rem}.appHeader{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-right:7.2rem}.appHeader h1,.projectSummary h2,.stateCard h2,.cardHeader h2,.cardHeader h3,.cardHeader h4{margin:0}.eyebrow,.toolbarLabel,.metaText,.fieldLabel{color:var(--muted-text);font-size:.82rem}.toolbarValue{font-size:1rem;font-weight:600}.headerActions,.toolbarActions,.summaryGrid,.pagePicker{display:flex;gap:.75rem;flex-wrap:wrap}.summaryGrid{margin-top:1rem}.summaryPage{align-content:start;min-height:min(30rem,calc(100dvh - 8rem))}.summaryPage .summaryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.workspace{display:grid;grid-template-columns:minmax(16rem,20rem) minmax(0,1fr);gap:1rem;min-height:0}.workspace.projectLoaded{grid-template-columns:minmax(0,1fr)}.projectRail,.projectMenuPanel,.detailPanel{padding:1rem;min-height:0}.floatingTopActions{position:fixed;top:calc(env(safe-area-inset-top,0px) + .85rem);right:calc(env(safe-area-inset-right,0px) + .85rem);z-index:35;display:flex;gap:.55rem;flex-wrap:nowrap}.floatingIconButton{width:3rem;height:3rem;display:grid;place-items:center;border-radius:999px;border:1px solid var(--border-button);background:var(--surface);color:var(--app-text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.floatingIconButton:hover{background:var(--surface-button-hover)}.floatingIconButton.active{border-color:var(--active-border);background:var(--active-fill);color:var(--primary-text)}.floatingIconBars{width:1.2rem;display:grid;gap:.22rem}.floatingIconBars span{height:.13rem;border-radius:999px;background:currentColor}.floatingSvgIcon{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.floatingSvgIcon.filledIcon{fill:currentColor;stroke:none}.projectMenuBackdrop{position:fixed;inset:0;z-index:38;display:grid;justify-items:end;align-items:start;padding:calc(env(safe-area-inset-top,0px) + 4.3rem) .9rem .9rem;background:#060a1257}.projectMenuPanel{width:min(100%,24rem);max-height:min(78vh,42rem);overflow:auto}.projectRefreshButton{justify-self:stretch}.projectList{display:grid;gap:.65rem;margin-top:.85rem}.listButton,.chipButton,.primaryButton,.secondaryButton{border-radius:1rem;border:1px solid var(--border-button);transition:border-color .12s ease,background-color .12s ease,transform .12s ease,box-shadow .12s ease}.listButton,.chipButton,.secondaryButton{background:var(--surface-button);color:var(--app-text)}.listButton:hover,.chipButton:hover,.secondaryButton:hover,.primaryButton:hover{background:var(--surface-button-hover);box-shadow:0 10px 24px #1923331f}.listButton{text-align:left;display:grid;gap:.2rem;padding:.85rem .95rem}.listButton small{color:var(--muted-text)}.inlineCheckpointRow{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.2rem}.miniCheckpoint{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted-text);font-size:.82rem}.miniCheckpoint input{width:1rem;height:1rem;margin:0}.listButton.active,.chipButton.active{border-color:var(--active-border);background:var(--active-fill);color:var(--primary-text)}.primaryButton{background:var(--primary-fill);color:var(--primary-text);padding:.8rem 1rem}.secondaryButton,.chipButton{padding:.7rem .95rem}.mainPanel{display:grid;gap:1rem;min-width:0;min-height:0}.drawingColumn{display:grid;gap:.85rem;min-width:0}.systemFilterBlock{gap:.85rem}.systemFilterDropdown{display:grid;gap:.65rem}.systemFilterSummary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem .95rem;border-radius:1rem;border:1px solid var(--border-button);background:var(--surface-button);color:var(--app-text);cursor:pointer}.systemFilterSummary::-webkit-details-marker{display:none}.systemFilterMenu{display:grid;gap:.55rem;padding:.2rem .1rem 0}.systemFilterOption{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.65rem .75rem;border-radius:.9rem;border:1px solid var(--border-soft);background:var(--surface-button)}.systemFilterOption input{width:1rem;height:1rem;margin:0}.splitLayout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(19rem,24rem);gap:1rem;min-height:0}.detailBlock{display:grid;gap:.65rem;padding:.9rem;border-radius:1rem;background:var(--surface-soft);border:1px solid var(--border-soft)}.detailPanel{display:grid;gap:.85rem}.componentEditor,.cableEditor{min-width:0}.editorTopBar,.sheetBackdrop,.mobileSelectionBar{display:none}.selectionBarActions,.editorActionRow,.stickySaveBar{display:grid;gap:.65rem}.compactHeader{align-items:center}.statusGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.statusOption{min-height:3.25rem;padding:.8rem .95rem;border-radius:1rem;border:1px solid var(--border-button);background:var(--surface-button);color:var(--app-text);text-align:left}.statusOption.active{border-color:var(--active-border);background:var(--active-fill);color:var(--primary-text);box-shadow:0 10px 24px #19233324}.cardHeader{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.componentCardHeader{align-items:flex-start}.componentHeaderMeta{margin-top:.15rem}.textField,.textArea{width:100%;border-radius:.9rem;border:1px solid var(--border-input);background:var(--surface-input);color:var(--app-text);padding:.75rem .85rem}.textArea{min-height:5.4rem}.showOnDrawingButton{justify-self:start}.checkRow{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .8rem;border-radius:.9rem;background:var(--surface-check)}.checkRow input{width:1.2rem;height:1.2rem}.historyList{display:grid;gap:.7rem}.historyItem{padding:.8rem;border-radius:.95rem;background:var(--surface-history);border:1px solid var(--border-soft)}.historyTitle{font-size:.92rem;font-weight:600}.historyComment{margin-top:.35rem;color:var(--history-text)}.stateCard{max-width:28rem;margin:10vh auto 0;padding:1.4rem;display:grid;gap:1rem}.stateCard.compact{max-width:none;margin:0}.errorText{color:var(--error-text)}.infoBanner{margin:0;padding:.9rem 1rem;border-radius:1rem;background:var(--info-bg);border:1px solid var(--info-border)}.settingsDialogBackdrop{position:fixed;inset:0;z-index:40;background:#060a1261;display:grid;align-items:start;justify-items:center;padding:.9rem}.settingsDialog{width:min(100%,34rem);display:grid;gap:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.settingsCloseButton{min-height:2.8rem}.settingsSection{display:grid;gap:.65rem;padding:.9rem;border-radius:1rem;background:var(--surface-soft);border:1px solid var(--border-soft)}.settingsChoiceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.compactList{max-height:min(68vh,36rem);overflow:auto}@media(max-width:980px){.workspace,.splitLayout{grid-template-columns:1fr}.workspace.projectLoaded .mainPanel{order:1}.shell{padding:.8rem .8rem 7rem}.shell.drawingFullscreen{height:100dvh;min-height:100dvh;overflow:hidden;padding:0}.appHeader{min-height:4.4rem;padding-right:6.8rem}.shell.drawingFullscreen .appHeader,.shell.drawingFullscreen .projectSummary,.shell.drawingFullscreen .systemFilterBlock,.shell.drawingFullscreen .mobileSelectionBar{display:none}.shell.drawingFullscreen .workspace,.shell.drawingFullscreen .mainPanel,.shell.drawingFullscreen .splitLayout,.shell.drawingFullscreen .drawingColumn{height:100%;min-height:0}.shell.drawingFullscreen .workspace,.shell.drawingFullscreen .mainPanel,.shell.drawingFullscreen .splitLayout,.shell.drawingFullscreen .drawingColumn{gap:0}.shell.drawingFullscreen .drawingColumn{position:relative}.drawingPagePicker{position:fixed;left:calc(env(safe-area-inset-left,0px) + .75rem);right:calc(env(safe-area-inset-right,0px) + .75rem);top:calc(env(safe-area-inset-top,0px) + 4.2rem);z-index:34;width:auto;padding:0;overflow-x:auto;flex-wrap:nowrap}.drawingPagePicker .chipButton{min-height:2.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.drawingPagePicker .chipButton.active{border-color:var(--active-border);color:var(--active-page-text);outline:2px solid var(--active-border);outline-offset:2px}.pageButtonIcon{width:1.25rem;height:1.25rem;fill:currentColor;flex:0 0 auto}.pageButtonNumber{min-width:1ch;font-weight:700;line-height:1}.floatingTopActions{top:calc(env(safe-area-inset-top,0px) + .7rem);right:calc(env(safe-area-inset-right,0px) + .7rem)}.floatingIconButton{width:2.9rem;height:2.9rem}.projectMenuBackdrop{align-items:end;justify-items:stretch;padding:.8rem .8rem calc(env(safe-area-inset-bottom,0px) + .8rem)}.projectMenuPanel{width:100%;max-height:min(76vh,38rem);border-radius:1.35rem}.settingsDialogBackdrop{padding:.75rem}.settingsDialog{width:100%}.appHeader{align-items:flex-start;flex-direction:column}.headerActions,.toolbarActions,.pagePicker{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.1rem}.drawingPagePicker{width:auto;max-height:calc(100dvh - 8.4rem);overflow-x:visible;overflow-y:auto;flex-wrap:wrap;align-content:flex-start}.mobileSelectionBar{display:grid;gap:.85rem;padding:.95rem 1rem;border-radius:1.15rem;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.selectionBarActions,.editorActionRow{grid-template-columns:repeat(3,minmax(0,1fr))}.stickySaveBar{position:sticky;bottom:0;margin:0 -.2rem -.2rem;padding:.9rem .2rem .2rem;background:linear-gradient(180deg,rgba(11,18,32,0),var(--surface) 36%)}:root[data-theme=light] .stickySaveBar{background:linear-gradient(180deg,rgba(255,255,255,0),var(--surface) 36%)}.saveButton,.saveSecondaryButton,.navButton{min-height:3.1rem}.sheetBackdrop{display:block;position:fixed;inset:0;z-index:19;background:#060a126b}.componentEditor,.cableEditor{position:fixed;left:.8rem;right:.8rem;bottom:calc(env(safe-area-inset-bottom,0px) + .6rem);z-index:20;max-height:min(82vh,44rem);overflow:auto;border-radius:1.35rem;opacity:0;pointer-events:none;transform:translateY(calc(100% + 1rem));transition:transform .18s ease;visibility:hidden}.componentEditor.mobileSheetOpen,.cableEditor.mobileSheetOpen{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.editorTopBar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.editorHandle{width:3.2rem;height:.3rem;border-radius:999px;background:var(--border-input)}.editorCloseButton{min-height:2.8rem;padding-inline:1rem}}