.drawingViewer[data-v-52a5d936]{display:grid;gap:.75rem;min-height:0}.drawingViewerToolbar[data-v-52a5d936]{display:flex;gap:.5rem;justify-content:flex-end}.viewerAction[data-v-52a5d936]{border:1px solid var(--border-input);background:var(--surface-button);color:var(--app-text);border-radius:999px;min-width:3rem;min-height:3rem}.drawingStage[data-v-52a5d936]{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-52a5d936]{position:absolute;left:50%;top:50%;transform-origin:center center}.drawingCanvas[data-v-52a5d936]{position:relative}.drawingBackground[data-v-52a5d936]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.drawingBackgroundCanvas[data-v-52a5d936]{object-fit:fill}.componentHotspot[data-v-52a5d936]{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-52a5d936]:before{content:"";position:absolute;inset:-.35rem;border-radius:999px;border:2px solid transparent;background:#ffffff05;pointer-events:none}.componentImage[data-v-52a5d936]{width:100%;height:100%;object-fit:contain;pointer-events:none}.componentCheckpointCount[data-v-52a5d936]{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}.componentLabel[data-v-52a5d936]{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-52a5d936]:before{border-color:#60a5faf2;box-shadow:0 0 0 .2rem #2563eb38}.componentHotspot.selected .componentLabel[data-v-52a5d936]{background:#1d5ed8;border-color:#fff9}.componentHotspot.selected .componentCheckpointCount[data-v-52a5d936]{background:#1d4ed8}@media(max-width:980px){.drawingViewerToolbar[data-v-52a5d936]{justify-content:space-between}.drawingStage[data-v-52a5d936]{min-height:min(52vh,30rem)}.componentLabel[data-v-52a5d936]{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);--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);--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,.toolbarCard,.projectSummary,.detailPanel,.projectRail,.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,.toolbarCard,.projectSummary{padding:1rem 1.1rem}.appHeader{display:flex;justify-content:space-between;align-items:center;gap:1rem}.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,.tabBar{display:flex;gap:.75rem;flex-wrap:wrap}.summaryGrid{margin-top:1rem}.workspace{display:grid;grid-template-columns:minmax(16rem,20rem) minmax(0,1fr);gap:1rem;min-height:0}.projectRail,.detailPanel{padding:1rem;min-height:0}.projectList{display:grid;gap:.65rem;margin-top:.85rem}.listButton,.chipButton,.tabButton,.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,.tabButton,.secondaryButton{background:var(--surface-button);color:var(--app-text)}.listButton:hover,.chipButton:hover,.tabButton: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,.tabButton.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,.tabButton{padding:.7rem .95rem}.mainPanel{display:grid;gap:1rem;min-width:0;min-height:0}.drawingColumn{display:grid;gap:.85rem;min-width: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}.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 .projectRail{order:2}.workspace.projectLoaded .mainPanel{order:1}.shell{padding:.8rem .8rem 7rem}.settingsDialogBackdrop{padding:.75rem}.settingsDialog{width:100%}.appHeader{align-items:flex-start;flex-direction:column}.headerActions,.toolbarActions,.pagePicker,.tabBar{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.1rem}.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;transform:translateY(calc(100% - 4.5rem));transition:transform .18s ease}.componentEditor.mobileSheetOpen,.cableEditor.mobileSheetOpen{transform:translateY(0)}.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}}