/* SSP-specific workspace. Canvas styling is separate from the application's chrome. */
body.ssp-designer header{padding:16px 24px;position:relative}
body.ssp-designer main{grid-template-columns:220px minmax(400px,1fr) 325px;gap:14px;padding:16px;max-width:none}
.ssp-designer .library{top:12px;max-height:calc(100vh - 24px);overflow:auto}
.ssp-designer .library .panelHeading{padding-bottom:12px}
.sceneNav{display:grid;gap:4px;border-bottom:1px solid #33485c;padding-bottom:14px}
.sceneNav button{text-align:left!important;background:transparent!important;border-color:transparent!important;color:#bacadd!important;font-size:12px!important;padding:9px 10px!important}
.sceneNav button.activeScene{background:#234952!important;color:#adf4e8!important;border-color:#326169!important;box-shadow:inset 3px 0 #62d6c4}
.sceneTree{padding-top:6px}.sceneTree h3{color:#dce7f5!important;margin-bottom:6px!important}
.sceneTree input{width:100%}.sceneTree #designTree{display:grid;gap:3px;max-height:35vh;overflow:auto}
#designTree button{font-size:11px;text-align:left;background:transparent;color:#aabed3;border-color:transparent;padding:6px 8px}
#designTree button.selectedLayer{color:#a4f5df;border-color:#426975;background:#23444d}
.fileLibrary{border-top:1px solid #33485c;padding-top:14px}.fileLibrary summary{color:#9bb3c9!important}.ssp-designer .fileLibrary #list{height:260px;min-height:0}
.ssp-designer .workspace{padding:14px!important}.ssp-designer #title{font:600 16px 'Segoe UI',sans-serif;color:#233b50;padding-top:2px;padding-bottom:8px}
.ssp-designer .workspaceHeading .eyebrow{font-size:9px}.ssp-designer .viewToolbar{margin-bottom:8px}
.designerTools{padding:0 0 10px}.designerTools details{margin-top:8px}.sampleFields{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:8px}
.ssp-designer .graphicTools{padding:8px 10px;margin-bottom:10px}.ssp-designer .graphicTools .hint{display:none}.ssp-designer .graphicTools .toolbar{margin:4px 0}
.ssp-designer #stageWrap{padding:8px}.ssp-designer #stage{background:#202020;isolation:isolate}
.ssp-designer .designElement{padding:0;border:1px solid transparent;background-color:transparent;cursor:move;white-space:pre-wrap;line-height:1.1;font-family:'Arial Narrow','Segoe UI',sans-serif}
.ssp-designer .designElement:hover{border-color:#42e4db;box-shadow:inset 0 0 0 1px #42e4db}
.ssp-designer .designElement.selected{outline:2px solid #12cbbb;outline-offset:-2px}
.ssp-designer .designElement span{width:100%;pointer-events:none}.ssp-designer .designElement.transparentContainer{pointer-events:none}
.ssp-designer .designElement.transparentContainer.selected{outline:1px dashed #12cbbb}
.ssp-designer .designElement .resizeHandle{pointer-events:auto}
.ssp-designer .designElement.designKey{border-radius:5px}
.ssp-designer .cleanPreview .designElement{border-color:transparent!important;outline:none!important;box-shadow:none!important;pointer-events:none!important}
.ssp-designer .cleanPreview .resizeHandle{display:none!important}
.presetExample{overflow:hidden;background:#fff7cf}.productPlaceholder{position:absolute;top:12%;left:30%;width:40%;height:38%;display:grid;place-items:center;border:2px dashed #71827866;border-radius:50%;font:18px 'Segoe UI',sans-serif;color:#53665d;background:#ffffff80;pointer-events:none}
.selectionOwner{font:11px ui-monospace,Consolas,monospace;overflow-wrap:anywhere;background:#eef6f7;color:#42737b;padding:10px;border-radius:7px;margin-bottom:12px;max-height:100px;overflow:auto}
.commonElements{padding:8px 0;border-bottom:1px solid #33485c;display:grid;gap:5px}.commonElements h3{color:#dce7f5!important;margin:4px 0!important}.commonElements button{text-align:left;font-size:11px;background:#23444d;color:#c8f4ed;border-color:#426975}
.elementGuide{padding:10px;background:#f0f7fa;border:1px solid #cbdfe8;border-radius:7px;margin-bottom:12px;line-height:1.45}.elementGuide h4{margin:0 0 6px;font-size:12px}.elementGuide strong{font-size:12px;color:#206b73}.elementGuide p{font-size:12px;margin:7px 0}.elementGuide #designElementSource{white-space:pre-wrap;font:10px ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.elementGuide button{font-size:11px}
.ssp-designer .inspector{top:12px;max-height:calc(100vh - 24px);padding:14px}.ssp-designer .graphicProperties>h3:first-child{margin:0 0 10px}
.ssp-designer .graphicProperties .toolbar{flex-wrap:wrap}.ssp-designer .graphicProperties label{font-size:11px}
.designExtra{border-top:1px solid #e1e9ef;margin-top:12px;padding-top:8px}.designExtra input[type=color]{width:54px;height:34px;padding:2px;margin:3px}
.designExtra .toolbar{justify-content:space-between}.designExtra .toolbar label{display:flex;gap:6px;align-items:center}
.designResources{margin:12px 0!important;padding:12px!important;box-shadow:none!important;border-radius:8px!important}.designResources h3{margin:0 0 10px!important}.designResources>p.hint:first-of-type{display:none}
.designResources #sspPreview{max-height:110px!important;border:1px solid #dce4eb;border-radius:5px}.designResources #sspImagePath{font:10px ui-monospace,monospace;max-height:44px;overflow:auto}
.designResources #sspLinks{display:grid;gap:3px}.designResources #sspLinks button{overflow-wrap:anywhere;font-size:10px;padding:6px}
.ssp-designer #fieldIndexes:disabled{opacity:.4}#designerStatus{font-size:11px;color:#687f91;margin:3px 0 8px}
#designGalleryDialog{width:min(980px,95vw);max-height:85vh;border:0;border-radius:16px;padding:20px;box-shadow:0 25px 100px #17263855}
#designGalleryDialog::backdrop{background:#15233688}.galleryHeader{display:flex;align-items:center;justify-content:space-between}.galleryHeader h2{font-size:20px}
#designGalleryItems{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;max-height:60vh;overflow:auto;padding:8px}
#designGalleryItems button{display:flex;flex-direction:column;gap:9px;align-items:center;min-width:0;padding:10px;background:#f4f7fa}
#designGalleryItems img{width:100%;height:90px;object-fit:contain;background:repeating-conic-gradient(#e0e5e9 0% 25%,#f7fafc 0% 50%) 50%/16px 16px}
#designGalleryItems span{font:11px ui-monospace,monospace;overflow-wrap:anywhere;max-width:100%}
#designFeedback{font-size:12px;line-height:1.5;background:#e7f4f2;border:1px solid #b4dcd5;border-radius:7px;color:#23665e;padding:9px 12px;margin:6px 0 10px}
.buttonStateControl{display:flex;align-items:center;gap:5px;margin-left:auto}.buttonStateControl select{width:115px;margin:0;padding:6px}
.scaleConnection{padding:12px;border:1px solid #cddfe4;border-radius:9px;background:#f2f8f8;margin-bottom:12px}.scaleConnectionHeading{display:flex;justify-content:space-between;gap:10px;font-size:12px}.scaleConnectionHeading>span{color:#927044}.scaleConnectionHeading>span.online{color:#16846d}.scaleConnection .toolbar>label{display:flex;align-items:center;gap:6px}.scaleConnection input[type=password]{width:160px;margin:0}.scaleConnection input[type=checkbox]{width:auto;margin:0}.scaleConnection p{font-size:11px;margin:6px 0}.scaleConnection .hint{font-size:10px;line-height:1.5}
.themeProjectPanel{padding:10px 12px;border:1px solid #dce8ed;border-radius:9px;background:#f8fbfc;margin-bottom:10px}.themeProjectPanel strong{font-size:12px}.themeProjectPanel .toolbar{margin:0!important}#projectAuditSummary{font-size:10px;color:#357f6d}.auditProblem{color:#aa592d!important}#projectStructureDialog{width:min(980px,95vw);max-height:85vh;overflow:auto;border:0;border-radius:14px;padding:22px}#projectStructureDialog::backdrop{background:#15233688}#projectFileGroups{display:grid;grid-template-columns:1fr 1fr;gap:14px}#projectFileGroups section{padding:10px;border:1px solid #e2e8ee;border-radius:8px}#projectFileGroups h3{font-size:13px}#projectFileGroups button{display:block;text-align:left;width:100%;margin:4px 0;overflow-wrap:anywhere}#projectAuditDetails{background:#edf7f3;color:#2a7660;border-radius:7px;padding:12px;font-size:12px}
@media(min-width:1800px){body.ssp-designer main{grid-template-columns:245px minmax(600px,1fr) 360px}}
@media(max-width:1200px){body.ssp-designer main{grid-template-columns:200px minmax(380px,1fr)}.ssp-designer .inspector{grid-column:1/-1;position:static;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:16px}.ssp-designer .inspector .advancedEditor{grid-column:1/-1}}
@media(max-width:720px){body.ssp-designer main{display:block;padding:10px}.sceneNav{grid-template-columns:1fr 1fr}.sceneTree #designTree{max-height:180px}.ssp-designer .inspector{display:block}.sampleFields{grid-template-columns:1fr 1fr}}
.manualTransferButtons{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.manualTransferButtons button{font-weight:600}#scaleReview{width:min(1050px,95vw);max-height:90vh;overflow:auto;border:0;border-radius:14px;padding:22px}#scaleReview::backdrop{background:#15233688}#scaleReviewSummary{font-size:14px}#scaleReviewFiles{max-height:50vh;overflow:auto}#scaleReviewFiles details{padding:7px;border-bottom:1px solid #dce4eb;overflow-wrap:anywhere}#scaleReviewFiles summary{font:11px ui-monospace,monospace;cursor:pointer}.scaleSourcePair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scaleSourcePair textarea{height:230px;width:100%;font:11px ui-monospace,monospace;white-space:pre;resize:vertical}#scaleReviewFiles p{font-size:10px;overflow-wrap:anywhere}@media(max-width:720px){.scaleSourcePair{grid-template-columns:1fr}}
#scaleTransferStatus{white-space:pre-line;overflow-wrap:anywhere;max-height:180px;overflow:auto}
.digitColorField{display:flex;gap:8px;align-items:center;margin:4px 0 10px}.digitColorField input[type=color]{width:42px;height:34px;flex-shrink:0;padding:2px;margin:0}.digitColorField input:not([type=color]){min-width:0;width:100%;margin:0}#designDigitColors[hidden]{display:none}
.editCommandBar{position:sticky;top:8px;z-index:3000;background:#fff;border:1px solid #bcd6da;border-radius:10px;padding:8px 10px;margin-bottom:12px;box-shadow:0 4px 16px #15233612}.editCommandBar .toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:0}.editCommandBar p{font-size:11px;color:#527176;margin:6px 0 0}.editCommandBar #undoEdit,.editCommandBar #redoEdit{background:#eaf6f4;color:#146b65;border-color:#b9dad5}
#designPasteDialog,#designHistoryDialog{width:min(860px,94vw);max-height:85vh;overflow:auto;border:0;border-radius:14px;padding:22px;color:#233b50}#designPasteDialog::backdrop,#designHistoryDialog::backdrop{background:#15233688}#designPasteGroups{display:flex;flex-wrap:wrap;gap:10px;border:1px solid #dce8ed;border-radius:8px;padding:14px}#designPasteGroups label{display:flex;align-items:center;gap:6px}#designPasteGroups input{width:auto;margin:0}#designPasteChanges{max-height:40vh;overflow:auto;margin:12px 0}#designPasteChanges table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;table-layout:fixed}#designPasteChanges th,#designPasteChanges td{padding:8px;border-bottom:1px solid #dce8ed;overflow-wrap:anywhere;white-space:pre-wrap}#designHistoryList{display:grid;gap:6px;max-height:55vh;overflow:auto}#designHistoryList button{text-align:left;overflow-wrap:anywhere}.sourceSearch{padding:10px;background:#f0f7fa;border:1px solid #dce8ed;border-radius:8px;margin-bottom:10px}.sourceSearch h4{margin:0 0 8px}.sourceSearch input{display:block;width:100%;box-sizing:border-box}.sourceSearch p{font-size:11px}#designPasteNotice{white-space:pre-wrap}#designHistoryDialog p{font-size:12px;line-height:1.6}
@media(max-width:720px){.editCommandBar{top:0}.editCommandBar button{padding:8px}.editCommandBar p{font-size:10px}}
#designResetDialog{width:min(720px,94vw);max-height:85vh;overflow:auto;border:0;border-radius:14px;padding:22px;color:#233b50}#designResetDialog::backdrop{background:#15233688}#designResetDialog p{line-height:1.6}#designResetDialog .toolbar{display:flex;flex-wrap:wrap;gap:8px}.resetMetadataOption{display:flex;align-items:center;gap:8px;margin:14px 0}.resetMetadataOption input{width:auto;margin:0}#designResetSummary{padding:12px;border-radius:8px;background:#edf6f5}#designResetStatus{white-space:pre-wrap}#designResetTheme{margin-left:auto}
.scaleConnection #scaleHost{width:160px;margin:0}.scaleConnection .toolbar{flex-wrap:wrap}