.media-upload{border:0;gap:12px;min-width:0;margin:0;padding:0;font-size:15px;line-height:1.55;display:grid}.media-upload-file{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.media-upload-drop{border:1.5px dashed var(--hairline-strong,#d6d0c4);background:var(--paper,#faf9f6);color:var(--ink-muted,#6b655c);text-align:center;cursor:pointer;border-radius:20px;justify-items:center;gap:4px;padding:36px 20px;transition:border-color .15s,background .15s;display:grid}.media-upload-drop b{color:var(--ink,#1a1815);font-size:15px}.media-upload-drop:hover,.media-upload-drop.is-over,.media-upload-file:focus-visible+.media-upload-drop{border-color:var(--coral,#fe6f5f);background:var(--coral-wash,#fff0ed);color:var(--coral-deep,#c2412f)}.media-upload-drop.is-disabled{opacity:.55;cursor:default}.media-upload-limits{color:var(--ink-muted,#6b655c);font-size:13px}.media-upload-stage{background:var(--paper-sunken,#f1eee8);border-radius:20px;place-items:center;min-height:200px;padding:12px;display:grid}.media-upload-canvas{touch-action:none;border-radius:12px;max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.media-upload-canvas img{-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:min(52vh,420px);display:block}.media-upload-canvas.is-focal{cursor:crosshair}.media-upload-canvas:focus-visible{outline:3px solid color-mix(in srgb, var(--coral,#fe6f5f) 55%, transparent);outline-offset:2px}.media-upload-point{background:color-mix(in srgb, var(--coral,#fe6f5f) 70%, transparent);pointer-events:none;border:3px solid #fff;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;box-shadow:0 0 0 1px #1a181559,0 4px 14px #1a181559}.media-upload-state{color:var(--ink-muted,#6b655c);text-align:center;margin:0;font-size:14px;line-height:1.5}.media-upload-meta{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.media-upload-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-muted,#6b655c);font-size:13px;overflow:hidden}.media-upload-meta .pm-link{cursor:pointer;color:var(--coral-deep,#c2412f);flex:none;font-size:13px;font-weight:600}.media-upload-label{margin-top:4px;font-size:14px;font-weight:600}.media-upload-input{border:1px solid var(--hairline-strong,#d6d0c4);width:100%;font:inherit;background:#fff;border-radius:11px;padding:9px 12px;font-size:14.5px}.media-upload-input:focus{border-color:var(--coral,#fe6f5f);box-shadow:0 0 0 3px color-mix(in srgb, var(--coral,#fe6f5f) 22%, transparent);outline:none}.media-upload-hint{color:var(--ink-muted,#6b655c);margin:-4px 0 0;font-size:13px}.media-upload-problem{color:var(--danger,#c0392b);margin:0;font-size:14px}.media-upload-notice{background:var(--paper,#faf9f6);border-radius:14px;margin:0;padding:10px 14px;font-size:14px}.media-upload-notice.is-ready{background:var(--success-wash,#e8f4ec);color:var(--success,#1f7a57)}.media-upload-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.media-upload-frames{gap:var(--space-3);align-items:start;display:grid}.media-upload-frames.hero{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px}.media-upload-frame{min-width:0;margin:0}.media-upload-frame img{border-radius:var(--radius-md);background:var(--surface-sunken);border:1px solid var(--border);width:100%;display:block}.media-upload-frame figcaption{color:var(--text-muted);margin-bottom:var(--space-1);font-size:12.5px}@media (max-width:560px){.media-upload-frames,.media-upload-frames.hero{grid-template-columns:1fr!important}}.media-upload label:has(>input[type=range]){display:block}.media-upload input[type=range]{width:100%;accent-color:var(--accent);display:block}