.fresata-photo-demo{max-width:1040px;margin:0 auto;padding:32px var(--fresata-gutter) 72px;color:var(--fresata-brand-ink)}.fresata-photo-back{display:inline-flex;align-items:center;min-height:44px;color:var(--fresata-action)}.fresata-photo-heading{margin:24px 0;max-width:640px}.fresata-photo-eyebrow{color:var(--fresata-brand-muted);font-size:13px}.fresata-photo-heading h1{font-family:var(--fresata-font-display);font-size:clamp(30px,6vw,48px);line-height:1.12;margin:8px 0 16px}.fresata-photo-demo p{line-height:1.6}.fresata-photo-panel{min-width:0;margin:0 0 20px;padding:clamp(16px,3vw,28px);background:var(--fresata-surface-strong);border:1px solid var(--fresata-line);border-radius:var(--fresata-radius-lg)}.fresata-photo-panel h2{font-size:20px;margin:0 0 16px;font-family:var(--fresata-font-display)}.fresata-photo-file{display:block;margin-bottom:8px;font-weight:600}.fresata-photo-demo input[type=file]{display:block;width:100%;max-width:100%;min-height:44px;color:var(--fresata-brand-ink);font-size:16px}.fresata-photo-demo input::-webkit-file-upload-button{min-height:44px;padding:8px 12px;margin-right:8px;border:1px solid var(--fresata-line-strong);border-radius:var(--fresata-radius-sm);background:var(--fresata-blush);color:var(--fresata-brand-ink);font:inherit;cursor:pointer}.fresata-photo-demo input::file-selector-button{min-height:44px;padding:8px 12px;margin-right:8px;border:1px solid var(--fresata-line-strong);border-radius:var(--fresata-radius-sm);background:var(--fresata-blush);color:var(--fresata-brand-ink);font:inherit;cursor:pointer}.fresata-photo-demo .fresata-photo-help{color:var(--fresata-brand-muted);font-size:14px;margin:12px 0 0}.fresata-photo-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px;border:0;padding:16px 0 0;margin:24px 0 0;min-width:0}.fresata-photo-controls legend{font-weight:600}.fresata-photo-controls label{display:block;min-width:0;font-size:16px}.fresata-photo-controls output{float:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fresata-photo-controls select{display:block;width:100%;min-height:44px;margin-top:8px;padding:8px 12px;border:1px solid var(--fresata-line-strong);border-radius:var(--fresata-radius-sm);background:var(--fresata-surface);color:var(--fresata-brand-ink);font:inherit;font-size:16px}.fresata-photo-controls input[type=range]{display:block;width:100%;min-height:44px;margin:8px 0 0;padding:0;accent-color:var(--fresata-action)}.fresata-photo-demo :is(input,select,a,button):focus-visible{outline:2px solid var(--fresata-action);outline-offset:4px}.fresata-photo-demo :disabled{opacity:.55;cursor:not-allowed}.fresata-photo-error{color:var(--fresata-action);font-weight:600}.fresata-photo-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.fresata-photo-previews figcaption{font-weight:600;margin-bottom:16px}.fresata-photo-image{display:grid;place-items:center;min-height:240px;background:white;border-radius:var(--fresata-radius-sm);overflow:hidden}.fresata-photo-image img{display:block;max-width:100%;width:auto;height:auto;max-height:480px;object-fit:contain}.fresata-photo-image p{padding:16px;color:var(--fresata-brand-muted);text-align:center}.fresata-photo-image--dots img{image-rendering:pixelated}.fresata-photo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}@media (max-width:600px){.fresata-photo-controls,.fresata-photo-previews{grid-template-columns:minmax(0,1fr)}.fresata-photo-actions>*{width:100%;justify-content:center}}