/* Studio 18: local video timeline and clip inspector */
.nf18-timeline{border:1px solid #e3d9ed;border-radius:9px;background:#f8f4fe;padding:7px;margin:10px 0}
.nf18-ruler{display:flex;justify-content:space-between;font-size:9px;color:#7c5c9e;padding:0 4px 7px}
.nf18-lane{height:29px;margin:5px 0;position:relative;background:repeating-linear-gradient(90deg,#ece4f5,#ece4f5 1px,transparent 1px,transparent 25%);border-radius:6px;outline:1px solid #e5dcee;overflow:hidden}
.nf18-clip-block{position:absolute;top:3px;bottom:3px;background:#744dd2!important;color:white!important;border:1px solid #5b30ba!important;border-radius:5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px!important;text-align:left;touch-action:none;cursor:grab!important;min-width:7px;padding:0 5px!important}
.nf18-clip-block:active{cursor:grabbing!important}
.nf18-clip{border:1px solid #dfd3ef;background:#fdfbff;border-radius:10px;padding:9px;margin:9px 0}
.nf18-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.nf18-heading strong{font-size:11px;color:#563679;overflow-wrap:anywhere}
.nf18-heading small{font-size:9px;color:#8568a3}
.nf18-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.nf18-fields label{font-size:10px;color:#604380;font-weight:750;display:flex;flex-direction:column;gap:4px}
.nf18-fields input,.nf18-fields select{width:100%;min-width:0;box-sizing:border-box;background:white;border:1px solid #e3d7ed;color:#62417a;padding:8px 6px;border-radius:6px;font-size:11px}
.nf18-fields input[type=range]{padding:7px 2px;accent-color:#744dd2}
.nf18-visibility{display:flex;gap:6px;align-items:center;color:#634983;margin:10px 0;font-size:10px}
.nf18-visibility input{accent-color:#744dd2}
.nf18-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.nf18-actions button{font-size:10px!important;padding:8px 3px!important}
#nf18-add{font-weight:800}

.nf18-fold>summary{cursor:pointer;color:#53327a;font-weight:850;font-size:12px;display:list-item;list-style-position:inside;margin:-2px 0 0;min-height:27px}
.nf18-fold>summary small{float:right;color:#9474b0;font-size:9px;font-weight:750}
.nf18-fold[open]>summary{margin-bottom:12px}
.nf18-fold>summary::marker{color:#875be0}