.photo-prompt{border-radius:var(--radius-lg);background:var(--viva-navy);color:#fff;grid-template-columns:.72fr 1.28fr;margin-top:72px;display:grid;overflow:hidden}.photo-prompt__intro{flex-direction:column;justify-content:center;padding:clamp(36px,5vw,64px);display:flex;position:relative;overflow:hidden}.photo-prompt__intro:after{content:"";border:1px solid #38506b;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-115px;right:-105px}.photo-prompt__intro>span{color:var(--viva-cyan);font-size:var(--text-small);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;font-weight:800;display:flex}.photo-prompt__intro h2{max-width:none;font-size:var(--text-h3);letter-spacing:-.03em;text-wrap:balance;margin:20px 0 16px;line-height:1.14}.photo-prompt__intro>p{color:#c9d5e3;max-width:42ch;font-size:var(--text-body);margin:0;line-height:1.68}.photo-prompt__signal{color:#b7c7d8;font-size:var(--text-small);grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:36px;font-weight:650;display:grid}.photo-prompt__signal i{background:var(--viva-coral);border-radius:50%;width:6px;height:6px}.photo-prompt__studio{background:var(--surface);min-width:0;color:var(--ink);padding:32px}.photo-prompt fieldset{border:0;min-width:0;margin:0;padding:0}.photo-prompt legend,.photo-prompt .field>span{color:var(--muted);font-size:var(--text-small);margin-bottom:8px;font-weight:750}.prompt-audience>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.prompt-audience button{text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);cursor:pointer;min-height:68px;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);gap:4px;padding:12px;display:grid}.prompt-audience button:hover{border-color:var(--slate-500)}.prompt-audience button:active{transform:scale(.98)}.prompt-audience button.is-selected{border-color:var(--viva-violet);background:color-mix(in srgb, var(--viva-violet) 8%, var(--surface-raised));box-shadow:inset 0 0 0 1px var(--viva-violet)}.prompt-audience button b{font-size:var(--text-small)}.prompt-audience button span{color:var(--muted);font-size:var(--text-small)}.photo-prompt__fields{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.photo-prompt__fields .field--wide{grid-column:1/-1}.photo-prompt .field>span{justify-content:space-between;display:flex}.photo-prompt .field>span em{color:var(--slate-500);font-size:var(--text-small);font-style:normal;font-weight:500}.photo-prompt .field input,.photo-prompt .field select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);width:100%;height:44px;color:var(--ink);font-size:var(--text-small);padding:0 12px}.prompt-ratio>div{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);grid-template-columns:repeat(3,1fr);min-height:52px;padding:2px;display:grid}.prompt-ratio button{border-radius:var(--radius-sm);min-height:44px;color:var(--muted);font-size:var(--text-small);cursor:pointer;background:0 0;border:0;font-weight:750}.prompt-ratio button.is-selected{background:var(--viva-navy);color:#fff}.photo-prompt__output{border-radius:var(--radius-md);background:var(--deep-purple);color:#fff;margin-top:20px;padding:20px}.photo-prompt__output>div{justify-content:space-between;align-items:center;gap:20px;display:flex}.photo-prompt__output>div span{color:var(--viva-cyan);font-size:var(--text-small);font-weight:800}.photo-prompt__output small{color:#a99cbb;font-size:var(--text-small)}.photo-prompt__output p,.photo-prompt__output pre{color:#ddd4e9;max-height:220px;font:inherit;font-size:var(--text-small);white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;line-height:1.65;overflow-y:auto}.photo-prompt__copy{color:var(--viva-navy);background:var(--viva-cyan)}.photo-prompt__copy:hover{background:#36dae7}@media (max-width:1180px){.photo-prompt{grid-template-columns:.75fr 1.25fr}}@media (max-width:900px){.photo-prompt{grid-template-columns:1fr}}@media (max-width:640px){.photo-prompt{margin-top:52px}.photo-prompt__intro{padding:36px 24px}.photo-prompt__studio{padding:20px 16px}.photo-prompt__fields{grid-template-columns:1fr}.photo-prompt__fields .field--wide{grid-column:auto}.photo-prompt__output>div{flex-direction:column;align-items:flex-start;gap:4px}}
