.pa-tool .pa-shell{display: grid;grid-template-columns: 320px minmax(0,1fr);gap: 16px;align-items: start}.pa-tool .pa-sidebar,.pa-tool .pa-viewer{border: 1px solid var(--border);border-radius: 8px;background: #fff;box-shadow: var(--shadow-sm)}.pa-tool .pa-sidebar{padding: 14px}.pa-tool .pa-dropzone{display: grid;gap: 4px;min-height: 132px;padding: 18px 14px;border: 2px dashed var(--primary);border-radius: 8px;background: var(--primary-soft);color: var(--text);text-align: center;cursor: pointer;transition: border-color .15s ease,background-color .15s ease}.pa-tool .pa-dropzone:hover,.pa-tool .pa-dropzone.dragover{border-color: var(--primary-hover);background: var(--bg-blue)}.pa-tool .pa-dropzone i{color: var(--primary);font-size: 34px}.pa-tool .pa-dropzone strong{font-size: 15px}.pa-tool .pa-dropzone span,.pa-tool .pa-dropzone small{color: var(--text-2);font-size: 12.5px}.pa-tool .pa-privacy{display: flex;gap: 7px;margin: 10px 0 12px;color: var(--text-2);font-size: 12.5px;line-height: 1.45}.pa-tool .pa-privacy i{color: var(--success);margin-top: 1px}.pa-tool .pa-file-card{display: flex;align-items: center;gap: 10px;margin-bottom: 12px;padding: 10px;border: 1px solid var(--border);border-radius: 8px;background: var(--bg-soft)}.pa-tool .pa-file-card i{color: var(--primary);font-size: 24px}.pa-tool .pa-file-card strong,.pa-tool .pa-file-card span{display: block;max-width: 230px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pa-tool .pa-file-card strong{color: var(--text);font-size: 13px}.pa-tool .pa-file-card span{color: var(--text-2);font-size: 12px}.pa-tool .pa-control-label{margin: 12px 0 6px;color: var(--text-2);font-size: 12px;font-weight: 800;text-transform: uppercase}.pa-tool .pa-toolbar{display: grid;grid-template-columns: repeat(7,38px);gap: 6px}.pa-tool .pa-tool-btn,.pa-tool .pa-color{display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--border);background: #fff;color: var(--text-2);cursor: pointer}.pa-tool .pa-tool-btn{width: 38px;height: 38px;border-radius: 8px;font-size: 16px}.pa-tool .pa-tool-btn:hover{border-color: var(--primary)}.pa-tool .pa-tool-btn.active{border-color: var(--primary);background: var(--primary-soft);color: var(--primary)}.pa-tool .pa-style-grid{display: grid;gap: 10px}.pa-tool .pa-colors{display: grid;grid-template-columns: repeat(6,28px);gap: 8px}.pa-tool .pa-color{width: 28px;height: 28px;border: 2px solid #fff;border-radius: 50%;box-shadow: 0 0 0 1px var(--border)}.pa-tool .pa-color.active{box-shadow: 0 0 0 2px var(--text)}.pa-tool .pa-range,.pa-tool .pa-output-name{display: grid;gap: 6px;margin: 0;color: var(--text-2);font-size: 12.5px;font-weight: 700}.pa-tool .pa-range input[type=range]{width: 100%}.pa-tool .pa-page-nav,.pa-tool .pa-zoom{display: grid;grid-template-columns: 44px minmax(116px,1fr) 44px;gap: 12px;align-items: center}.pa-tool .pa-page-nav .btn,.pa-tool .pa-zoom .btn{min-width: 44px;height: 38px;padding-left: 0;padding-right: 0}.pa-tool .pa-page-input{display: flex;align-items: center;justify-content: center;gap: 10px;margin: 0;min-width: 0;height: 38px;padding: 0 10px;border: 1px solid var(--border);border-radius: 8px;background: var(--bg-soft)}.pa-tool .pa-page-input input{width: 64px;height: 30px;padding: 4px 6px;text-align: center}.pa-tool .pa-page-input span{flex: 0 0 auto;color: var(--text-2);font-size: 13px;white-space: nowrap}.pa-tool #pa-zoom{height: 36px}.pa-tool .pa-actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px;margin-top: 12px}.pa-tool .pa-actions .btn{min-width: 0}.pa-tool .pa-actions #pa-download{grid-column: 1 / -1}.pa-tool .pa-status{margin-top: 12px;padding: 9px 12px;border-radius: 6px;font-size: 12.5px;font-weight: 700}.pa-tool .pa-status.ok{border: 1px solid rgba(22,163,74,.35);background: var(--success-soft);color: var(--success)}.pa-tool .pa-status.err{border: 1px solid rgba(220,38,38,.25);background: var(--danger-soft);color: var(--danger)}.pa-tool .pa-viewer{overflow: hidden}.pa-tool .pa-viewer-header{display: flex;justify-content: space-between;gap: 12px;align-items: center;padding: 10px 12px;border-bottom: 1px solid var(--border);background: var(--bg-soft);color: var(--text);font-weight: 800}.pa-tool .pa-badge{color: var(--text-2);font-size: 12px;font-weight: 700}.pa-tool .pa-stage{position: relative;display: flex;align-items: flex-start;justify-content: center;min-height: 760px;height: calc(100vh - 170px);max-height: 920px;overflow: auto;padding: 16px;scrollbar-gutter: stable;background: linear-gradient(45deg,rgba(148,163,184,.12) 25%,transparent 25%),linear-gradient(-45deg,rgba(148,163,184,.12) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(148,163,184,.12) 75%),linear-gradient(-45deg,transparent 75%,rgba(148,163,184,.12) 75%);background-color: #eef2f7;background-position: 0 0,0 8px,8px -8px,-8px 0;background-size: 16px 16px}.pa-tool .pa-empty{position: absolute;inset: 16px;display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px dashed var(--border-strong);border-radius: 8px;background: rgba(255,255,255,.72);color: var(--text-3);text-align: center}.pa-tool .pa-empty i{margin-bottom: 8px;font-size: 44px}.pa-tool .pa-empty p{margin: 0;font-size: 13px}.pa-tool .pa-canvas{display: block;max-width: none;background: #fff;box-shadow: 0 18px 45px rgba(15,23,42,.18);touch-action: none}.pa-tool .pa-canvas.crosshair{cursor: crosshair}.pa-tool .pa-canvas.text-cursor{cursor: text}.pa-tool .pa-canvas.erase-cursor{cursor: not-allowed}:root[data-theme="dark"] .pa-tool .pa-sidebar,:root[data-theme="dark"] .pa-tool .pa-viewer,:root[data-theme="dark"] .pa-tool .pa-tool-btn{background: #181d1a}:root[data-theme="dark"] .pa-tool .pa-file-card,:root[data-theme="dark"] .pa-tool .pa-page-input,:root[data-theme="dark"] .pa-tool .pa-viewer-header{background: var(--bg-soft);border-color: var(--border)}:root[data-theme="dark"] .pa-tool .pa-stage{background-color: #101513}:root[data-theme="dark"] .pa-tool .pa-empty{background: rgba(24,29,26,.72)}@media (max-width: 991px){.pa-tool .pa-shell{grid-template-columns: 1fr}.pa-tool .pa-toolbar{grid-template-columns: repeat(7,38px)}.pa-tool .pa-stage{min-height: 620px;height: calc(100vh - 190px);max-height: 820px}}@media (max-width: 640px){.pa-tool .pa-sidebar{padding: 12px}.pa-tool .pa-toolbar{grid-template-columns: repeat(7,minmax(34px,1fr))}.pa-tool .pa-tool-btn{width: 100%;height: 36px}.pa-tool .pa-actions{grid-template-columns: 1fr}.pa-tool .pa-actions #pa-download{grid-column: auto}.pa-tool .pa-stage{min-height: 520px;height: 72vh;max-height: 720px;padding: 8px}.pa-tool .pa-empty{inset: 8px}}