:root{color:#e6edf3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0f14;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;min-height:100vh}.appRoot{--app-bg:#f7f9fc;--sidebar-bg:#fff;--panel-bg:#f8fafc;--panel-bg-strong:#eef2f7;--status-bg:#f8fafc;--button-bg:#f1f5f9;--button-hover:#e2e8f0;--button-active:#dbeafe;--input-bg:#fff;--text-color:#0f172a;--muted-text:#475569;--border-color:#0f172a1f;--input-border:#0f172a29;--shadow:0 12px 32px #0f172a14;background:var(--app-bg);height:100%;color:var(--text-color);display:flex}.sidebar{box-sizing:border-box;border-right:1px solid var(--border-color);background:var(--sidebar-bg);width:400px;color:var(--text-color);padding:12px 14px;overflow-y:auto}.headerRow{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sidebar h1{margin:0;font-size:18px}.appUnitsToggle{gap:6px;display:flex}.themeButton,.toolbar button,.modelButton,.toggleButton,.generateButton,.pitchMark,.collapsibleSummary,.paneButtonGrid button,.buttonPrimary,.buttonSecondary,.iconButton{border:1px solid var(--border-color);background:var(--button-bg);color:var(--text-color);cursor:pointer;border-radius:8px}.themeButton{min-width:42px;padding:6px 9px;font-size:12px;font-weight:600}.themeButton.active,.toggleButton.active,.pitchMark.active,.modelButton.active{background:var(--button-active);border-color:#66b7ff}.themeButton:hover,.toolbar button:hover,.modelButton:hover,.toggleButton:hover,.generateButton:hover,.pitchMark:hover,.collapsibleSummary:hover,.paneButtonGrid button:hover,.buttonPrimary:hover,.buttonSecondary:hover,.iconButton:hover{background:var(--button-hover)}.sidebarSection{border-top:1px solid var(--border-color);margin-top:16px;padding-top:12px}.compactSection{margin-top:12px;padding-top:12px}.sidebar h2{opacity:.95;margin:0 0 10px;font-size:14px}.sidebar p,.sidebar li,.sidebar span,.sidebar strong,.sidebar label,.sidebar input,.sidebar select,.sidebar button,.sidebar textarea{color:var(--text-color);font-size:14px}.smallNote{color:var(--muted-text);margin-top:8px;font-size:12px;line-height:1.45}.collapsibleSection{border:1px solid var(--border-color);background:var(--panel-bg);border-radius:10px;margin-top:14px;overflow:hidden}.collapsibleSummary{text-align:left;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-weight:600;display:flex}.chevron{transition:transform .16s}.chevron.open{transform:rotate(180deg)}.collapsibleBody{border-top:1px solid var(--border-color);padding:12px}.collapsibleSectionPane{background:0 0;margin-top:0}.collapsibleSummaryPane{border:0;border-bottom:1px solid var(--border-color);background:0 0;border-radius:0;padding:0 0 12px;font-size:15px;font-weight:700}.collapsibleSummaryPane:hover{background:0 0}.collapsibleSectionPane .collapsibleBody{border-top:0;padding:12px 0 0}.paneButtonGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.paneButtonGrid button{padding:8px 10px}.countGrid,.readoutGrid{grid-template-columns:1fr auto;gap:6px 10px;display:grid}.sceneOptionRow{color:var(--muted-text);align-items:center;gap:8px;margin:0 0 10px;font-size:12px;display:flex}.sceneOptionRow input{margin:0}.modelList,.groupList{margin:0;padding:0;list-style:none}.modelList li+li{margin-top:8px}.modelButton{text-align:left;flex-direction:column;gap:4px;width:100%;padding:10px;display:flex}.modelName,.groupName{font-weight:600}.modelCounts,.groupCounts{color:var(--muted-text);font-size:12px}.groupItem{align-items:flex-start;gap:10px;padding:6px 0;display:flex}.groupSwatch{border:1px solid var(--border-color);border-radius:4px;flex:none;width:14px;height:14px;margin-top:2px}.groupText{min-width:0}.statusBox{background:var(--status-bg);border:1px solid var(--border-color);border-radius:8px;padding:10px}.warningList,.freedomeWarningList{color:var(--text-color);margin:8px 0 0;padding-left:18px}.warningList li+li,.freedomeWarningList li+li{margin-top:6px}.viewport{background:var(--app-bg);flex:1;min-width:0;position:relative}.quickdomePanel,.freedomePanel{flex-direction:column;gap:12px;display:flex}.quickdomeHeaderRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.freedomeHeaderCopy{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.previewToggle{align-items:center;gap:6px;font-size:13px;display:flex}.formBlock{flex-direction:column;gap:6px;display:flex}.freedomeControlsRow{gap:8px}.freedomeNumberGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.freedomeFieldHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.freedomeModeSelect{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-color);border-radius:8px;padding:6px 8px}.freedomePreviewCard{border:1px solid var(--border-color);background:var(--panel-bg);border-radius:10px;overflow:hidden}.freedomePreviewHeader{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.freedomePreviewHeader span{color:var(--muted-text);font-size:12px}.freedomePreviewSvg{background:linear-gradient(180deg, var(--panel-bg-strong), var(--panel-bg));touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;width:100%;height:auto;display:block}.freedomeGridLine{stroke:var(--border-color);stroke-width:1px;opacity:.35}.freedomeAxisLine{stroke:var(--border-color);stroke-width:1px;stroke-dasharray:4 4}.freedomeHandleLimitRegion{fill:#4f8fc70d;stroke:#4f8fc738;stroke-width:1px;stroke-dasharray:5 5}.freedomeAuxRectangle{fill:none;stroke:var(--muted-text);stroke-width:1.25px;stroke-dasharray:4 4;opacity:.65}.freedomeOuterRectangle{fill:none;stroke:#4f8fc7bf;stroke-width:1.2px;stroke-dasharray:8 5}.freedomePreCornerLine{fill:none;stroke:var(--muted-text);stroke-width:1.75px;opacity:.75}.freedomeBorderLine{fill:#4f8fc724;stroke:#4f8fc7;stroke-width:2.5px;stroke-linejoin:round}.freedomeCornerWedge{fill:#94a3b82e;stroke:#94a3b8b3;stroke-width:1.2px}.freedomeHandleLimitLine{stroke:#4f8fc780;stroke-width:1.5px;stroke-dasharray:5 5}.freedomeHandle{fill:#fff;stroke:#4f8fc7;stroke-width:2px;cursor:grab}.freedomeHandle.active{fill:#dbeafe;cursor:grabbing}.freedomePreviewStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 12px 0;display:grid}.freedomePreviewStats div{flex-direction:column;gap:4px;display:flex}.freedomeMatchButton{border:1px solid var(--input-border);background:var(--button-bg);color:var(--text-color);text-align:left;border-radius:8px;padding:8px 10px;font-size:12px}.freedomeMatchButton:hover{background:var(--button-hover)}.freedomePreviewNote{padding:0 12px 12px}.freedomeWarningCard,.freedomeDetails{border:1px solid var(--border-color);background:var(--panel-bg);border-radius:10px;padding:10px 12px}.freedomeDetails summary{cursor:pointer;font-weight:600}.freedomeDetails .readoutGrid{margin-top:10px}.fieldLabel{color:var(--muted-text);font-size:13px}.twoButtonRow{gap:8px;display:flex}.toggleButton{min-width:110px;padding:8px 12px}.rangeNumberRow{align-items:center;gap:8px;display:flex}.rangeNumberRow input[type=range]{flex:1}.smallNumberInput,.fullWidthInput,.pitchReadout,.modalTextarea{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-color);box-sizing:border-box;border-radius:8px;padding:8px 10px}.smallNumberInput{width:96px}.fullWidthInput{width:100%}.pitchReadout{text-align:center;min-width:92px;font-weight:600}.generateButton,.buttonPrimary{color:#fff;text-shadow:0 1px #0000002e;background:#2c5f8c;border-color:#4f8fc7;padding:10px 12px;font-weight:700}.generateButton:hover,.buttonPrimary:hover{background:#244e73}.buttonSecondary{padding:10px 12px}.modalOverlay{z-index:1000;background:#0f172a52;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modalCard{background:var(--sidebar-bg);width:min(760px,100%);max-height:90vh;color:var(--text-color);border:1px solid var(--border-color);box-shadow:var(--shadow);box-sizing:border-box;border-radius:14px;padding:18px;overflow-y:auto}.modalHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.modalHeader h2{margin:0;font-size:18px}.iconButton{width:36px;height:36px;font-size:20px;line-height:1}.quoteForm{flex-direction:column;gap:14px;display:flex}.modalGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.modalField{flex-direction:column;gap:6px;display:flex}.modalField span{color:var(--muted-text);font-size:13px}.modalField.fullWidth{grid-column:1/-1}.checkboxRow{flex-direction:row;align-items:center;gap:10px;padding-top:24px}.modalTextarea{resize:vertical;width:100%;min-height:120px}.modalActions{justify-content:flex-end;gap:10px;display:flex}@media (width<=1100px){.sidebar{width:380px}}@media (width<=900px){.appRoot{flex-direction:column}.sidebar{width:100%;max-height:50vh}.modalGrid{grid-template-columns:1fr}.modalField.fullWidth{grid-column:auto}}