/* Shared platform workspace; never serialized into a card. */
.csp-public{position:fixed;inset:0;z-index:100;width:100%;height:100dvh;overscroll-behavior:none}
.csp .csp-workflow-bar{display:flex;gap:12px;align-items:center;padding:10px 22px;background:#fcfdff;border-bottom:1px solid var(--line);min-height:56px;flex-shrink:0}
.csp-workflow-bar p{color:var(--muted);font-size:11px;flex:1;line-height:1.5}
.csp-mode-switch{display:inline-flex;border:1px solid var(--line);padding:3px;border-radius:10px;background:var(--soft);flex-shrink:0}
.csp-mode-switch button{border:0;background:transparent;color:var(--muted);min-height:30px;padding:7px 14px;border-radius:7px;font-weight:650;font-size:11px}
.csp-mode-switch button[aria-pressed=true]{color:var(--brand);background:white;box-shadow:0 1px 4px #17284912}
.csp .csp-filter-row{display:flex;gap:6px;margin-bottom:14px}.csp-filter-row select{width:50%;min-width:0;border:1px solid var(--line);border-radius:8px;background:white;padding:8px;font-size:10px;color:var(--ink)}
.csp .csp-template-image{aspect-ratio:856/540;width:100%;background:#edf1f7;border-radius:8px;overflow:hidden;contain:layout paint}
.csp-template-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}.csp-template-meta .csp-chip{max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.csp .csp-favorite{font-size:18px!important;border:0;padding:0;min-height:28px;min-width:28px;background:transparent}.csp .csp-favorite[aria-pressed=true]{color:#8d6c08}
.csp .csp-thumbnail-flip{width:auto;min-height:28px;padding:5px 8px;border:0;background:transparent;font-size:9px!important;float:right}.csp-template-caption{clear:both;padding-top:2px}
.csp .csp-grid-select{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:10px;margin-right:5px}.csp-grid-select select{max-width:62px;min-height:30px;padding:4px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink)}
.csp .csp-layer[draggable=true]{cursor:grab}.csp .csp-layer.is-drop-target{border-top:3px solid var(--brand);background:var(--brand-soft)}
.csp .csp-preview-context{margin:0 24px 18px;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.csp-preview-context .csp-control{flex:1;min-width:180px;margin:0}.csp-preview-context select{min-height:38px;max-width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;background:white}.csp-preview-context p{flex-basis:100%}
.csp .csp-version-list{padding:8px 24px 24px;display:grid;gap:12px}.csp .csp-version{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.csp .csp-version>p{width:100%}.csp #versionsDialog>.csp-hint{padding:0 24px}
.csp #compareFace{margin:0 24px 16px;min-height:36px;border:1px solid var(--line);border-radius:8px;padding:6px 20px;background:white}
.csp #simpleProperties>.csp-button{width:100%;margin-top:10px}.csp #simpleProperties>h3{font-size:14px}.csp #simpleProperties>.csp-hint{margin:10px 0 18px;line-height:1.7}
.csp.is-simple .csp-canvas-help{visibility:hidden}.csp.is-simple #componentTools .csp-tool:not(:nth-child(-n+5)){display:none}
.csp .csp-preflight .is-error{color:#9d2626}.csp .csp-preflight .is-warning{color:#7b5a0a}
.csp .csp-template{transition:border-color .15s,box-shadow .15s}.csp .csp-template:hover{border-color:#a8bbd8;box-shadow:0 4px 18px #20395908}
@media(max-width:1230px) and (min-width:981px){.csp .csp-workspace{grid-template-columns:240px minmax(0,1fr) 270px}.csp .csp-workflow-bar{padding:8px 12px}.csp-workflow-bar p{font-size:10px}.csp .csp-grid-select{font-size:0}}
@media(max-width:980px){.csp .csp-workflow-bar{gap:8px;padding:8px 14px}.csp-workflow-bar p{display:none}.csp #compareButton{margin-left:auto}.csp .csp-workflow-bar>.csp-button{min-height:34px;padding:7px 10px}.csp .csp-stage-scroll{min-height:0}.csp-preview-context .csp-control{min-width:100%}.csp .csp-mode-switch button{min-height:32px}}
@media(max-width:600px){.csp .csp-topbar h1{font-size:14px}.csp .csp-top-actions>[data-action=stage]{max-width:150px;white-space:normal;text-align:center;line-height:1.4}.csp .csp-workflow-bar{padding:7px 10px}.csp-mode-switch button{padding:6px 10px;font-size:10px}.csp .csp-grid-select{display:none}.csp .csp-preview-context{margin-inline:15px}.csp .csp-version-list{padding-inline:15px}.csp .csp-workflow-bar>.csp-button{font-size:9px!important}.csp .csp-canvas-toolbar{flex-wrap:wrap;justify-content:center}.csp .csp-statusbar{padding-bottom:env(safe-area-inset-bottom,0)}.csp .csp-mobile-bar{padding-bottom:max(10px,env(safe-area-inset-bottom,0))}}

.csp #templateFamily,.csp #templateSource,.csp #gridSize,.csp #memberResults,.csp #compareFace{font:inherit;font-size:11px;border:1px solid #dfe5ef;border-radius:9px;background:#fff;color:#183456;padding:8px;min-width:0;max-width:100%}.csp #templateFamily,.csp #templateSource{display:block;width:100%;margin:7px 0}.csp #gridSize{padding:6px;width:72px}.csp .csp-template-image:empty{aspect-ratio:856/540;background:#edf2f7;border-radius:16px}

.csp .csp-journey-step{border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.csp .csp-journey-step:hover{text-decoration:underline}