/* NiteFade Studio 5.0–5.9: designer-first workflow */
#panel-workflow .panel-heading small{font-size:10px;color:#7652e8}
.v5-workflow-notice{border:1px solid #e8dcf9;background:#f8f5ff;padding:12px;border-radius:10px;font-size:11px;color:#725d8d;line-height:1.6;margin:17px 0}
.v5-work-section{border:1px solid #e7e1ee;border-radius:12px;margin:10px 0;overflow:hidden;background:#fff}
.v5-work-section>summary{list-style:none;cursor:pointer;padding:13px;background:#faf9fc;color:#594968;font-size:11px;font-weight:820;display:flex;align-items:center;justify-content:space-between;gap:5px}
.v5-work-section>summary::-webkit-details-marker{display:none}
.v5-work-section>summary:after{content:"⌄";color:#895ce7}
.v5-work-section:not([open])>summary:after{transform:rotate(-90deg)}
.v5-work-content{padding:11px 12px}
.v5-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}
.v5-align-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:7px 0}
.v5-work-grid button,.v5-align-grid button,.v5-wide{background:#fff;border:1px solid #e5ddec;padding:10px 8px;font-size:11px;font-weight:740;color:#5e4c79;border-radius:9px;line-height:1.45;cursor:pointer}
.v5-work-grid button:hover,.v5-align-grid button:hover,.v5-wide:hover{border-color:#b49aee;color:#6b47d2;background:#f5f0ff}
.v5-work-grid button[aria-pressed=true],.v5-wide[aria-pressed=true]{background:#eee6ff;color:#6944d0}
.v5-work-grid label,.v5-work-label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:11px;font-weight:700;color:#72627e}
.v5-work-grid input[type=number],.v5-work-label input{box-sizing:border-box;width:100%;height:36px;padding:7px;border:1px solid #e2d9ed;border-radius:9px;font-size:12px;color:#443651}
.v5-work-label{margin:10px 0}
.v5-wide{display:block;width:100%;margin:9px 0}
.v5-work-content .panel-hint{font-size:10px;line-height:1.6}
.v5-export-list{display:grid;gap:9px}
.v5-export-list label{display:flex;align-items:center;gap:8px;font-size:11px;color:#574668}
.v5-export-list input{accent-color:#7953e8}
.v5-thirds-grid{position:absolute;inset:0;pointer-events:none;z-index:9;
 background-image:
 linear-gradient(to right, transparent calc(33.333% - 1px),#e44591 calc(33.333% - 1px),#e44591 calc(33.333% + 1px),transparent calc(33.333% + 1px)),
 linear-gradient(to right,transparent calc(66.667% - 1px),#e44591 calc(66.667% - 1px),#e44591 calc(66.667% + 1px),transparent calc(66.667% + 1px)),
 linear-gradient(to bottom,transparent calc(33.333% - 1px),#e44591 calc(33.333% - 1px),#e44591 calc(33.333% + 1px),transparent calc(33.333% + 1px)),
 linear-gradient(to bottom,transparent calc(66.667% - 1px),#e44591 calc(66.667% - 1px),#e44591 calc(66.667% + 1px),transparent calc(66.667% + 1px))}
.v5-thirds-grid[hidden]{display:none!important}
.studio-stage-hand #stage-scroll{cursor:grab!important}
.studio-stage-hand #stage-scroll:active{cursor:grabbing!important}
.v5-shortcuts-dialog{width:min(650px,calc(100vw - 24px))}
.v5-shortcuts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.v5-shortcuts-grid>div{border:1px solid #ece6f3;border-radius:10px;padding:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11px;color:#665778}
.v5-shortcuts-grid>div span{flex:1;min-width:100px}
.v5-shortcuts-grid kbd{background:#f2ecff;color:#6341b6;padding:5px 7px;border-radius:6px;font-family:inherit;font-size:11px;font-weight:800}
@media(max-width:620px){.v5-shortcuts-grid{grid-template-columns:1fr}}