.new-tag{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:4px;background:#ec4fc3;color:#160a16;font-size:9px;font-weight:800;line-height:1.3;vertical-align:middle;text-transform:uppercase;letter-spacing:.04em}.workflow-back{display:inline-flex;min-height:44px;align-items:center;color:var(--muted);margin-bottom:14px}.workflow-intro{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:52px;margin-bottom:28px}.workflow-intro h1{font-size:clamp(36px,4vw,62px);letter-spacing:-.045em;line-height:1.08;margin:14px 0}.workflow-intro p{font-size:20px;max-width:520px;color:var(--muted)}.workflow-intro img{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:20px}.workflow-outcome{display:inline-block;font-size:13px;border-left:2px solid var(--accent);padding-left:12px;color:var(--muted)}.guided-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.guided-creator{scroll-margin-top:110px;margin:28px 0 48px}.guided-creator h2{font-size:30px;letter-spacing:-.025em;margin:8px 0}.guided-form>label:first-child{display:none}.guided-form label{font-weight:600}.guided-form .quiet{font-weight:400}.guided-form textarea{min-height:126px}.guided-form .quote-panel{position:sticky;top:110px}.guided-form.genjutsu-form>label:has(#tool-model),.guided-form.genjutsu-form>label:has(#tool-model)+.visual-choice-group,.guided-form.genjutsu-form #tool-model-note,.guided-form.genjutsu-form label:has(#tool-mode),.guided-form.genjutsu-form label:has(#tool-mode)+.visual-choice-group,.guided-form.genjutsu-form>label:has(#tool-negative){display:none}.guided-form.genjutsu-form>label:has(#tool-prompt){order:5}.choices-enhanced>select{display:none}.visual-choice-group{margin:-8px 0 22px}.visual-choice-group[hidden]{display:none}.visual-choice-group>input{margin-bottom:12px}.visual-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;max-height:330px;overflow:auto;scrollbar-width:thin;padding:2px}.visual-choice{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid var(--line);background:#10131b;min-height:66px;padding:14px 15px;border-radius:10px;color:var(--ink);cursor:pointer}.visual-choice span{min-width:0}.visual-choice strong{display:block;font-size:13px;line-height:1.35;font-weight:600}.visual-choice small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:3px}.visual-choice[aria-pressed=true]{border-color:var(--accent);background:#241724;box-shadow:inset 0 0 0 1px var(--accent)}.visual-choice:disabled{opacity:.45;cursor:not-allowed}.visual-choice:focus-visible{outline:2px solid #fff;outline-offset:3px}.ratio-glyph{width:23px;max-height:30px;aspect-ratio:var(--frame-ratio);border:1.5px solid currentColor;border-radius:3px;flex-shrink:0}.drop-zone{position:relative;border:1px dashed #535565;background:#0d1017;border-radius:12px;padding:20px;min-height:112px;display:flex;flex-direction:column;justify-content:center;gap:10px;cursor:pointer}.drop-zone small{font-size:12px;color:var(--muted);font-weight:400}.drop-zone input{border:0;padding:0;background:transparent;font-size:12px}.drop-zone.drag-over{border-color:var(--accent);background:#241724}.upload-preview{display:flex;gap:8px;margin:10px 0}.upload-preview:empty{display:none}.upload-preview img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.routing-details{font-size:12px;color:var(--muted);padding:12px 0}.routing-details summary{cursor:pointer;min-height:30px}.routing-details label{margin-top:12px}#production-form .visual-choices{grid-template-columns:repeat(2,minmax(0,1fr))}#workflow-access a{display:inline-flex;align-items:center;min-height:44px;margin-right:20px}#genjutsu-creator .generation-grid,#workflow-view .generation-grid{grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr)}
@media(max-width:900px){.workflow-intro{gap:24px}.visual-choices{grid-template-columns:repeat(2,minmax(0,1fr))}#genjutsu-creator .generation-grid,#workflow-view .generation-grid{grid-template-columns:1fr}.workflow-intro p{font-size:17px}}
@media(max-width:600px){.workflow-intro{grid-template-columns:1fr;gap:20px}.workflow-intro img{max-height:220px}.workflow-intro h1{font-size:39px}.guided-heading h2{font-size:24px}.visual-choice{min-height:64px;padding:12px}.visual-choices{gap:8px;max-height:290px}.visual-choice-group{margin-bottom:18px}.drop-zone{padding:16px}.new-tag{font-size:8px}#production-form .visual-choices{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.visual-choice{transition:none}}

.remix-type-options{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.remix-type-options button{min-height:44px;border-radius:9px}.remix-type-options [aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#241724}

.guided-form label:has(#production-app),.guided-form label:has(#production-app)+.visual-choice-group{display:none}.guided-form label:has(#production-script-source){display:none}

#generate-view label:has(#generate-mode){display:none}#generation-form>.two-col:has(#generate-model){display:block}.video-choice-step{margin-bottom:24px}.video-choice-step>span{display:block;font-size:13px;margin:0 0 10px;font-weight:600}.video-choice-step .visual-choices{max-height:260px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.video-choice-step .visual-choice{min-height:55px}#generation-form>label:has(#generate-format){display:none}

.genjutsu-form textarea{height:96px;min-height:96px}
.reference-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:-4px 0 16px;min-width:0}.reference-selection[hidden]{display:none!important}.reference-selection-video{grid-template-columns:1fr}.reference-preview-card{margin:0;min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface,#171a20)}.reference-preview-card img{display:block;width:100%;height:150px;object-fit:contain;background:#090b10}.reference-preview-card video{display:block;width:100%;max-height:190px;background:#090b10;object-fit:contain}.reference-preview-card figcaption{display:flex;align-items:center;gap:8px;padding:6px 9px}.reference-preview-card figcaption>span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.4}.reference-preview-card button{min-width:60px;min-height:44px;padding:6px 8px;font-size:12px}.reference-preview-card button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.reference-preview-error{padding:8px 10px;font-size:12px;line-height:1.5;color:#f4badc}.drop-zone[data-has-references=true]{min-height:64px;padding-block:10px}.drop-zone[data-has-references=true]:before{display:none}

/* Keep saved references clear of the upload control and compact when only one image is selected. */
:is(.video-reference-area,.production-reference-set) .reference-selection{margin-top:12px}
:is(.video-reference-area,.production-reference-set) .reference-selection-image:has(>.reference-preview-card:only-child){grid-template-columns:1fr;margin-top:12px}
:is(.video-reference-area,.production-reference-set) .reference-selection-image>.reference-preview-card:only-child{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:8px;padding:8px}
:is(.video-reference-area,.production-reference-set) .reference-selection-image>.reference-preview-card:only-child img{width:80px;height:96px;border-radius:6px;grid-column:1;grid-row:1}
:is(.video-reference-area,.production-reference-set) .reference-selection-image>.reference-preview-card:only-child figcaption{grid-column:2;grid-row:1;flex-wrap:wrap;padding:4px 8px}
:is(.video-reference-area,.production-reference-set) .reference-selection-image>.reference-preview-card:only-child figcaption>span{flex-basis:100%}
:is(.video-reference-area,.production-reference-set) .reference-selection-image>.reference-preview-card:only-child .reference-preview-error{grid-column:1/-1;grid-row:2}
:is(.video-reference-area,.production-reference-set) .reference-selection-video{margin-top:12px}
:is(#generate-view #generation-form,#production-form) .drop-zone[data-has-references=true] input[type=file]{font-size:0}
:is(#generate-view #generation-form,#production-form) .drop-zone[data-has-references=true] input[type=file]::file-selector-button{font-size:12px}
