.pnj-tool__dropzone[data-astro-cid-wgwqea5b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;border:2px dashed var(--st-border-strong);border-radius:var(--radius-st-lg);background:var(--st-input-bg);cursor:pointer;transition:border-color .2s ease,background-color .2s ease;text-align:center}.pnj-tool__dropzone[data-astro-cid-wgwqea5b]:hover,.pnj-tool__dropzone[data-astro-cid-wgwqea5b].drag-over{border-color:var(--st-primary);background:var(--st-primary-light)}.pnj-tool__dropzone-icon[data-astro-cid-wgwqea5b]{color:var(--st-text-muted);margin-bottom:16px;opacity:.6}.pnj-tool__dropzone-title[data-astro-cid-wgwqea5b]{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--st-text);margin-bottom:4px}.pnj-tool__dropzone-subtitle[data-astro-cid-wgwqea5b]{font-size:.9375rem;color:var(--st-primary);font-weight:500;margin-bottom:12px}.pnj-tool__dropzone-hint[data-astro-cid-wgwqea5b]{font-size:.8125rem;color:var(--st-text-muted);margin:0}.pnj-tool__badge[data-astro-cid-wgwqea5b]{display:inline-block;padding:2px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-st-full);background:var(--st-primary-light);color:var(--st-primary);text-transform:uppercase;letter-spacing:.03em}.pnj-tool__editor[data-astro-cid-wgwqea5b]{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start;animation:st-fade-in .3s ease}@media(max-width:768px){.pnj-tool__editor[data-astro-cid-wgwqea5b]{grid-template-columns:1fr}}.pnj-tool__preview-area[data-astro-cid-wgwqea5b]{display:flex;flex-direction:column;gap:8px}.pnj-tool__preview-label[data-astro-cid-wgwqea5b]{display:flex;align-items:center;gap:8px}.pnj-tool__preview-container[data-astro-cid-wgwqea5b]{border:1px solid var(--st-border);border-radius:var(--radius-st);overflow:hidden;background:var(--st-surface-secondary);display:flex;align-items:center;justify-content:center;padding:24px;min-height:300px}.pnj-tool__preview-container[data-astro-cid-wgwqea5b] canvas[data-astro-cid-wgwqea5b]{max-width:100%;max-height:450px;border:1px solid var(--st-border)}.pnj-tool__controls[data-astro-cid-wgwqea5b]{display:flex;flex-direction:column;gap:16px}.pnj-tool__controls-title[data-astro-cid-wgwqea5b]{font-size:1.125rem;font-weight:600;margin:0;color:var(--st-text)}.pnj-tool__control-group[data-astro-cid-wgwqea5b]{display:flex;flex-direction:column;gap:6px}.pnj-tool__label[data-astro-cid-wgwqea5b]{font-size:.8125rem;font-weight:500;color:var(--st-text)}.pnj-tool__optional[data-astro-cid-wgwqea5b]{color:var(--st-text-muted);font-weight:400}.pnj-tool__slider-header[data-astro-cid-wgwqea5b]{display:flex;justify-content:space-between;align-items:center}.pnj-tool__slider-val[data-astro-cid-wgwqea5b]{font-size:.8125rem;font-weight:600;color:var(--st-text-muted);font-family:var(--font-heading)}.pnj-tool__input[data-astro-cid-wgwqea5b]{padding:10px 14px;font-size:.9375rem;border:1px solid var(--st-border);border-radius:var(--radius-st-sm);background:var(--st-input-bg);color:var(--st-text);width:100%;transition:border-color .2s ease;font-family:inherit}.pnj-tool__input[data-astro-cid-wgwqea5b]:focus{outline:none;border-color:var(--st-primary);box-shadow:var(--st-focus-ring)}.pnj-tool__select[data-astro-cid-wgwqea5b]{padding:10px 14px;font-size:.9375rem;border:1px solid var(--st-border);border-radius:var(--radius-st-sm);background:var(--st-input-bg);color:var(--st-text);cursor:pointer;width:100%}.pnj-tool__range[data-astro-cid-wgwqea5b]{width:100%;accent-color:var(--st-primary)}.pnj-tool__radio-row[data-astro-cid-wgwqea5b]{display:flex;gap:16px}.pnj-tool__radio-label[data-astro-cid-wgwqea5b]{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--st-text);cursor:pointer}.pnj-tool__radio[data-astro-cid-wgwqea5b]{accent-color:var(--st-primary)}.pnj-tool__color-row[data-astro-cid-wgwqea5b]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pnj-tool__color-group[data-astro-cid-wgwqea5b]{display:flex;flex-direction:column;gap:4px}.pnj-tool__color-label[data-astro-cid-wgwqea5b]{font-size:.75rem;color:var(--st-text-muted)}.pnj-tool__color-input[data-astro-cid-wgwqea5b]{width:100%;height:36px;padding:2px;border:1px solid var(--st-border);border-radius:var(--radius-st-sm);cursor:pointer;background:var(--st-input-bg)}.pnj-tool__action-row[data-astro-cid-wgwqea5b]{display:flex;flex-direction:column;gap:12px;margin-top:4px}.pnj-tool__btn-primary[data-astro-cid-wgwqea5b]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--st-text-inverse);background:var(--st-primary);border:none;border-radius:var(--radius-st);cursor:pointer;transition:background .2s ease,transform .1s ease;width:100%}.pnj-tool__btn-primary[data-astro-cid-wgwqea5b]:hover{background:var(--st-primary-hover);transform:translateY(-1px)}.pnj-tool__btn-secondary[data-astro-cid-wgwqea5b]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:var(--font-heading);font-size:1rem;font-weight:500;color:var(--st-text-muted);background:transparent;border:1px solid var(--st-border);border-radius:var(--radius-st);cursor:pointer;transition:border-color .2s ease,color .2s ease;width:100%}.pnj-tool__btn-secondary[data-astro-cid-wgwqea5b]:hover{border-color:var(--st-border-strong);color:var(--st-text)}.pnj-tool__error[data-astro-cid-wgwqea5b]{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--st-error-light);border:1px solid var(--st-error);border-radius:var(--radius-st);color:var(--st-text);font-size:.9375rem;margin-top:16px}.pnj-tool__error[data-astro-cid-wgwqea5b] svg[data-astro-cid-wgwqea5b]{color:var(--st-error);flex-shrink:0}@media(max-width:640px){.pnj-tool__dropzone[data-astro-cid-wgwqea5b]{padding:32px 16px}}