#tools .tool-panel.tool-panel--pdf-area { grid-template-columns: minmax(0, 1fr); padding: var(--space-4); }
#tools .tool-panel.tool-panel--pdf-area .tool-copy { display: none; }
#tools .tool-panel.tool-panel--pdf-area .upload-grid { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr); }
.pdf-area { display: grid; gap: 1rem; min-width: 0; overflow-wrap: anywhere; }
.pdf-area [hidden] { display: none !important; }
.pdf-area .ds-panel { display: grid; gap: .75rem; padding: 1.2rem; min-width: 0; }
.pdf-area h2, .pdf-area h3, .pdf-area p { margin: 0; }
.pdf-area button, .pdf-area a { justify-self: start; }
.pdf-area__toolbar, .pdf-area__coordinates { display: flex; flex-wrap: wrap; gap: .75rem; align-items: end; }
.pdf-area__toolbar label, .pdf-area__coordinates label { display: grid; gap: .25rem; }
.pdf-area__toolbar input { width: 6rem; }
.pdf-area__coordinates input { width: 8rem; }
.pdf-area__viewport { overflow: auto; max-height: 70vh; background: #555; padding: .75rem; }
.pdf-area__frame { width: 100%; max-width: none; position: relative; line-height: 0; cursor: crosshair; touch-action: none; user-select: none; }
.pdf-area__frame img { width: 100%; display: block; }
.pdf-area__box { position: absolute; border: 2px solid #e32828; background: rgb(255 0 0 / 20%); pointer-events: none; }
.pdf-area__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.pdf-area__comparison figure { margin: 0; min-width: 0; }
.pdf-area__comparison img { display: block; width: 100%; border: 1px solid #999; }
.pdf-area__check { display: flex; gap: .5rem; align-items: start; }
.pdf-area__presets { display: flex; flex-wrap: wrap; gap: .5rem; align-items: end; }
.pdf-area__presets label { display: grid; gap: .25rem; }
.pdf-area__batch li { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: .5rem 0; }
@media (max-width: 650px) { .pdf-area__comparison { grid-template-columns: 1fr; } }