/* Task-focused studio: library → content → scenes/voice → delivery. */
.nv-studio{--nv-green:#009900;--nv-surface:var(--bg-secondary,#171d19);--nv-line:var(--border,#354139);--nv-muted:var(--text-secondary,#b6c1b8);color:var(--text-primary,#f4f6f2);padding:24px 0;font-family:'DM Sans',Arial,sans-serif;container-type:inline-size}
.nv-studio *{box-sizing:border-box}.nv-studio button,.nv-studio input,.nv-studio textarea,.nv-studio select{font:inherit}.nv-studio button{min-height:44px;border:1px solid var(--nv-line);border-radius:9px;padding:10px 14px;background:var(--bg-tertiary,#232c25);color:inherit;font-size:12px;cursor:pointer;transition:background .16s,border-color .16s}.nv-studio button:hover:not(:disabled){background:var(--bg-hover,#2e3b31);border-color:#009900}.nv-studio button:disabled{opacity:.45;cursor:not-allowed}.nv-studio :focus-visible{outline:3px solid #009900;outline-offset:3px}.nv-studio .nv-primary{background:#009900;color:#fff;border-color:#009900;font-weight:700}.nv-studio .nv-primary:hover:not(:disabled){background:#007e00;border-color:#007e00}.nv-studio .selected,.nv-studio button[aria-pressed=true]{border-color:#009900;box-shadow:inset 0 0 0 1px #009900}.nv-studio p{font-size:13px;line-height:1.65;color:var(--nv-muted);margin:8px 0 14px}.nv-studio h3{font-size:16px;letter-spacing:-.3px;margin:0 0 12px}.nv-studio a{color:var(--text-primary,#f4f6f2);text-underline-offset:4px;overflow-wrap:anywhere}
.nv-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.nv-header small{font-size:10px;letter-spacing:2px;color:var(--nv-muted)}.nv-header h2{font-size:clamp(25px,3.3cqw,36px);letter-spacing:-1.2px;margin:8px 0}.nv-header p{margin:0}.nv-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.nv-wide{width:100%}.nv-stack{display:flex;flex-direction:column;gap:16px;min-width:0}.nv-steps{display:flex;gap:24px;padding:0 0 18px;border-bottom:1px solid var(--nv-line);margin-bottom:24px;font-size:12px;color:var(--nv-muted)}.nv-steps span{padding:8px 0}.nv-steps [aria-current=step]{color:var(--text-primary,#fff);font-weight:700;box-shadow:0 3px 0 #009900}
.nv-panel{min-width:0;border:1px solid var(--nv-line);border-radius:14px;background:var(--nv-surface);padding:22px}.nv-section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.nv-section-title h3{margin:0}.nv-tag,.nv-status{font-size:10px;border:1px solid var(--nv-line);border-radius:20px;padding:5px 9px;white-space:nowrap;color:var(--nv-muted)}.nv-create{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.nv-create>aside{position:sticky;top:16px}.nv-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.nv-mode-grid button{text-align:left;padding:18px}.nv-mode-grid strong,.nv-chart-options strong{display:block;font-size:13px;margin-bottom:7px}.nv-mode-grid small,.nv-chart-options small{display:block;font-size:11px;line-height:1.55;color:var(--nv-muted)}.nv-chart-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.nv-chart-options>label{display:flex;gap:12px;padding:14px;border:1px solid var(--nv-line);border-radius:9px;cursor:pointer;align-items:flex-start}.nv-chart-options input{flex-shrink:0;margin-top:2px}.nv-create-action{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0}.nv-create-action strong{font-size:14px}.nv-create-action p{margin:5px 0 0;font-size:12px}.nv-create-action button{min-width:155px}
.nv-field{display:flex;flex-direction:column;gap:8px;margin:17px 0;min-width:0}.nv-field>span{font-size:12px;font-weight:600}.nv-field small,.nv-studio .nv-hint{font-size:11px;color:var(--nv-muted);line-height:1.6}.nv-studio input:not([type=range]):not([type=checkbox]):not([type=color]),.nv-studio textarea,.nv-studio select{width:100%;min-width:0;min-height:44px;background:var(--bg-primary,#111713);color:inherit;border:1px solid var(--nv-line);border-radius:8px;padding:11px;font-size:12px}.nv-studio textarea{resize:vertical;line-height:1.65}.nv-studio input[type=checkbox]{width:20px;height:20px;accent-color:#009900}.nv-studio input[type=range]{width:100%;min-height:30px;accent-color:#009900}.nv-studio input[type=color]{height:44px;width:68px;padding:3px;background:none;border:1px solid var(--nv-line);border-radius:7px}.nv-speed-presets{display:flex;gap:5px;margin:-4px 0 16px}.nv-speed-presets button{flex:1;min-width:0;padding:8px 5px;font-size:11px}.nv-voice audio{width:100%;height:40px;margin-top:12px}.nv-studio fieldset{border:1px solid var(--nv-line);border-radius:10px;padding:10px 14px;margin:16px 0}.nv-studio legend{font-size:11px;padding:0 6px;color:var(--nv-muted)}.nv-studio details{font-size:12px;line-height:1.6}.nv-studio summary{min-height:32px;cursor:pointer;font-weight:600}.nv-studio details:not(.nv-panel){border-top:1px solid var(--nv-line);padding-top:13px;margin-top:16px}.nv-studio .nv-style{padding:18px 22px}.nv-style>summary{min-height:24px}.nv-studio details p{white-space:pre-wrap;overflow-wrap:anywhere}.nv-sources>div{border-top:1px solid var(--nv-line);margin-top:16px;padding-top:4px}.nv-sources details p{max-height:250px;overflow:auto}.nv-studio hr{border:0;border-top:1px solid var(--nv-line);margin:24px 0}
.nv-editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px}.nv-editor-toolbar>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}.nv-editor-toolbar strong{font-size:14px;overflow-wrap:anywhere}.nv-editor-grid{display:grid;grid-template-columns:190px minmax(0,1fr) 260px;gap:18px;align-items:start}.nv-edit-main{min-width:0}.nv-edit-controls,.nv-scene-rail{position:sticky;top:16px}.nv-scene-rail h3{font-size:12px;color:var(--nv-muted);margin:5px 0 14px}.nv-studio .nv-scene-item{display:flex;width:100%;gap:11px;align-items:flex-start;text-align:left;padding:14px 11px;margin-bottom:8px;background:var(--nv-surface)}.nv-scene-number{font-size:12px;color:var(--nv-muted);padding-top:2px}.nv-scene-item small{font-size:9px;letter-spacing:1px;color:var(--nv-muted);display:block;margin:0 0 7px}.nv-scene-item strong{font-size:12px;line-height:1.5;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.nv-add-scenes{margin-top:18px;border-top:1px solid var(--nv-line);padding-top:2px}.nv-add-scenes .nv-field>span{font-size:10px}.nv-add-scenes>button{width:100%}.nv-preview{position:relative;background:#101510;border:1px solid var(--nv-line);border-radius:12px;overflow:hidden}.nv-preview canvas,.nv-preview video{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;background:#101510}.nv-transport{display:flex;gap:10px;align-items:center;padding:10px;background:#1c241c;color:#fff}.nv-transport button{white-space:nowrap;background:#2c362c;color:#fff;min-height:36px;padding:7px 10px;font-size:11px}.nv-transport input{flex:1;min-width:30px}.nv-transport small{font-size:10px;white-space:nowrap}.nv-preview-meta{display:flex;justify-content:space-between;gap:10px;color:var(--nv-muted);font-size:10px;padding:12px 2px 18px}.nv-progress{padding:16px;color:#fff;background:#182a18;font-size:12px}.nv-progress progress{display:block;width:100%;height:6px;accent-color:#009900;margin-top:12px}.nv-scene-editor .nv-section-title{flex-wrap:wrap}.nv-scene-editor .nv-row button{min-height:34px;padding:6px 10px;font-size:11px}.nv-export-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.nv-delivery>button{margin-bottom:10px}.nv-share-result{margin:20px 0;padding-top:16px;border-top:1px solid var(--nv-line)}.nv-share-result>a{display:block;margin-bottom:16px;font-size:13px}
.nv-library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.nv-library-toolbar p{margin:0}.nv-library-toolbar select{max-width:180px}.nv-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.nv-library article{border:1px solid var(--nv-line);border-radius:12px;overflow:hidden;background:var(--nv-surface);min-width:0}.nv-studio .nv-card-open{width:100%;display:block;border:0;border-radius:0;padding:0;background:none;text-align:left}.nv-card-art{min-height:195px;padding:22px;background:#009900;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.nv-card-art small{font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.nv-card-art strong{font-size:24px;line-height:1.18;letter-spacing:-.8px;margin:20px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.nv-card-art>span{font-size:10px}.nv-art-editorial{background:#f7f5ef;color:#22251e}.nv-art-midnight{background:#171b16;color:#fff}.nv-card-meta{display:flex;justify-content:space-between;gap:8px;padding:14px 16px 0;font-size:10px;color:var(--nv-muted);text-transform:uppercase}.nv-card-meta:last-child{padding-bottom:17px}.nv-studio .nv-trash{margin:0 12px 10px;background:none;color:var(--nv-muted);font-size:10px;border:0;min-height:36px}.nv-empty{padding:65px 24px;text-align:center;border:1px dashed var(--nv-line);border-radius:14px}.nv-empty h3{font-size:21px}.nv-empty p{margin:12px auto 22px;max-width:440px}.nv-alert{padding:15px 18px;border:1px solid #00990066;background:#0099000d;border-radius:9px;margin:12px 0 18px;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.nv-studio details.nv-alert{padding:15px 18px;border:1px solid #00990066}.nv-alert button{margin-left:10px}.nv-alert ul{margin:8px 0 0;padding-left:20px}.nv-error{background:#de5d590d;border-color:#de5d5966}.nv-automation{max-width:900px}.nv-schedule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}
@container(max-width:1050px){.nv-editor-grid{grid-template-columns:160px minmax(0,1fr)}.nv-edit-controls{grid-column:2;position:static;display:grid;grid-template-columns:1fr 1fr;align-items:start}.nv-scene-rail{grid-row:1 / 3}.nv-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:760px){.nv-create,.nv-export-grid{grid-template-columns:1fr}.nv-create>aside{position:static;display:grid;grid-template-columns:1fr 1fr;align-items:start}.nv-header{align-items:flex-start;flex-direction:column}.nv-editor-toolbar{align-items:flex-start;flex-direction:column}.nv-editor-grid{grid-template-columns:1fr}.nv-scene-rail{position:static;grid-row:auto;display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.nv-scene-rail h3{display:none}.nv-studio .nv-scene-item{flex:0 0 155px;margin:0}.nv-add-scenes{flex:0 0 180px;border:0;margin:0;padding:0}.nv-add-scenes .nv-field{margin:0 0 8px}.nv-add-scenes .nv-field>span{display:none}.nv-edit-controls{grid-column:auto}.nv-preview canvas,.nv-preview video{max-height:520px}.nv-steps{gap:18px;font-size:11px}.nv-schedule-grid{grid-template-columns:1fr 1fr}}
@container(max-width:480px){.nv-panel{padding:17px}.nv-create>aside,.nv-edit-controls,.nv-library-grid,.nv-chart-options{grid-template-columns:1fr}.nv-mode-grid button{padding:13px}.nv-create-action,.nv-library-toolbar{flex-direction:column;align-items:stretch}.nv-create-action button{width:100%}.nv-library-toolbar select{max-width:none}.nv-transport small{display:none}.nv-steps{gap:12px;font-size:10px}.nv-editor-toolbar>div:first-child{align-items:flex-start}.nv-scene-editor .nv-section-title{gap:12px}.nv-schedule-grid{grid-template-columns:1fr}.nv-preview-meta{font-size:9px}.nv-header>.nv-row{width:100%}}
@media(prefers-reduced-motion:reduce){.nv-studio button{transition:none}}
/* The collection previews the real compositor, not illustrative mockups. */
.nv-template-gallery{margin:2px 0 34px}.nv-template-gallery>.nv-section-title{margin-bottom:18px}.nv-template-gallery h3{font-size:20px;letter-spacing:-.5px}.nv-template-gallery p{margin:5px 0 0;font-size:12px}.nv-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.nv-studio .nv-template-card{padding:0;overflow:hidden;text-align:left;border-radius:12px;background:var(--nv-surface);min-width:0}.nv-template-card canvas,.nv-current-template canvas,.nv-poster canvas,.nv-poster img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#f4f3ee}.nv-template-copy{display:flex;flex-direction:column;gap:9px;padding:19px}.nv-template-copy strong{font-size:22px;letter-spacing:-.7px;font-weight:600}.nv-template-copy>span:not(.nv-template-eyebrow){font-size:12px;line-height:1.65;color:var(--nv-muted)}.nv-template-eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:9px;color:var(--nv-muted)}.nv-template-copy small{font-size:10px;margin-top:5px;color:var(--nv-muted)}.nv-current-template{border-radius:7px;overflow:hidden;border:1px solid var(--nv-line);margin:12px 0 20px}.nv-library{border-top:1px solid var(--nv-line);padding-top:26px}.nv-card-title{padding:17px 17px 2px;display:flex;flex-direction:column;gap:10px}.nv-card-title small{font-size:10px;color:var(--nv-muted)}.nv-card-title strong{font-size:17px;line-height:1.35;white-space:pre-line;font-weight:600}.nv-poster{position:relative;overflow:hidden}.nv-poster-play{display:grid;place-items:center;position:absolute;right:14px;bottom:14px;width:33px;height:33px;border-radius:50%;background:#ffffffeb;color:#111;font-size:12px;box-shadow:0 2px 10px #0002}.nv-template-card:hover canvas{filter:brightness(1.01)}.nv-scene-item strong{white-space:pre-line}
@container(max-width:760px){.nv-template-grid{gap:10px}.nv-template-copy{padding:13px}.nv-template-copy strong{font-size:19px}.nv-template-copy>span:not(.nv-template-eyebrow){font-size:11px}.nv-template-eyebrow{font-size:8px;letter-spacing:.8px}}
@container(max-width:540px){.nv-template-grid{grid-template-columns:1fr}.nv-studio .nv-template-card{display:grid;grid-template-columns:45% 55%;align-items:center}.nv-template-copy{gap:5px}.nv-template-copy>span:not(.nv-template-eyebrow){display:none}.nv-template-copy small{font-size:9px}.nv-template-gallery h3{font-size:18px}.nv-template-gallery{margin-bottom:26px}}