/* NiteFade Studio phases 1.6–1.9: real controls, bright desktop layout */
.text-format-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}
.text-format-row label{display:flex;flex-direction:column;gap:5px;color:#675d78;font-size:11px;font-weight:750}
.text-format-row input{width:100%;min-width:0;border:1px solid #e5ddec;border-radius:8px;padding:9px;font-size:12px;color:#342a4f}
.text-align-actions,.text-case-actions,.brand-style-actions{display:flex;gap:6px;margin:10px 0;flex-wrap:wrap}
.text-align-actions button,.text-case-actions button,.brand-style-actions button{
 border:1px solid #e7dff0;background:#fff;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:780;color:#57476d}
.text-align-actions button:hover,.text-case-actions button:hover,.brand-style-actions button:hover{background:#f2ebff;color:#6c47d2;border-color:#c8b3fd}
.text-align-actions button.active{background:#eee8ff;border-color:#ad8ff8;color:#6341d6}
.brand-style-actions button{background:#f5f0ff}
.brand-styles-list{display:grid;gap:9px}
.brand-style-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:10px;border:1px solid #eae3f3;background:#fff}
.brand-style-card .style-apply{min-width:0;flex:1;text-align:left;border:0;background:transparent;color:#4c4260;font-size:11px;display:flex;align-items:center;gap:8px;font-weight:780;padding:3px}
.brand-style-card .style-apply span:not(.brand-color-chip){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-style-card .brand-color-chip{display:inline-block;flex:none;width:24px;height:24px;border:1px solid #d6cfdf;border-radius:7px}
.brand-style-card .style-remove{background:#fff6f7;border:0;border-radius:7px;padding:6px 8px;color:#af4c5b;font-size:12px}
.brand-styles-empty{font-size:11px;color:#8d839a;line-height:1.6;margin:10px 0 18px}
.layer-list-advanced{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.layer-list-advanced .layer-card{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #e6e1ef;border-radius:10px;padding:5px;min-width:0}
.layer-list-advanced .layer-card.active{background:#f2edff;border-color:#b79df7}
.layer-list-advanced .layer-card.is-hidden{opacity:.58}
.layer-list-advanced .layer-select{min-width:0;flex:1;display:flex;gap:7px;align-items:center;text-align:left;background:transparent;border:0;color:#514961;font-size:11px;padding:5px 3px}
.layer-list-advanced .layer-select span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.layer-list-advanced .layer-mini{flex:none;display:grid;place-items:center;width:24px;height:27px;padding:0;background:#fff;border:1px solid #eee7f4;border-radius:7px;color:#665d79;font-size:12px;cursor:pointer}
.layer-list-advanced .layer-mini:hover{color:#6342ce;background:#eee6ff}
.layer-list-advanced .layer-select:disabled{opacity:.7;cursor:not-allowed}
.layer-list-advanced .layer-mini:disabled{opacity:.3;cursor:not-allowed}
.layer-list-advanced .layer-icon{font-weight:850;font-size:13px;color:#8052e6}
.layer-empty{font-size:11px;color:#8c809a;padding:14px 8px}
.workflow-top-btn{font-size:12px}
.preview-dialog{width:min(1100px,calc(100vw - 30px));max-height:90dvh;overflow:auto}
.design-preview-surface{background:#f0eef7;min-height:220px;display:grid;place-items:center;padding:24px;border-radius:13px;overflow:auto}
.design-preview-surface img{max-width:100%;max-height:68dvh;width:auto;height:auto;object-fit:contain;box-shadow:0 10px 35px #1d173727}
.versions-dialog{width:min(650px,calc(100vw - 24px))}
.version-actions{display:flex;align-items:center;gap:14px;margin:14px 0;flex-wrap:wrap}
.version-actions small{font-size:11px;color:#877d92;line-height:1.5}
.versions-list{display:grid;gap:9px;max-height:45dvh;overflow:auto}
.version-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e7e2f0;border-radius:11px}
.version-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.version-info strong{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.version-info small{font-size:10px;color:#948c9b}
.version-row button{border:1px solid #e7e0ef;border-radius:8px;padding:7px 10px;font-size:11px;background:#fff;color:#5a43a8;font-weight:700}
.version-row button.version-delete{color:#b7445d;border-color:#f1d9e0}
.versions-empty{color:#92869d;font-size:11px;padding:22px 8px;text-align:center}
@media(max-width:1120px){.workflow-top-btn{font-size:10px;padding:7px!important}}
@media(max-width:850px){.workflow-top-btn{display:none}}