/* Module UI. Artwork styles use a separate mod-art prefix. */
.studio .mod-workbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 18px;background:var(--studio-surface);border-bottom:1px solid var(--studio-line);font-size:11px}
.studio .mod-workbar button,.studio .mod-workbar select,.mod-dialog button,.mod-dialog select,.mod-dialog input,.mod-block-panel button,.mod-block-panel input,.mod-block-panel select,.mod-block-panel textarea{font:inherit;color:var(--text-main);background:var(--control-bg);border:1px solid var(--border-color);border-radius:6px;padding:9px 11px;min-width:0}
.studio .mod-workbar button:hover,.mod-dialog button:hover,.mod-block-panel button:hover{border-color:var(--btw-orange)}
#mod-selection-count{color:var(--text-muted);margin-left:auto}.studio .studio-project>strong{cursor:pointer}
.mod-dialog .mod-primary,.mod-block-panel .mod-primary{background:#f87125;border-color:#f87125;color:#111;font-weight:600}
.studio #mod-issues{padding:8px 18px;font-size:10px;color:var(--text-muted);background:var(--studio-surface);border-top:1px solid var(--studio-line)}.studio #mod-issues.has-issues{color:#ffb47d}
.studio .studio-page.multi-selected .page-thumb{outline:2px dashed #f87125;outline-offset:4px}.studio .studio-page.multi-selected>span::after{content:' ✓'}
.mod-dialog input,.mod-dialog select{font-size:12px;min-height:38px}.mod-dialog p,.mod-dialog small{color:var(--text-muted);font-size:12px;line-height:1.5}.mod-dialog h3{font-size:15px;font-weight:600}
.mod-project-tools{display:flex;align-items:center;gap:12px;margin-bottom:20px}.mod-project-tools>input{flex:1}.mod-check{display:flex;align-items:center;gap:5px;font-size:12px}.mod-inline-form{display:flex;gap:10px;margin:12px 0}.mod-inline-form input{flex:1}.mod-client-create{margin:16px 0 24px}.mod-client-create summary{cursor:pointer;color:var(--text-muted);font-size:12px}
#mod-project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px}.mod-project-card{border:1px solid var(--border-color);border-radius:9px;overflow:hidden}.mod-project-cover{background:#edeef0;color:#1a1b1d;min-height:140px;padding:22px;display:flex;flex-direction:column;gap:18px}.mod-project-cover>span{font-size:10px;color:#666}.mod-project-cover>strong{font:600 21px/1.15 Outfit,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mod-project-info{padding:18px}.mod-project-info p{margin:7px 0 14px}.mod-row-actions{display:flex;gap:7px}.mod-row-actions button{font-size:11px;padding:7px 10px}
.mod-form{display:grid;gap:13px}.mod-form label{display:grid;gap:7px;font-size:12px}.mod-form textarea{width:100%;resize:vertical;line-height:1.5}.mod-form>button{justify-self:start}.mod-form h4{font-size:13px}.mod-brand-section{margin-top:28px;border-top:1px solid var(--border-color);padding-top:22px}.mod-brand-section p{margin:10px 0 18px}.mod-brand-actions{display:flex;flex-wrap:wrap;gap:10px}.mod-brand-actions button,.mod-brand-actions select{font-size:12px}#mod-kit-status{font-size:12px;color:var(--text-muted);margin-top:14px}
.mod-version-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--border-color)}.mod-version-row strong{font-size:13px}.mod-version-row small{display:block;margin-top:6px}.mod-empty{color:var(--text-muted);padding:24px 0;font-size:13px}
.studio .mod-block-panel{display:none;flex:1;min-height:0;overflow:auto;padding:18px;font-size:12px}.studio[data-panel="blocks"] .mod-block-panel{display:block}.mod-panel-heading h3{font-size:14px;margin-bottom:8px}.mod-panel-heading p,.mod-block-intro p{color:var(--text-muted);line-height:1.6;margin-bottom:16px}.mod-presets{display:flex;align-items:end;gap:7px;margin-bottom:15px}.mod-presets label{display:grid;gap:6px;flex:1}.mod-presets select{max-width:175px}.mod-add-block{display:flex;gap:7px;margin-bottom:16px}.mod-add-block select{flex:1}.mod-block-panel .mod-block-list{display:grid;gap:7px;margin-bottom:20px}.mod-layer{border:1px solid var(--border-color);border-radius:6px;background:var(--control-bg);overflow:hidden}.mod-layer.selected{border-color:#f87125}.mod-block-panel .mod-layer-select{display:block;width:100%;text-align:left;border:0;background:transparent}.mod-layer-select>span{display:block;font-weight:600;font-size:11px}.mod-layer-select>small{display:block;margin-top:5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.mod-layer-actions{display:flex;gap:6px;padding:0 9px 8px}.mod-block-panel .mod-layer-actions button{padding:3px 9px;font-size:12px}.mod-layer-actions button:disabled{opacity:.3}.mod-block-properties{padding-top:16px;border-top:1px solid var(--border-color)}.mod-properties-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mod-properties-grid input,.mod-properties-grid select{width:100%}.mod-library{margin-top:24px;border-top:1px solid var(--border-color);padding-top:16px}.mod-library summary{cursor:pointer;margin-bottom:12px}.mod-library>select{width:100%;margin:15px 0 8px}.mod-back-template{margin-top:20px}
/* Compositions: fixed logical canvas units survive scaling and export. */
.mod-art-content{position:relative;z-index:3;display:flex;flex-direction:column;gap:1.8em;height:100%;padding:var(--card-padding,5rem);padding-top:calc(var(--card-padding,5rem) + 3em);overflow:hidden;min-width:0}
.mod-art-block{position:relative;flex-shrink:0;min-width:0;line-height:1.3;font-family:var(--font-body);white-space:pre-wrap;overflow-wrap:anywhere}
.mod-art-block.mod-block-title{font-family:var(--font-heading);font-weight:700;line-height:1.08;text-wrap:balance}.mod-art-block.mod-block-text{line-height:1.45}.mod-art-block.mod-block-image img{display:block;object-fit:cover;width:100%;border-radius:12px}.mod-image-placeholder{height:260px;display:grid;place-items:center;border:2px dashed currentColor;opacity:.5;font-size:28px}.mod-block-list ul{padding-left:1.2em;white-space:normal}.mod-block-list li{margin-bottom:.4em}.mod-block-columns{display:grid;grid-template-columns:1fr 1fr;gap:1em}.mod-block-columns>div+div{border-left:2px solid currentColor;padding-left:1em}.mod-block-quote blockquote{border-left:6px solid var(--slide-highlight);padding-left:.6em;font-style:italic}.mod-block-quote cite{display:block;font-size:.6em;margin-top:.8em}.mod-block-metric>strong{font:700 2.3em/1 var(--font-heading);display:block;color:var(--slide-highlight)}.mod-block-metric>span{display:block;margin-top:.5em}.mod-block-cta{border-top:3px solid var(--slide-highlight);padding-top:.7em;font-weight:600}
#carousel-track .mod-art-block:hover{outline:2px dashed #f8712588;outline-offset:8px;cursor:text}#carousel-track .mod-art-block.mod-block-selected{outline:2px solid #f87125;outline-offset:8px}#carousel-track [contenteditable="true"]{outline:3px solid #f87125;white-space:pre-wrap;min-height:1em;background:#ffffff0a}
.studio #studio-export label{display:grid;gap:8px;color:var(--text-muted);font-size:12px}.studio #studio-export select{width:100%;background:var(--control-bg);color:var(--text-main);padding:12px;border:1px solid var(--border-color);border-radius:6px}.studio #mod-export-run{background:#f87125;color:#111;font-weight:600}
@media(max-width:1100px){.studio .mod-workbar{gap:5px;padding:8px;font-size:10px}#mod-selection-count{margin-left:0}.studio-panel-nav button{font-size:10px}.mod-presets{flex-wrap:wrap}.mod-presets select{max-width:100%}}
@media(max-width:760px){.mod-project-tools,.mod-inline-form{flex-wrap:wrap}.mod-project-tools>input,.mod-inline-form input{flex-basis:100%}.mod-workbar{max-height:95px;overflow:auto}.mod-dialog .dialog-heading h2{font-size:23px}.mod-dialog .mod-inline-form select{flex:1}.studio .mod-block-panel{padding:12px}}

.mod-page-row{position:relative}.mod-page-check{position:absolute;top:5px;left:5px;width:16px;height:16px;accent-color:#f87125;z-index:5;cursor:pointer;filter:drop-shadow(0 1px 3px #0008)}

.studio.ui-light .mod-dialog{background:var(--studio-surface);color:var(--text-main)}

.studio .mod-legacy-hint{width:100%;padding:12px;text-align:left;border:1px solid #f8712555;border-radius:6px;background:#f8712510;color:var(--text-main);font-size:12px;line-height:1.5;margin-bottom:14px}.studio .mod-has-blocks .word-ribbon-toolbar{display:none}.studio .mod-has-blocks [data-field="title"],.studio .mod-has-blocks [data-field="body"]{opacity:.45}