.photo-form{min-width:0;padding:0 var(--mv-space-group) var(--mv-space-group);gap:var(--mv-space-copy);border:0;flex-direction:column;flex:1;margin:0;display:flex;overflow:auto}.photo-form .studio-field{padding:var(--mv-space-copy);border:1px solid var(--border);border-radius:var(--mv-radius-card);background:var(--mv-input-surface);margin:0}.photo-form h2,.photo-form p{margin:0 0 var(--mv-space-inline)}.photo-form h2{font-size:16px;font-weight:500}.photo-field-heading{justify-content:space-between;align-items:center;display:flex}.photo-field-heading span{color:var(--muted);font-size:14px}.photo-thumbnails{gap:var(--mv-space-inline);margin-bottom:var(--mv-space-inline);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.photo-thumbnail{border-radius:var(--radius);background:var(--background);min-width:0;position:relative;overflow:hidden}.photo-thumbnail>img{aspect-ratio:1;object-fit:contain;background:#000;width:100%;display:block}.photo-thumbnail>.photo-remove{right:var(--mv-space-tight);top:var(--mv-space-tight);position:absolute}.photo-index{color:#fff;background:#000b;border-radius:4px;padding:1px 5px;font-size:12px;position:absolute;top:5px;left:5px}.photo-upload{cursor:pointer;border:1px dashed var(--border);border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:14px;display:flex;position:relative}.photo-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.photo-upload:focus-within{outline:2px solid var(--mv-copper);outline-offset:2px}.photo-upload:has(input:disabled){opacity:.5;cursor:default}.photo-ratios{border:0;gap:8px;margin:0;padding:0;display:flex}.photo-ratios>button{flex:1}.photo-form .studio-hint{font-size:var(--mv-text-caption);line-height:var(--mv-leading-caption);display:block}.photo-settings .photo-upload{overflow-wrap:anywhere;max-width:100%;display:flex}.photo-form:disabled{opacity:.75}@media (max-width:700px){.photo-form{padding:0 var(--mv-space-copy) var(--mv-space-copy)}.photo-form .studio-field{padding:var(--mv-space-copy)}}.photo-form{min-height:0}.photo-thumbnail:focus-within{outline:2px solid var(--mv-copper);outline-offset:2px}.photo-source-actions{gap:var(--mv-space-inline);margin-bottom:var(--mv-space-inline);flex-wrap:wrap;display:flex}.photo-source-actions>.button{flex:1;min-width:120px}@media (min-width:1024px){.studio-photo .studio-columns{grid-template-columns:440px minmax(0,1fr)}}@media (min-width:1440px){.studio-photo .studio-columns{grid-template-columns:480px minmax(0,1fr)}}.photo-form .photo-settings{padding:0}.photo-settings summary{align-items:center;gap:var(--mv-space-compact);min-height:var(--mv-control-height);padding:var(--mv-space-inline) var(--mv-space-copy);cursor:pointer;font-size:var(--mv-text-control);line-height:var(--mv-leading-control);font-weight:500;list-style:none;display:flex}.photo-settings summary::-webkit-details-marker{display:none}.photo-settings summary>svg{flex-shrink:0}.photo-settings[open] summary>svg{transform:rotate(90deg)}.photo-settings summary:focus-visible{outline:2px solid var(--focus);outline-offset:calc(-1 * var(--mv-space-tight));border-radius:var(--mv-radius-card)}.photo-settings-body{gap:var(--mv-space-copy);padding:0 var(--mv-space-copy) var(--mv-space-copy);flex-direction:column;display:flex;container-type:inline-size}.photo-form .photo-settings-body p{margin:0}.photo-visual-controls{gap:var(--mv-space-inline);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.photo-settings-body :is(.select,.textfield,.studio-color-input){min-width:0}.photo-settings-body :is(.input,.select__trigger,.number-field__group,.color-input-group){min-height:var(--mv-control-height)}.photo-settings-body .label{font-size:var(--mv-text-control);line-height:var(--mv-leading-control)}@container (max-width:320px){.photo-countdown-controls,.photo-visual-controls{grid-template-columns:minmax(0,1fr)}}.photo-drag-handle{justify-content:center;align-items:center;gap:var(--mv-space-tight);width:100%;min-height:var(--mv-control-height);padding:var(--mv-space-tight);background:var(--surface-secondary);color:var(--muted);font-size:var(--mv-text-caption);line-height:var(--mv-leading-caption);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:0;display:flex}.photo-drag-handle:disabled{cursor:default;opacity:.5}.photo-drag-handle:active{cursor:grabbing}.photo-thumbnail-dragging{opacity:.55}.photo-thumbnail-target{outline:2px solid var(--mv-copper);outline-offset:var(--mv-space-tight)}.photo-drag-handle:focus-visible{outline:2px solid var(--mv-copper);outline-offset:-2px}