#rp-tool-app .rp-tool-btn-primary,#rp-tool-app .rp-tool-card,#rp-tool-app .rp-tool-thumbnail-canvas{box-shadow:var(--rp-tool-shadow-sm)}#rp-tool-app{--rp-tool-primary:#4f46e5;--rp-tool-primary-hover:#4338ca;--rp-tool-secondary:#f3f4f6;--rp-tool-secondary-hover:#e5e7eb;--rp-tool-text-main:#111827;--rp-tool-text-muted:#6b7280;--rp-tool-danger:#ef4444;--rp-tool-danger-hover:#dc2626;--rp-tool-success:#10b981;--rp-tool-success-hover:#059669;--rp-tool-border:#d1d5db;--rp-tool-bg:#ffffff;--rp-tool-radius-lg:16px;--rp-tool-radius-md:8px;--rp-tool-radius-sm:6px;--rp-tool-shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--rp-tool-shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--rp-tool-shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);margin:0 auto;background-color:var(--rp-tool-bg);border-radius:var(--rp-tool-radius-lg);box-shadow:var(--rp-tool-shadow-lg);box-sizing:border-box;transition:max-width .4s cubic-bezier(.4, 0, .2, 1);overflow:hidden;color:var(--rp-tool-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#rp-tool-app *{box-sizing:inherit}#rp-tool-app .rp-tool-state-upload{max-width:50%;min-width:300px}#rp-tool-app.rp-tool-state-processing,#rp-tool-app.rp-tool-state-success,#rp-tool-app.rp-tool-state-workspace{max-width:1200px}@media (max-width:768px){#rp-tool-app.rp-tool-state-upload{max-width:95%}}#rp-tool-app .rp-tool-view{padding:40px;display:flex;flex-direction:column;width:100%}#rp-tool-app .rp-tool-hidden{display:none!important}#rp-tool-app .rp-tool-title{font-size:1.875rem;font-weight:700;margin:0 0 8px;text-align:center}#rp-tool-app .rp-tool-subtitle{font-size:1rem;color:var(--rp-tool-text-muted);margin:0 0 24px;text-align:center}#rp-tool-app .rp-tool-dropzone{border:2px dashed var(--rp-tool-border);border-radius:var(--rp-tool-radius-lg);padding:60px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s;background-color:#f9fafb}#rp-tool-app .rp-tool-btn,#rp-tool-app .rp-tool-card-remove{align-items:center;cursor:pointer}#rp-tool-app .rp-tool-dropzone.rp-tool-dragover{border-color:var(--rp-tool-primary);background-color:#eef2ff}#rp-tool-app .rp-tool-dropzone-icon{width:64px;height:64px;fill:none;stroke:var(--rp-tool-primary);stroke-width:1.5;margin-bottom:16px}#rp-tool-app .rp-tool-dropzone-text{font-size:1.125rem;font-weight:500;margin:0 0 8px}#rp-tool-app .rp-tool-dropzone-subtext{font-size:.875rem;color:var(--rp-tool-text-muted);margin:0 0 24px}#rp-tool-app .rp-tool-file-input{display:none}#rp-tool-app .rp-tool-btn{display:inline-flex;justify-content:center;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:var(--rp-tool-radius-md);border:none;transition:.2s;font-family:inherit;text-decoration:none;gap:8px}#rp-tool-app .rp-tool-btn:disabled{opacity:.6;cursor:not-allowed}#rp-tool-app .rp-tool-btn-primary{background-color:var(--rp-tool-primary);color:#fff}#rp-tool-app .rp-tool-btn-primary:hover:not(:disabled){background-color:var(--rp-tool-primary-hover);transform:translateY(-1px)}#rp-tool-app .rp-tool-btn-secondary{background-color:var(--rp-tool-secondary);color:var(--rp-tool-text-main)}#rp-tool-app .rp-tool-btn-secondary:hover:not(:disabled){background-color:var(--rp-tool-secondary-hover)}#rp-tool-app .rp-tool-btn-success{background-color:var(--rp-tool-success);color:#fff}#rp-tool-app .rp-tool-btn-success:hover:not(:disabled){background-color:var(--rp-tool-success-hover);transform:translateY(-1px)}#rp-tool-app .rp-tool-icon-sm{width:20px;height:20px;fill:currentColor}#rp-tool-app .rp-tool-icon-stroke{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#rp-tool-app .rp-tool-workspace-container{display:flex;gap:32px;align-items:flex-start}#rp-tool-app .rp-tool-grid-area{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;width:100%}#rp-tool-app .rp-tool-sidebar{width:300px;flex-shrink:0;background-color:#f9fafb;padding:24px;border-radius:var(--rp-tool-radius-lg);display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}@media (max-width:900px){#rp-tool-app .rp-tool-workspace-container{flex-direction:column}#rp-tool-app .rp-tool-sidebar{width:100%;position:static}}#rp-tool-app .rp-tool-sidebar-title{font-size:1.125rem;font-weight:600;margin:0 0 8px;padding-bottom:12px;border-bottom:1px solid var(--rp-tool-border)}#rp-tool-app .rp-tool-card{background:#fff;border:1px solid var(--rp-tool-border);border-radius:var(--rp-tool-radius-md);padding:16px;display:flex;flex-direction:column;align-items:center;position:relative;transition:box-shadow .2s}#rp-tool-app .rp-tool-card:hover{box-shadow:var(--rp-tool-shadow-md)}#rp-tool-app .rp-tool-card-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;background:var(--rp-tool-bg);border:1px solid var(--rp-tool-border);border-radius:50%;display:flex;justify-content:center;color:var(--rp-tool-text-muted);transition:.2s;z-index:10}#rp-tool-app .rp-tool-btn-icon,#rp-tool-app .rp-tool-card-title,#rp-tool-app .rp-tool-status-text{color:var(--rp-tool-text-main)}#rp-tool-app .rp-tool-card-remove:hover{color:var(--rp-tool-danger);border-color:var(--rp-tool-danger);background:#fef2f2}#rp-tool-app .rp-tool-thumbnail-wrapper{width:100%;height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden;background-color:#f3f4f6;border-radius:var(--rp-tool-radius-sm)}#rp-tool-app .rp-tool-thumbnail-canvas{max-width:100%;max-height:100%;transition:transform .3s cubic-bezier(.4, 0, .2, 1)}#rp-tool-app .rp-tool-card-title{font-size:.875rem;font-weight:500;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 12px}#rp-tool-app .rp-tool-card-actions{display:flex;gap:8px;width:100%}#rp-tool-app .rp-tool-btn-icon{flex:1;padding:8px;display:flex;align-items:center;justify-content:center;background:var(--rp-tool-secondary);border:none;border-radius:var(--rp-tool-radius-sm);cursor:pointer;transition:background .2s}#rp-tool-app .rp-tool-btn-icon:hover{background:var(--rp-tool-secondary-hover)}#rp-tool-app .rp-tool-processing-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;text-align:center}#rp-tool-app .rp-tool-spinner{width:64px;height:64px;border:4px solid var(--rp-tool-secondary);border-top-color:var(--rp-tool-primary);border-radius:50%;animation:1s linear infinite rp-tool-spin;margin-bottom:24px}@keyframes rp-tool-spin{to{transform:rotate(360deg)}}#rp-tool-app .rp-tool-progress-container{width:100%;max-width:400px;height:8px;background-color:var(--rp-tool-secondary);border-radius:4px;overflow:hidden;margin-bottom:16px}#rp-tool-app .rp-tool-progress-bar{height:100%;width:0%;background-color:var(--rp-tool-primary);transition:width .3s}#rp-tool-app .rp-tool-status-text{font-size:1.125rem;font-weight:500;margin:0}#rp-tool-app .rp-tool-success-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;text-align:center}#rp-tool-app .rp-tool-success-icon{width:80px;height:80px;color:var(--rp-tool-success);margin-bottom:24px}#rp-tool-app .rp-tool-success-actions{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap;justify-content:center}#rp-tool-app .rp-tool-error-msg{color:var(--rp-tool-danger);font-size:.875rem;margin-top:12px;text-align:center;min-height:20px}