.mv-director{--director-surface:var(--card);--director-line:color-mix(in oklch, var(--border) 60%, transparent);--director-accent:var(--primary);color:var(--foreground)}.mv-director-steps{border-bottom:1px solid var(--director-line);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.5rem;display:grid}.mv-director-step{text-align:left;color:var(--muted-foreground);cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:.75rem;margin-bottom:-1px;padding:1rem .75rem;display:flex}.mv-director-step[aria-current=step]{border-bottom-color:var(--director-accent);color:var(--foreground)}.mv-director-step-number{border:1px solid var(--director-line);border-radius:50%;flex:0 0 2rem;place-items:center;height:2rem;font:.75rem ui-monospace,monospace;display:grid}[aria-current=step] .mv-director-step-number{color:var(--primary-foreground);background:var(--director-accent);border-color:var(--director-accent)}.mv-director-layout{grid-template-columns:minmax(0,1fr) minmax(17rem,.58fr);align-items:start;gap:2rem;display:grid}.mv-director-editor{border:1px solid var(--director-line);background:var(--director-surface);border-radius:1.25rem;min-width:0;padding:2rem}.mv-director-kicker{color:var(--muted-foreground);letter-spacing:.16em;text-transform:uppercase;font:.625rem ui-monospace,monospace}.mv-director-heading{font-family:var(--font-serif);letter-spacing:-.025em;margin-top:.75rem;scroll-margin-top:7rem;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.25}.mv-director-intro{max-width:36rem;color:var(--muted-foreground);margin-top:.75rem;font-size:.875rem;line-height:1.75}.mv-director-upload{border:1px dashed var(--border);background:color-mix(in oklch, var(--background) 50%, transparent);text-align:center;cursor:pointer;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:12.5rem;margin-top:2rem;padding:1.5rem;display:flex}.mv-director-source{border:1px solid var(--director-accent);background:color-mix(in oklch, var(--primary) 7%, transparent);border-radius:1rem;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem;display:flex}.mv-director-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;margin-top:1.75rem;display:grid}.mv-director-style{border:1px solid var(--director-line);background:var(--background);text-align:left;cursor:pointer;border-radius:.875rem;min-width:0;position:relative;overflow:hidden}.mv-director-style[aria-pressed=true]{border-color:var(--director-accent);box-shadow:0 0 0 1px var(--director-accent)}.mv-director-style img{aspect-ratio:2;object-fit:cover;width:100%}.mv-director-style-caption{padding:.875rem;display:block}.mv-director-notebook{border-top:1px solid var(--director-line);margin-top:1.75rem;padding-top:1.5rem}.mv-director-idea{border:1px solid var(--director-line);min-height:2.5rem;color:var(--muted-foreground);cursor:pointer;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.75rem;display:inline-flex}.mv-director-idea[aria-pressed=true]{border-color:var(--director-accent);color:var(--foreground)}.mv-director-reference{border-top:1px solid var(--director-line);margin-top:1.5rem;padding-top:1rem}.mv-director-reference summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;font-size:.875rem;list-style:none;display:flex}.mv-director-reference summary::-webkit-details-marker{display:none}.mv-director-reference-preview{background:var(--background);border-radius:.75rem;margin-top:.75rem;position:relative;overflow:hidden}.mv-director-reference-preview img{object-fit:contain;width:100%;max-height:16rem}.mv-director-footer{border-top:1px solid var(--director-line);justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.mv-director-aside{min-width:0;position:sticky;top:6rem}.mv-director-art{aspect-ratio:4/3;border:1px solid var(--director-line);background:var(--background);border-radius:1rem;position:relative;overflow:hidden}.mv-director-art img{object-fit:cover;width:100%;height:100%}.mv-director-art-caption{color:#fff;background:linear-gradient(#0000,#000000d9);padding:3rem 1.5rem 1.5rem;position:absolute;inset:auto 0 0}.mv-director-art-label{color:#fff;letter-spacing:.08em;background:#000000a6;border:1px solid #ffffff40;border-radius:.375rem;padding:.375rem .625rem;font-size:.625rem;position:absolute;top:1rem;left:1rem}.mv-director-brief-row{border-bottom:1px solid var(--director-line);justify-content:space-between;align-items:start;gap:1rem;padding-block:1rem;font-size:.875rem;display:flex}.mv-director-ratios{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.mv-director-ratio{border:1px solid var(--director-line);background:var(--background);cursor:pointer;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;min-height:6rem;font-size:.75rem;display:flex}.mv-director-ratio[aria-pressed=true]{border-color:var(--director-accent);background:color-mix(in oklch, var(--primary) 8%, var(--background))}.mv-director :is(button,a,summary,textarea,select):focus-visible{outline:2px solid var(--ring);outline-offset:4px}.mv-director button:disabled{cursor:not-allowed}@media (hover:hover){.mv-director :is(.mv-director-upload,.mv-director-style,.mv-director-idea,.mv-director-ratio):not(:disabled):hover{border-color:var(--muted-foreground)}}@media (width<=1023px){.mv-director-layout{grid-template-columns:minmax(0,1fr) minmax(15rem,.62fr);gap:1rem}.mv-director-editor{padding:1.5rem}}@media (width<=767px){.mv-director-layout{grid-template-columns:minmax(0,1fr)}.mv-director-editor{padding:1.25rem}.mv-director-step{gap:.5rem;padding:.875rem .25rem;font-size:.75rem}.mv-director-step-number{flex-basis:1.625rem;height:1.625rem}.mv-director-aside{position:static}.mv-director-art{aspect-ratio:2}.mv-director-style-grid{gap:.625rem}.mv-director-style-caption{padding:.625rem}}