.pr-tool .pr-panels{margin: 0 -10px}.pr-tool .form-control-group{margin-bottom: 18px}.pr-tool .pr-panel-header{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap}.pr-tool .pr-dropzone{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 32px 16px;border: 2px dashed #cbd5e1;border-radius: 10px;cursor: pointer;text-align: center;transition: border-color .15s,background .15s;margin-bottom: 12px}.pr-tool .pr-dropzone:hover,.pr-tool .pr-dropzone.dragover{border-color: #dc2626;background: #fef2f2}.pr-tool .pr-dropzone i{font-size: 36px;color: #94a3b8;margin-bottom: 8px}.pr-tool .pr-dropzone span{font-size: 14px;color: #374151}.pr-tool .pr-dropzone small{font-size: 11.5px;color: #94a3b8;margin-top: 4px}.pr-tool .pr-file-info{font-size: 13px;color: #475569;margin-bottom: 10px}.pr-tool .pr-filename{display: flex;flex-direction: column;gap: 5px;margin: 0 0 12px}.pr-tool .pr-filename span{color: #6b7280;font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.03em}.pr-tool .pr-page-nav{display: flex;align-items: center;gap: 10px;margin-bottom: 12px}.pr-tool .pr-page-nav button{padding: 4px 12px}.pr-tool .pr-page-nav span{font-size: 13px;color: #475569}.pr-tool .pr-buttons{display: flex;gap: 8px;flex-wrap: wrap}.pr-tool .pr-status{margin-top: 10px;padding: 8px 12px;border-radius: 6px;font-size: 12.5px}.pr-tool .pr-status.ok{background: #f0fdf4;border: 1px solid #bbf7d0;color: #15803d}.pr-tool .pr-status.err{background: #fef2f2;border: 1px solid #fecaca;color: #b91c1c}.pr-tool .pr-tips{margin-top: 14px}.pr-tool .pr-tip{font-size: 12.5px;color: #4b5563;margin: 0 0 6px;line-height: 1.55}.pr-tool .pr-tip i{margin-right: 4px}.pr-tool .pr-badge{font-size: 11.5px;color: #94a3b8}.pr-tool .pr-canvas-wrap{background: #e2e8f0;border: 1px solid #cbd5e1;border-radius: 8px;padding: 16px;min-height: 480px;display: flex;align-items: flex-start;justify-content: center;overflow: auto}.pr-tool .pr-empty{text-align: center;padding: 80px 10px;color: #94a3b8}.pr-tool .pr-empty i{font-size: 48px;display: block;margin-bottom: 8px}.pr-tool .pr-canvas{background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.12);cursor: crosshair;max-width: 100%;height: auto;display: block}:root[data-theme="dark"] .pr-tool .pr-panel-header{background: #1f2422;color: #e5e7eb;border-bottom-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .pr-tool .pr-dropzone{border-color: #37423d}:root[data-theme="dark"] .pr-tool .pr-dropzone:hover,:root[data-theme="dark"] .pr-tool .pr-dropzone.dragover{border-color: #f87171;background: rgba(220,38,38,0.08)}:root[data-theme="dark"] .pr-tool .pr-dropzone span{color: #e5e7eb}:root[data-theme="dark"] .pr-tool .pr-dropzone small{color: #64748b}:root[data-theme="dark"] .pr-tool .pr-file-info{color: #9ca3af}:root[data-theme="dark"] .pr-tool .pr-filename span{color: #9ca3af}:root[data-theme="dark"] .pr-tool .pr-filename input{background: #161a18;border-color: #37423d;color: #e5e7eb}:root[data-theme="dark"] .pr-tool .pr-page-nav span{color: #9ca3af}:root[data-theme="dark"] .pr-tool .pr-status.ok{background: rgba(21,128,61,0.15);border-color: rgba(21,128,61,0.4);color: #86efac}:root[data-theme="dark"] .pr-tool .pr-status.err{background: rgba(185,28,28,0.15);border-color: rgba(185,28,28,0.4);color: #fca5a5}:root[data-theme="dark"] .pr-tool .pr-tip{color: #9ca3af}:root[data-theme="dark"] .pr-tool .pr-badge{color: #64748b}:root[data-theme="dark"] .pr-tool .pr-canvas-wrap{background: #0f172a;border-color: #1e293b}@media (max-width: 767px){.pr-tool .row-layout{flex-direction: column}.pr-tool .pr-buttons .btn{flex: 1 1 100%}.pr-tool .pr-canvas-wrap{min-height: 320px;padding: 10px}}