/* Contained workspace: original controls retain their IDs, values and event handlers. */
#displayConfig.sd-active #displayConfigBody { display:block!important; padding:0!important; }
#displayConfig.sd-active #displayConfigBody > :not(.sd-studio) { display:none!important; }
#displayConfig .sd-studio { --sd-device-width:375px;--sd-zoom:1; position:fixed;inset:0;z-index:900;background:#f3f6fa;color:#183449;display:flex;flex-direction:column;isolation:isolate;font-size:13px;text-align:left; }
#displayConfig .sd-studio.sd-windowed { position:relative;inset:auto;height:calc(100vh - 110px);min-height:620px;z-index:1;border:1px solid #dce5ed;border-radius:16px;overflow:hidden; }
#displayConfig .sd-studio *,#displayConfig .sd-studio *::before,#displayConfig .sd-studio *::after { box-sizing:border-box; }
#displayConfig .sd-studio [hidden] { display:none!important; }
#displayConfig .sd-toolbar { display:flex;align-items:center;gap:18px;padding:14px 22px;background:white;border-bottom:1px solid #dfe7ef;flex:none; }
#displayConfig .sd-toolbar h2 {font-size:19px;margin:3px 0 0;line-height:1.3;}
#displayConfig .sd-toolbar small {font-size:10px;letter-spacing:1.5px;color:#55768f;}
#displayConfig .sd-toolbar-actions {margin-left:auto;display:flex;gap:7px;flex-wrap:wrap;}
#displayConfig .sd-studio button { min-height:36px;padding:7px 12px;border-radius:8px;cursor:pointer;white-space:normal;font-size:12px;line-height:1.5; }
#displayConfig .sd-studio button:focus-visible,#displayConfig .sd-studio input:focus-visible,#displayConfig .sd-studio select:focus-visible,#displayConfig .sd-studio [tabindex]:focus-visible {outline:3px solid #2388d6;outline-offset:2px;}
#displayConfig .sd-studio button:disabled {cursor:not-allowed;opacity:.5;}
#displayConfig .sd-status {font-size:12px;color:#526c82;max-width:220px;}
#displayConfig .sd-scope {padding:8px 20px;background:#fff;border-bottom:1px solid #dfe7ef;display:flex;gap:8px 16px;align-items:center;flex-wrap:wrap;flex:none;max-height:150px;overflow:auto;}
#displayConfig .sd-scope .dc-scope-bar {margin:0;padding:0;border:0;background:transparent;display:flex;gap:6px;flex-wrap:wrap;}
#displayConfig .sd-scope .hint {margin:0;font-size:11px;}
#displayConfig .sd-scope #displayConfigStatus {width:100%;}
#displayConfig .sd-scope #displayConfigStatus:empty {display:none!important;}
#displayConfig .sd-scope .hint {padding:0!important;min-height:0!important;}
#displayConfig .sd-body {display:grid;grid-template-columns:210px minmax(320px,1fr) 360px;flex:1;min-height:0;overflow:hidden;}
#displayConfig .sd-nav {background:#fff;border-right:1px solid #dfe7ef;padding:12px;overflow:hidden;min-width:0;display:flex;flex-direction:column;}
#displayConfig .sd-nav h3 {font-size:12px;color:#71879a;letter-spacing:.5px;margin:12px 8px;}
#displayConfig .sd-pages .dc-preview-page-tabs {position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px!important;padding:0!important;overflow:visible!important;border:0;background:transparent;}
#displayConfig .sd-pages button,#displayConfig .sd-directory button {width:100%;text-align:left;display:block;border:0;background:transparent;box-shadow:none;color:#345168;padding:9px 12px;margin:2px 0;}
#displayConfig .sd-pages button.on,#displayConfig .sd-directory button.on {background:#e9f3fc;color:#0964a5;font-weight:750;}
#displayConfig .sd-find {display:grid;gap:6px;font-size:11px;margin:18px 6px;color:#71879a;}
#displayConfig .sd-find input {width:100%;min-width:0;height:34px;font-size:12px;}
#displayConfig .sd-directory {border-top:1px solid #e5ecf1;padding-top:10px;min-height:0;overflow:auto;flex:1;}
#displayConfig .sd-pages,#displayConfig .sd-find,#displayConfig .sd-nav > h3 {flex:none;}
#displayConfig .sd-more {margin-top:12px;border-top:1px solid #e4ebf1;padding-top:12px;}
#displayConfig .sd-more > summary {font-size:12px;color:#617d91;cursor:pointer;}
#displayConfig .sd-scope .dc-scope-btn.on {background:#e9f3fc!important;color:#0964a5!important;}
#displayConfig .sd-studio .dc-preview-state-tabs button.on {background:#17669f!important;color:white!important;}
#displayConfig .sd-stage {overflow:hidden;min-width:0;min-height:0;position:relative;padding:14px 18px 16px;background:#edf2f7;display:flex;flex-direction:column;}
#displayConfig .sd-canvas-tools {display:flex;justify-content:center;gap:10px;align-items:end;flex-wrap:wrap;}
#displayConfig .sd-canvas-tools label {display:grid;gap:4px;font-size:10px;color:#647d90;}
#displayConfig .sd-canvas-tools select {height:34px;min-width:0;font-size:12px;padding:4px 6px;}
#displayConfig .sd-canvas-note {text-align:center;font-size:11px;color:#647d90;margin:12px 0;}
#displayConfig .sd-preview-slot {width:100%;min-width:0;min-height:0;flex:1;display:flex;}
#displayConfig .sd-studio .dc-live-preview {position:static!important;inset:auto!important;display:flex!important;flex-direction:column;flex:1;min-height:0!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;transform:none!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;overflow:hidden!important;}
#displayConfig .sd-studio .dc-live-preview-head {position:static!important;display:block!important;padding:0!important;border:0!important;background:transparent!important;flex:none;}
#displayConfig .sd-studio .dc-live-preview-head > div:first-child {display:none!important;}
#displayConfig .sd-studio .dc-live-preview-actions {display:block!important;margin:0 auto 12px!important;max-width:480px!important;}
#displayConfig .sd-studio .dc-live-preview-actions label {display:grid!important;gap:5px;font-size:11px;color:#647d90;}
#displayConfig .sd-studio #dcPreviewClose,#displayConfig .sd-studio #dcPreviewSave {display:none!important;}
#displayConfig .sd-studio .dc-preview-state-tabs {display:flex!important;gap:4px;justify-content:center;flex-wrap:wrap;margin:10px 0!important;flex:none;}
#displayConfig .sd-studio .dc-preview-state-tabs[hidden] {display:none!important;}
#displayConfig .sd-studio .dc-preview-state-tabs button {background:#fff!important;color:#38556d!important;opacity:1;}
#displayConfig .sd-studio .dc-preview-state-tabs button.on {background:#17669f!important;color:#fff!important;}
#displayConfig .sd-studio .dc-live-preview-canvas {display:block!important;overflow:auto!important;flex:1;min-height:0!important;height:0!important;max-height:none!important;padding:0!important;background:transparent!important;}
#displayConfig .sd-canvas-tools,#displayConfig .sd-canvas-note {flex:none;}
#displayConfig .sd-target-slot {min-height:0;overflow:auto;flex:1;}
#displayConfig .sd-studio .dc-preview-device,#displayConfig .sd-target-phone {width:var(--sd-device-width)!important;min-width:0!important;max-width:none!important;margin:16px auto!important;zoom:var(--sd-zoom);border:1px solid #d9e3ec!important;border-radius:22px!important;box-shadow:0 14px 42px #17334d1a!important;overflow:hidden;background:#f5f8fc;}
#displayConfig .sd-studio:not(.sd-browsing) [data-preview-module] {cursor:pointer;position:relative;}
#displayConfig .sd-studio:not(.sd-browsing) [data-preview-module]:hover {outline:2px dashed #258ad0;outline-offset:-2px;}
#displayConfig .sd-studio .sd-selected {outline:3px solid #258ad0!important;outline-offset:-3px;}
#displayConfig .sd-inspector {min-width:0;min-height:0;background:#fff;border-left:1px solid #dfe7ef;display:flex;flex-direction:column;}
#displayConfig .sd-inspector > header {padding:16px;border-bottom:1px solid #e4ebf1;flex:none;}
#displayConfig .sd-inspector > header > small {font-size:11px;color:#758b9b;}
#displayConfig .sd-selection {font-size:17px;margin:4px 0 8px;}
#displayConfig .sd-shared-note {font-size:11px;color:#758b9b;line-height:1.6;margin:0 0 12px;}
#displayConfig .sd-property-tabs {display:flex;gap:4px;background:#f2f6fa;border-radius:8px;padding:4px;}
#displayConfig .sd-property-tabs button {flex:1;border:0;box-shadow:none;background:transparent;padding:6px;}
#displayConfig .sd-property-tabs button[aria-pressed=true] {background:white;color:#0964a5;box-shadow:0 2px 5px #17334d0d;}
#displayConfig .sd-style-actions {display:flex;gap:5px;margin-top:9px;}
#displayConfig .sd-style-actions button {flex:1;font-size:11px;padding:6px;}
#displayConfig .sd-inspector-content {padding:14px;overflow:auto;flex:1;min-height:0;}
#displayConfig .sd-inspector .dc-panel,#displayConfig .sd-inspector .school-lifecycle-panel {padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;min-width:0!important;width:100%!important;}
#displayConfig .sd-inspector .dc-panel-head {display:none!important;}
#displayConfig .sd-inspector .dc-module-design-panel > .hint {display:none!important;}
#displayConfig .sd-inspector .dc-panel h4 {margin:16px 0 10px;font-size:13px;}
#displayConfig .sd-inspector .hint {font-size:11px;line-height:1.7;}
#displayConfig .sd-inspector .dc-field-grid,#displayConfig .sd-inspector .dc-module-main,#displayConfig .sd-inspector .dc-module-style-grid,#displayConfig .sd-inspector .designer-fields,#displayConfig .sd-inspector .dc-page-fields,#displayConfig .sd-inspector .dc-source-grid {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:0!important;}
#displayConfig .sd-inspector label {font-size:12px!important;line-height:1.6;min-width:0;}
#displayConfig .sd-inspector input:not([type=checkbox]),#displayConfig .sd-inspector select,#displayConfig .sd-inspector textarea {width:100%!important;min-width:0!important;max-width:100%!important;font-size:13px!important;}
#displayConfig .sd-inspector input[type=color] {height:40px;padding:5px;}
#displayConfig .sd-inspector .dc-module-row {padding:0!important;border:0!important;}
#displayConfig .sd-inspector .dc-module-list {padding:0!important;}
#displayConfig .sd-inspector .dc-module-group {border:0!important;padding:0!important;}
#displayConfig .sd-inspector .dc-module-group > summary,#displayConfig .sd-inspector .dc-module-style > summary {display:none!important;}
#displayConfig .sd-inspector .dc-module-style {margin:0;}
#displayConfig .sd-inspector[data-tab=content] .dc-module-style {display:none!important;}
#displayConfig .sd-inspector[data-tab=style] .dc-module-main,#displayConfig .sd-inspector[data-tab=layout] .dc-module-main > label:not(:has(.dcModuleOrder)) {display:none!important;}
#displayConfig .sd-inspector[data-tab=content] .dc-module-main > label:has(.dcModuleOrder) {display:none!important;}
#displayConfig .sd-inspector[data-tab=layout] .dc-module-style-grid > label:not(:has([data-field=padding],[data-field=gap],[data-field=radius],[data-field=spaceBefore],[data-field=spaceAfter],[data-field=metricHeight],[data-field=metricPadding])) {display:none!important;}
#displayConfig .sd-drag-handle {position:absolute;z-index:8;left:50%;transform:translateX(-50%);width:120px;min-height:22px;padding:2px 6px;border:1px solid #1789d4;border-radius:12px;background:#eaf7ff;color:#075886;font-size:10px;line-height:16px;cursor:ns-resize;touch-action:none;box-sizing:border-box;}
#displayConfig .sd-drag-handle[data-drag-field=spaceBefore] {top:-11px;}
#displayConfig .sd-drag-handle[data-drag-field=metricHeight] {bottom:-11px;}
#displayConfig [data-preview-module].sd-selected {position:relative;overflow:visible;}
#displayConfig .sd-browsing .sd-drag-handle {display:none;}
#displayConfig .sd-inspector[data-tab=style] .dc-module-style-grid > label:has([data-field=padding],[data-field=gap]) {display:none!important;}
#displayConfig .sd-inspector .dc-layout-switches,#displayConfig .sd-inspector .dc-page-switches,#displayConfig .sd-inspector .td-admin-switches {display:grid!important;grid-template-columns:1fr!important;gap:8px;}
#displayConfig .sd-inspector .dc-detail-row,#displayConfig .sd-inspector .dc-tab-config-row,#displayConfig .sd-inspector .dc-knowledge-row,#displayConfig .sd-inspector .dc-tool-editor-row,#displayConfig .sd-inspector .dc-option-label-editor {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;min-width:0!important;padding:10px!important;}
#displayConfig .sd-inspector [data-td-preview],#displayConfig .sd-inspector .td-admin-preview-tools,#displayConfig .sd-inspector .td-admin-sample-label {display:none!important;}
#displayConfig .sd-target-tools {max-width:460px;margin:auto;}
#displayConfig .sd-target-slot .td-preview {border-radius:20px;padding:16px;}
#displayConfig .sd-draft-banner {display:flex;gap:10px;align-items:center;width:100%;padding:6px 10px;background:#fff5da;border-radius:7px;font-size:12px;}
#displayConfig .sd-dialog {width:min(960px,94vw);max-height:90vh;overflow:auto;border:1px solid #d9e3ec;border-radius:16px;padding:24px;color:#183449;box-shadow:0 30px 100px #10283c33;}
#displayConfig .sd-dialog::backdrop {background:#152c4866;}
#displayConfig .sd-dialog h3 {margin:0 0 12px;font-size:20px;}
#displayConfig .sd-dialog p {font-size:13px;line-height:1.7;}
#displayConfig .sd-diff {max-height:45vh;overflow:auto;padding:0;list-style:none;}
#displayConfig .sd-diff li {display:grid;gap:5px;padding:12px;border-bottom:1px solid #e3ebf2;overflow-wrap:anywhere;}
#displayConfig .sd-diff li span {font-size:12px;color:#687e91;}
#displayConfig .sd-comparison {display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow:auto;}
#displayConfig .sd-comparison > section {min-width:0;}
#displayConfig .sd-comparison .dc-preview-device {width:375px!important;zoom:.9;}
@media(max-width:1200px){#displayConfig .sd-body{grid-template-columns:180px minmax(280px,1fr) 310px;}#displayConfig .sd-toolbar{gap:10px;padding:12px;}#displayConfig .sd-status{display:none;}#displayConfig .sd-stage{padding:12px 8px 30px;} }
@media(max-width:850px){#displayConfig .sd-body{grid-template-columns:150px minmax(220px,1fr) 280px;overflow:auto;}#displayConfig .sd-toolbar{flex-wrap:wrap;}#displayConfig .sd-toolbar-actions{margin-left:0;}#displayConfig .sd-stage{--sd-zoom:.7;}#displayConfig .sd-scope{max-height:100px;} }