.pp-dropzone { display: grid; gap: 12px; cursor: pointer; }
.pp-dropzone:focus-within { outline: 2px solid var(--site-accent); outline-offset: 4px; }
.pp-dropzone input[type=file] { width: 100%; min-width: 0; font-size: 12px; }
.pp-dropzone input::file-selector-button { border: 1px solid var(--line-strong); border-radius: 4px; background: var(--surface); color: var(--ink); padding: 8px; cursor: pointer; margin-right: 8px; }
.pp-file { margin: 16px 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.pp-image { width: 100%; height: 200px; object-fit: contain; background: var(--canvas); border: 1px solid var(--line); border-radius: 6px; margin-bottom: 20px; }
.pp-actions { display: grid; gap: 10px; margin: 16px 0; }
.pp-field { border-bottom: 1px solid var(--line); padding: 20px 0; overflow-wrap: anywhere; content-visibility: auto; contain-intrinsic-size: auto 200px; }
.pp-field h3, .pp-queue h3 { font-size: 15px; overflow-wrap: anywhere; }
.pp-pre { font: 12px/1.8 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; max-height: 480px; overflow: auto; padding: 16px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); tab-size: 2; }
.pp-raw { margin-top: 24px; }
.pp-raw summary { cursor: pointer; min-height: 44px; padding: 12px 0; font-weight: 600; }
.pp-notice { padding: 20px 0; color: var(--muted); }
.pp-warning { color: var(--warning); font-size: 13px; overflow-wrap: anywhere; margin: 8px 0; }
.pp-queue { padding: 20px 0; border-bottom: 1px solid var(--line); min-width: 0; }
.pp-queue p { margin: 8px 0; }
.pp-preview { margin-top: 24px; min-width: 0; }
.pp-preview h2 { font-size: 15px; overflow-wrap: anywhere; }
.pp-format { display: flex; gap: 16px; align-items: center; min-height: 44px; }
.pp-format select { min-height: 44px; border: 1px solid var(--line-strong); border-radius: 4px; background: var(--surface); color: var(--ink); padding: 8px 16px; }
.pp-queue .an-add-row { flex-wrap: wrap; }