.staff-mode #main:has(.scx-shell){max-width:none;padding-left:24px;padding-right:24px}
.staff-mode .scx-shell{min-width:0}
.scx-top{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 22px;margin:4px 0 16px}
.scx-top>div:nth-child(2){min-width:0}
.scx-top h1{margin:3px 0 2px;font-size:27px}
.scx-top p{margin:0;color:var(--muted);font-size:13px}
.scx-top-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.scx-course-actions{position:relative}
.scx-course-actions summary{display:block;cursor:pointer;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:700;white-space:nowrap}
.scx-course-actions summary::-webkit-details-marker{display:none}
.scx-course-actions summary::after{content:' ▾';font-size:11px}
.scx-course-actions[open] summary{border-color:#7361c3}
.scx-course-actions>div{position:absolute;right:0;top:calc(100% + 5px);z-index:20;display:grid;gap:4px;min-width:190px;padding:6px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 8px 24px #241d3b26}
.scx-course-actions button{width:100%;text-align:left;background:#fff;box-shadow:none}
.scx-save{color:#4c426c;font-size:12px}
.scx-views{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:18px}
.scx-views button{border:0;border-radius:0;background:transparent;padding:12px 14px;color:var(--muted)}
.scx-views button[aria-current=page]{color:#51429b;box-shadow:inset 0 -3px #51429b;font-weight:700}
.scx-module-switch{display:flex;gap:6px;overflow-x:auto;padding:0 0 12px;margin:-5px 0 16px;border-bottom:1px solid var(--line)}
.scx-module-switch button{display:grid;gap:2px;flex:0 0 auto;max-width:210px;text-align:left;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.scx-module-switch button span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.scx-module-switch button strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scx-module-switch button[aria-current=page]{border-color:#7361c3;background:#eeeaf8;box-shadow:inset 0 0 0 1px #7361c3}
.scx-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}
.scx-section-head h2{margin:0 0 4px}
.scx-section-head p{margin:0;color:var(--muted)}
.scx-view-switch{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.scx-view-switch button{border:0;border-radius:0}
.scx-view-switch button[aria-pressed=true]{background:#eae5f5;color:#51429b}
.scx-module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px}
.scx-module-list{display:grid;gap:10px}
.scx-module-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}
.scx-module-card.dragging,.scx-slide-tile.dragging{opacity:.45}
.scx-module-card.drop-target,.scx-slide-tile.drop-target{outline:3px solid #7361c3;outline-offset:2px}
.scx-card-open{display:grid;gap:7px;width:100%;padding:0 0 14px;text-align:left;border:0;background:transparent;color:var(--ink)}
.scx-card-open>strong,.scx-card-open>small,.scx-card-open>.scx-module-meta,.scx-card-open>.scx-count{margin-left:16px;margin-right:16px}
.scx-card-open>strong{font-size:16px;line-height:1.3}
.scx-card-open>small{color:var(--muted);min-height:38px}
.scx-module-meta{font-size:10px;letter-spacing:.12em;color:#51429b;font-weight:800}
.scx-count{color:var(--muted);font-size:12px}
.scx-thumb{aspect-ratio:16/9;position:relative;overflow:hidden;background:#e8e1f8}
.scx-thumb img{width:100%;height:100%;object-fit:cover}
.scx-thumb-art{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#382b60,#8671d0);font-size:30px;font-weight:700;color:#fff}
.scx-final-card .scx-thumb-art{background:linear-gradient(145deg,#26394c,#4a7792)}
.scx-card-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;padding:10px 12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.scx-card-actions button{font-size:11px;padding:5px 7px;white-space:nowrap}
.scx-drag-hint{white-space:nowrap;margin-right:auto}
.scx-module-list .scx-module-card{display:grid;grid-template-columns:1fr auto;align-items:center}
.scx-module-list .scx-card-open{display:grid;grid-template-columns:140px minmax(0,1fr);grid-template-rows:repeat(4,auto);align-content:center;column-gap:16px;padding:0}
.scx-module-list .scx-thumb{grid-row:1/span 4;width:140px}
.scx-module-list .scx-card-open>strong,.scx-module-list .scx-card-open>small,.scx-module-list .scx-card-open>.scx-module-meta,.scx-module-list .scx-card-open>.scx-count{margin:0}
.scx-module-list .scx-card-actions{border-top:0;padding-right:16px}
.scx-studio-grid{display:grid;grid-template-columns:minmax(195px,240px) minmax(420px,1fr) minmax(250px,300px);gap:0;min-height:610px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.scx-slide-rail{border-right:1px solid var(--line);background:#fbfaff;min-width:0}
.scx-rail-head,.scx-canvas-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.scx-rail-head button{padding:5px 10px}
.scx-slide-items{display:grid;gap:8px;padding:12px}
.scx-slide-tile{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:center;width:100%;padding:7px;border:1px solid var(--line);border-radius:9px;text-align:left;background:#fff}
.scx-slide-tile>span:first-child{display:grid;place-items:center;min-height:44px;border-radius:5px;background:#ede9f6;color:#51429b;font-size:13px;font-weight:700}
.scx-slide-tile strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.scx-slide-tile small{display:block;color:var(--muted);font-size:10px}
.scx-slide-tile.active{border-color:#8d7bd2;box-shadow:0 0 0 2px #8d7bd23d}
.scx-check-header{padding:14px 12px 5px;border-top:1px solid var(--line)}
.scx-check-header strong,.scx-check-header small{display:block;font-size:11px}
.scx-check-header small,.scx-drag-help,.scx-rail-note{color:var(--muted)}
.scx-add-question{margin:0 12px 12px;font-size:11px}
.scx-drag-help,.scx-rail-note{font-size:11px;line-height:1.4;padding:0 12px}
.scx-canvas{width:100%;max-width:none;min-width:0;margin:0;padding:0 0 20px;background:#f2f0f6}
.scx-canvas-head{background:#fff}
.scx-canvas-head strong,.scx-canvas-head span{display:block}
.scx-canvas-head span{color:var(--muted);font-size:11px;margin-top:3px}
.scx-canvas-slide,.scx-question-canvas,.scx-empty-canvas{background:#fff;margin:22px auto;padding:26px;max-width:none;width:calc(100% - 44px);min-height:425px;border:1px solid #ded9e9;border-radius:8px;box-shadow:0 8px 20px #27213e14}
.scx-canvas-title{font-size:20px;font-weight:750;margin-bottom:14px}
.scx-rich-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:17px}
.scx-rich-toolbar label{font-size:11px;color:var(--muted)}
.scx-rich-toolbar select{padding:6px}
.scx-rich-toolbar button{min-width:30px;padding:6px;font-size:12px}
.scx-slide-surface{display:flex;flex-direction:column;gap:16px;min-height:275px}
.scx-slide-surface.side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.scx-slide-surface.text-first .scx-canvas-copy{order:-1}
.scx-placement{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:-3px 0 16px;padding:8px 10px;border:1px dashed #c4b9df;border-radius:8px;background:#faf9fe;color:#655c78;font-size:11px}
.scx-placement>div{display:flex;gap:4px;flex-wrap:wrap}
.scx-placement button{min-width:62px;min-height:40px;padding:7px 10px;font-size:11px;background:#fff}
.scx-placement button.drop-target{background:#dcd4f1;border-color:#7361c3;box-shadow:0 0 0 2px #7361c355}
.scx-region-handle{display:block;width:max-content;min-height:32px;margin-bottom:8px;padding:5px 10px;border:1px solid #c9bedf;background:#fff;color:#51429b;font-size:11px;cursor:grab;touch-action:none;user-select:none}
.scx-region-handle.selected{background:#eeeaf8;border-color:#7361c3}
.scx-region-handle.dragging{opacity:.45}
.scx-canvas-media{min-width:0}
.scx-canvas-media img,.scx-canvas-media video,.scx-question-media img,.scx-question-media video{display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:7px}
.scx-media-empty{min-height:190px;width:100%;border:2px dashed #c2b7dc;background:#f8f6fd;color:#51429b}
.scx-canvas-carousel{position:relative}
.scx-canvas-carousel span{display:block;padding:7px 0;color:var(--muted);font-size:11px}
.scx-rich-text{min-height:240px;outline:none;line-height:1.55}
.scx-rich-text:focus{box-shadow:inset 0 0 0 2px #8e7ce0;border-radius:4px}
.scx-rich-text:empty:before{content:attr(data-placeholder);color:#8b8495}
.scx-rich-text h2{font-size:28px}.scx-rich-text h3{font-size:21px}.scx-rich-text .scx-size-small{font-size:12px}
.scx-question-canvas>textarea{font-size:23px;font-weight:700;width:100%;border:0;resize:vertical}
.scx-question-canvas>textarea:focus{outline:2px solid #8e7ce0}
.scx-choices{display:grid;gap:10px;margin-top:20px}
.scx-choices label{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px}
.scx-choices label span{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:28px;height:28px}
.scx-choices input{width:100%}
.scx-question-canvas>p{font-size:12px;color:var(--muted);margin-top:20px}
.scx-question-media{margin:14px 0}
.scx-inspector{border-left:1px solid var(--line);min-width:0;background:#fff}
.scx-inspector-tabs{display:flex;border-bottom:1px solid var(--line)}
.scx-inspector-tabs button{flex:1;border:0;border-radius:0;font-size:11px;padding:15px 8px}
.scx-inspector-tabs button[aria-selected=true]{box-shadow:inset 0 -3px #51429b;color:#51429b;font-weight:700}
.scx-inspector-tabs>strong{padding:15px}
.scx-inspector-fields{display:grid;align-content:start;gap:16px;padding:18px}
.scx-inspector-fields>label,.scx-final-count label,.scx-fields label{display:grid;gap:6px;font-size:12px;font-weight:700}
.scx-inspector-fields input:not([type=checkbox]):not([type=radio]),.scx-inspector-fields textarea,.scx-inspector-fields select,.scx-final-count input,.scx-fields input:not([type=checkbox]),.scx-fields textarea{width:100%;min-width:0}
.scx-correct{display:grid;gap:9px;border:1px solid var(--line);border-radius:7px;padding:12px}
.scx-correct legend{font-size:12px;font-weight:700}
.scx-correct label{font-size:11px}
.scx-upload-row{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:12px;font-size:12px;font-weight:700}
.scx-upload-row button{justify-self:start;font-size:11px}
.scx-upload-row small{color:var(--muted);font-size:10px;font-weight:400;overflow:hidden;text-overflow:ellipsis}
.scx-inspector-thumb{width:100%;aspect-ratio:16/9;object-fit:cover}
.scx-remove-button{justify-self:start;margin-top:8px}
.scx-final-summary{margin:20px 22px 0;padding:16px;background:#ebe7f6;border-radius:8px;color:#443875;font-size:12px}
.scx-final-summary p{margin:6px 0 0}
.scx-final-count{padding:0 18px 18px}
.scx-detail-page{max-width:1100px}
.scx-details-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:16px}
.scx-fields{display:grid;align-content:start;gap:18px}
.scx-fields h2{margin:0}
.scx-fields p{font-size:12px;color:var(--muted)}
.scx-image-example,.scx-banner-example{display:grid;place-items:center;overflow:hidden;background:#ece8f5;color:#695f7b;border-radius:8px}
.scx-image-example{aspect-ratio:16/9}.scx-banner-example{aspect-ratio:4/1}
.scx-image-example img,.scx-banner-example img{width:100%;height:100%;object-fit:cover}
.scx-author-example{display:grid;place-items:center;width:96px;height:96px;overflow:hidden;border-radius:50%;background:#ece8f5;color:#695f7b;font-size:12px;text-align:center}
.scx-author-example img{width:100%;height:100%;object-fit:cover}
.scx-course-rich-text{min-height:170px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff;line-height:1.6}
.scx-course-rich-text[contenteditable=true]:focus{outline:2px solid #7361c3;outline-offset:2px}
.scx-course-description>strong{display:block;margin-bottom:8px;font-size:12px}
.scx-course-description .scx-rich-toolbar{margin-bottom:10px}
.scx-description-editor{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}
.scx-course-description .scx-rich-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;padding:8px 10px;border-bottom:1px solid var(--line);background:#f8f7fc}
.scx-course-description .scx-tool-compact{display:none}
.scx-course-description .scx-tool-expanded{display:flex;gap:6px}
.scx-course-description .scx-tool-expanded button{min-width:36px;min-height:34px;font-size:14px;font-weight:800}
.scx-course-description .scx-course-rich-text{min-height:150px;padding:14px;border:0;border-radius:0}
.scx-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.scx-author-section{display:grid;gap:14px;border-top:1px solid var(--line);padding-top:18px}
.scx-author-section h3{margin:0;font-size:16px}
.scx-author-section h3 small{font-size:12px;color:var(--muted);font-weight:400}
.scx-author-section label,.scx-side-panel label{display:grid;gap:6px;font-size:12px;font-weight:700}
.scx-author-upload{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.scx-author-upload>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.scx-detail-aside{padding-top:0}
.scx-side-tabs{display:flex;gap:0;margin:0 -20px 16px;border-bottom:1px solid var(--line)}
.scx-side-tabs button{flex:1;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:14px 8px;font-weight:700}
.scx-side-tabs button[aria-selected="true"]{border-bottom-color:#51429b;color:#51429b}
.scx-side-panel{display:grid;gap:14px;min-width:0}
.scx-side-panel h3{margin:0;font-size:16px}
.scx-side-panel input:not([type=checkbox]){width:100%}
.scx-side-panel fieldset{min-width:0}
.scx-settings-card{max-width:800px}
.scx-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.scx-layout-grid button{display:grid;gap:6px;text-align:left;padding:14px}
.scx-layout-grid small{color:var(--muted)}
.scx-layout-icon{display:grid;place-items:center;width:100%;height:55px;background:#ebe7f6;border-radius:5px;color:#51429b;font-size:24px}
@media(max-width:1200px){.scx-top{grid-template-columns:minmax(0,1fr) auto}.scx-top>.text-link{grid-column:1/-1;justify-self:start}.scx-top>div:nth-child(2){grid-column:1/-1;min-width:0}.scx-top-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:1400px){.scx-studio-grid{grid-template-columns:190px minmax(0,1fr)}.scx-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.scx-inspector-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.scx-studio-grid{grid-template-columns:1fr}.scx-slide-rail{border-right:0;border-bottom:1px solid var(--line)}.scx-slide-items{display:flex;overflow:auto}.scx-slide-tile{min-width:160px}.scx-inspector{grid-column:auto}.scx-inspector-fields{grid-template-columns:1fr}}
@media(max-width:740px){.scx-top{grid-template-columns:1fr}.scx-top-actions{justify-content:flex-start}.scx-section-head{display:block}.scx-module-grid{grid-template-columns:1fr}.scx-module-list .scx-module-card{display:block}.scx-module-list .scx-card-actions{border-top:1px solid var(--line)}.scx-studio-grid{grid-template-columns:1fr}.scx-slide-rail{border-right:0;border-bottom:1px solid var(--line)}.scx-slide-items{display:flex;overflow:auto}.scx-slide-tile{min-width:150px}.scx-inspector{grid-column:auto}.scx-inspector-fields{grid-template-columns:1fr}.scx-details-grid{grid-template-columns:1fr}.scx-slide-surface.side{grid-template-columns:1fr}}
@media(max-width:740px){.scx-top-actions{grid-column:1}.scx-views{overflow-x:auto;white-space:nowrap}.scx-views button{flex:0 0 auto}.scx-canvas-slide,.scx-question-canvas,.scx-empty-canvas{width:calc(100% - 24px);margin:12px auto;padding:16px}.scx-slide-surface.side{display:flex;flex-direction:column}}
/* Constrained block canvas: the editor grows, while the two rails remain fixed. */
.scx-block-slide{min-height:500px}
.scx-block-palette{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 12px;margin:0 0 10px;border:1px solid #dcd6eb;border-radius:8px;background:#faf9fe}
.scx-block-palette span{font-size:11px;font-weight:800;color:#51429b;margin-right:4px}
.scx-block-palette button{font-size:11px;padding:7px 10px}
.scx-block-help{font-size:11px;color:#6a6380;margin:8px 0 16px}
.scx-block-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;align-items:start;gap:12px;min-height:280px}
.scx-content-block{grid-column:span var(--scx-span);position:relative;min-width:0;min-height:120px;border:1px solid #d8d1e8;border-radius:8px;background:#fff;overflow:hidden}
.scx-content-block.selected{border-color:#7361c3;box-shadow:0 0 0 2px #7361c333}
.scx-content-block.drop-target{outline:3px solid #7361c3;outline-offset:2px}
.scx-block-head{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#f7f5fc;border-bottom:1px solid #e2ddeb}
.scx-block-head strong{font-size:11px;color:#554880}
.scx-block-grip{cursor:grab;touch-action:none;min-width:65px;padding:4px 6px;font-size:10px}
.scx-block-actions{display:flex;gap:3px;margin-left:auto}
.scx-block-actions button{padding:3px 6px;min-width:25px;font-size:11px}
.scx-block-body{min-height:110px;padding:10px;overflow:hidden}
.scx-block-body img,.scx-block-body video{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:5px}
.scx-block-upload{display:grid;place-items:center;width:100%;min-height:145px;border:2px dashed #c2b7dc;background:#f8f6fd;color:#51429b}
.scx-content-block .scx-rich-text{min-height:130px}
.scx-block-resize{position:absolute;right:0;bottom:0;width:24px;height:26px;border:0;border-radius:7px 0 0 0;background:#e9e4f7;color:#51429b;cursor:ew-resize;touch-action:none;font-size:12px;padding:1px}
.scx-block-carousel small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.scx-block-empty{grid-column:1/-1;display:grid;place-items:center;min-height:210px;border:2px dashed #c8bedc;border-radius:8px;color:#6b6084;font-size:13px}
.scx-inspector-divider{display:flex;justify-content:space-between;gap:6px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}
.scx-inspector-divider small{color:var(--muted);text-transform:capitalize}
.scx-block-preview{min-height:0;margin:12px 0}
.scx-block-preview .scx-content-block{padding:12px}
.scx-block-preview .scx-content-block .scx-rich-text{min-height:0}
@media(max-width:740px){.scx-block-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scx-content-block{grid-column:span min(2,var(--scx-span))}.scx-block-head{flex-wrap:wrap}.scx-block-actions{margin-left:auto}}
@media(max-width:480px){.scx-block-grid{grid-template-columns:minmax(0,1fr)}.scx-content-block{grid-column:1/-1}.scx-block-palette button{flex:1 1 40%}}
/* Live grid feedback and compact, responsive text/media composition. */
.scx-block-grid.is-resizing{background-image:linear-gradient(to right,transparent calc(100% - 1px),#d5cbee 100%);background-size:25% 100%;background-repeat:repeat-x}
.scx-content-block{transition:border-color .16s ease,box-shadow .16s ease}
.scx-content-block.resizing{border-color:#6654b2;box-shadow:0 0 0 3px #7361c344,0 10px 24px #2f254021;z-index:2}
.scx-resize-indicator{display:none;position:absolute;right:30px;bottom:3px;padding:3px 7px;border-radius:5px;background:#51429b;color:#fff;font-size:10px;font-weight:700;white-space:nowrap;pointer-events:none}
.scx-content-block.resizing .scx-resize-indicator{display:block}
.scx-wrap-layout{display:flow-root;min-height:160px}
.scx-wrap-media{position:relative;float:right;width:var(--scx-media-width);max-width:100%;margin:0 0 12px 16px;transition:box-shadow .15s ease}
.scx-wrap-layout.left .scx-wrap-media{float:left;margin:0 16px 12px 0}
.scx-wrap-layout.stack,.scx-wrap-layout.below{display:flex;flex-direction:column}
.scx-wrap-layout.below{flex-direction:column-reverse}
.scx-wrap-layout.stack .scx-wrap-media,.scx-wrap-layout.below .scx-wrap-media{float:none;width:var(--scx-media-width);max-width:100%;margin:0 0 14px}
.scx-wrap-layout.below .scx-wrap-media{margin:14px 0 0}
.scx-wrap-media img,.scx-wrap-media video{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;border-radius:5px}
.scx-combo-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;min-height:175px;aspect-ratio:16/9;padding:18px;border:2px dashed #b9add6;border-radius:8px;background:#faf8ff;color:#51429b;text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
.scx-combo-upload-area:hover,.scx-combo-upload-area:focus-visible{background:#f0ebfc;border-color:#6654b2;box-shadow:0 0 0 3px #7361c326}
.scx-combo-upload-area .scx-combo-upload-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eae4f8;font-size:25px;line-height:1}
.scx-combo-upload-area strong{font-size:13px;line-height:1.25}
.scx-combo-upload-area small{color:#6e6681;font-size:11px;line-height:1.25}
.scx-wrap-layout .scx-rich-text{min-height:130px;line-height:1.55}
.scx-wrap-layout .scx-rich-text>p:first-child{margin-top:0}
.scx-wrap-resize{position:absolute;bottom:0;left:0;width:22px;height:27px;border:0;border-radius:0 6px 0 4px;background:#e9e4f7;color:#51429b;cursor:ew-resize;touch-action:none;padding:1px}
.scx-wrap-layout.left .scx-wrap-resize{left:auto;right:0;border-radius:6px 0 4px 0}
.scx-wrap-layout.stack .scx-wrap-resize,.scx-wrap-layout.below .scx-wrap-resize{left:auto;right:0;border-radius:6px 0 4px 0}
.scx-wrap-size{display:none;position:absolute;left:26px;bottom:2px;padding:3px 7px;border-radius:5px;background:#51429b;color:#fff;font-size:10px;font-weight:700;pointer-events:none}
.scx-wrap-layout.left .scx-wrap-size{left:auto;right:26px}
.scx-wrap-layout.stack .scx-wrap-size,.scx-wrap-layout.below .scx-wrap-size{left:auto;right:26px}
.scx-wrap-layout.is-resizing .scx-wrap-size{display:block}
.scx-wrap-choices{display:flex;flex-wrap:wrap;gap:10px 18px;border:1px solid var(--line);border-radius:8px;padding:12px;margin:14px 0}
.scx-wrap-choices legend{font-weight:700}
.scx-wrap-choices label{display:inline-flex;gap:6px;align-items:center}
.scx-inspector-fields output{font-size:11px;color:#51429b}
@media(max-width:740px){.scx-wrap-layout .scx-rich-text{min-height:120px}}

.scx-content-block{container-type:inline-size}
.scx-content-block>.scx-rich-toolbar{display:grid;grid-template-columns:minmax(86px,1fr) repeat(4,auto);margin:0;padding:8px 10px;border-bottom:1px solid #e6e1f0;background:#fcfbff}
.scx-content-block>.scx-rich-toolbar>label{min-width:0}
.scx-content-block>.scx-rich-toolbar>label select{display:block;width:100%;max-width:105px}
.scx-rich-toolbar{position:relative;z-index:2}
.scx-tool-group{position:relative}
.scx-tool-compact summary{display:flex;align-items:center;justify-content:center;gap:3px;min-height:31px;padding:5px 7px;border:1px solid #ded9e9;border-radius:6px;background:#fff;color:#51429b;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;list-style:none}
.scx-tool-compact summary::-webkit-details-marker{display:none}
.scx-tool-compact[open] summary,.scx-tool-compact summary:hover{border-color:#8172ba;background:#f2effb}
.scx-tool-menu{position:absolute;top:calc(100% + 4px);right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:140px;padding:6px;border:1px solid #d8d1e8;border-radius:8px;background:#fff;box-shadow:0 8px 20px #27213e25;z-index:10}
.scx-tool-menu button{min-width:0;white-space:nowrap}
.scx-tool-expanded{display:none;align-items:center;gap:3px}
.scx-content-block:has(.scx-tool-compact[open]),.scx-content-block:has(.scx-link-form:not([hidden])){overflow:visible;z-index:5}
.scx-link-form{position:absolute;top:calc(100% + 5px);right:10px;display:grid;gap:9px;width:min(300px,calc(100% - 20px));padding:12px;border:1px solid #d8d1e8;border-radius:9px;background:#fff;box-shadow:0 10px 24px #27213e25;z-index:12}
.scx-link-form[hidden]{display:none}
.scx-link-form label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#51429b}
.scx-link-form input{width:100%;padding:8px;border:1px solid #d8d1e8;border-radius:6px;font-size:12px}
.scx-link-form>div{display:flex;justify-content:flex-end;gap:5px}
.scx-link-form button[type="submit"]{background:#51429b;color:#fff;border-color:#51429b}
@container (min-width:650px){.scx-content-block>.scx-rich-toolbar{display:flex}.scx-content-block .scx-tool-compact{display:none}.scx-content-block .scx-tool-expanded{display:flex}}
@container (max-width:275px){.scx-content-block>.scx-rich-toolbar{display:flex;flex-wrap:wrap}}
.scx-content-block>.scx-rich-toolbar button[aria-label="Align left"]{text-align:left}
.scx-content-block>.scx-rich-toolbar button[aria-label="Center"]{text-align:center}
.scx-content-block>.scx-rich-toolbar button[aria-label="Align right"]{text-align:right}
.scx-combo-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 10px;background:#faf9fe;border-bottom:1px solid #e6e1f0;font-size:11px}
.scx-combo-controls label{display:flex;align-items:center;gap:5px;color:#51429b;font-weight:700}
.scx-combo-controls select{min-width:76px;padding:4px}
.scx-combo-controls input[type="range"]{width:90px}
.scx-combo-controls output{min-width:32px;color:#51429b;font-weight:800}
.scx-question-with-blocks .scx-question-canvas{min-height:0;margin-bottom:12px}
.scx-question-support{background:#fff;border:1px solid #ded9e9;border-radius:8px;padding:16px;margin:0 22px 22px}
.scx-question-support h3{margin:0 0 12px;font-size:14px}
@media(max-width:740px){.scx-question-support{margin:0 12px 12px}}
@media(min-width:951px) and (max-width:1400px){.scx-inspector-fields>*{align-self:start}}