#rp-tool-app{--rp-primary:#A6121F;--rp-primary-hover:#d90429;--rp-bg-color:#f8f9fa;--rp-border-color:#e5e7eb;--rp-text-main:#1f2937;--rp-text-muted:#6b7280;--rp-success:#10b981;--rp-white:#ffffff;--rp-shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--rp-shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--rp-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-white);border-radius:12px;box-shadow:var(--rp-shadow-lg);padding:32px;box-sizing:border-box;transition:max-width .4s cubic-bezier(.4, 0, .2, 1);width:95%;overflow:hidden;position:relative;min-height:400px}#rp-tool-app *,#rp-tool-app ::after,#rp-tool-app ::before{box-sizing:inherit}#rp-tool-app.rp-tool-narrow{max-width:600px}#rp-tool-app:not(.rp-tool-narrow){max-width:1200px}#rp-tool-app .rp-tool-header{text-align:center;margin-bottom:24px}#rp-tool-app .rp-tool-title{font-size:28px;font-weight:700;color:var(--rp-text-main);margin:0 0 8px}#rp-tool-app .rp-tool-desc{font-size:16px;color:var(--rp-text-muted);margin:0}#rp-tool-app .rp-tool-view{display:none;opacity:0;transition:opacity .3s ease-in-out}#rp-tool-app .rp-tool-view.rp-tool-active{display:block;opacity:1}#rp-tool-app .rp-tool-dropzone{border:2px dashed var(--rp-border-color);border-radius:8px;padding:48px 24px;text-align:center;background-color:var(--rp-bg-color);cursor:pointer;transition:.2s;display:flex;flex-direction:column;align-items:center;justify-content:center}#rp-tool-app .rp-tool-dropzone.rp-tool-dragover,#rp-tool-app .rp-tool-dropzone:hover{border-color:var(--rp-primary);background-color:rgba(230,57,70,.05)}#rp-tool-app .rp-tool-icon-wrapper{width:64px;height:64px;background-color:var(--rp-white);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--rp-shadow-sm);margin-bottom:16px;color:var(--rp-primary)}#rp-tool-app .rp-tool-dropzone-text{font-size:18px;font-weight:600;color:var(--rp-text-main);margin:0 0 8px}#rp-tool-app .rp-tool-dropzone-subtext{font-size:14px;color:var(--rp-text-muted);margin:0 0 24px}#rp-tool-app .rp-tool-btn{background-color:var(--rp-primary);color:var(--rp-white);border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}#rp-tool-app .rp-tool-btn:hover{background-color:var(--rp-primary-hover)}#rp-tool-app .rp-tool-file-input{display:none}#rp-tool-app .rp-tool-workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--rp-border-color)}#rp-tool-app .rp-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:24px}#rp-tool-app .rp-tool-card{background:var(--rp-white);border:1px solid var(--rp-border-color);border-radius:8px;overflow:hidden;position:relative;box-shadow:var(--rp-shadow-sm);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}#rp-tool-app .rp-tool-card:hover{transform:translateY(-2px);box-shadow:var(--rp-shadow-md)}#rp-tool-app .rp-tool-preview-container{height:250px;background:#e5e5e5;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-bottom:1px solid var(--rp-border-color)}#rp-tool-app .rp-tool-preview-canvas{max-width:100%;max-height:100%;object-fit:contain;background:#fff}#rp-tool-app .rp-tool-loading-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--rp-text-muted);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:8px}#rp-tool-app .rp-tool-card-info{padding:12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}#rp-tool-app .rp-tool-filename{font-size:14px;font-weight:500;color:var(--rp-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 4px}#rp-tool-app .rp-tool-filesize{font-size:12px;color:var(--rp-text-muted);margin:0}#rp-tool-app .rp-tool-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background:rgba(255,255,255,.9);border:1px solid var(--rp-border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--rp-text-main);transition:background .2s,color .2s;padding:0;z-index:10}#rp-tool-app .rp-tool-remove-btn:hover{background:var(--rp-primary);color:var(--rp-white);border-color:var(--rp-primary)}#rp-tool-app .rp-tool-add-more{border:2px dashed var(--rp-border-color);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;background:0 0;cursor:pointer;color:var(--rp-text-muted);transition:.2s}#rp-tool-app .rp-tool-add-more:hover{border-color:var(--rp-primary);color:var(--rp-primary);background-color:rgba(230,57,70,.05)}#rp-tool-app .rp-tool-add-more svg{width:48px;height:48px;margin-bottom:12px}#rp-tool-app .rp-tool-actions-row{display:flex;justify-content:flex-end;gap:16px;margin-top:24px;border-top:1px solid var(--rp-border-color);padding-top:24px}#rp-tool-app .rp-tool-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 0}#rp-tool-app .rp-tool-spinner{width:60px;height:60px;border:4px solid rgba(230,57,70,.2);border-radius:50%;border-top-color:var(--rp-primary);animation:1s linear infinite rp-spin;margin-bottom:24px}@keyframes rp-spin{to{transform:rotate(360deg)}}#rp-tool-app .rp-tool-progress-bar-container{width:100%;max-width:400px;height:8px;background-color:var(--rp-bg-color);border-radius:4px;overflow:hidden;margin-bottom:16px}#rp-tool-app .rp-tool-progress-bar{height:100%;background-color:var(--rp-primary);width:0%;transition:width .3s}#rp-tool-app .rp-tool-status-text{font-size:16px;color:var(--rp-text-main);font-weight:500}#rp-tool-app .rp-tool-result-container{text-align:center;padding:40px 0}#rp-tool-app .rp-tool-success-icon{width:80px;height:80px;background-color:rgba(16,185,129,.1);color:var(--rp-success);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px}#rp-tool-app .rp-tool-success-title{font-size:24px;font-weight:700;color:var(--rp-text-main);margin:0 0 8px}#rp-tool-app .rp-tool-success-desc{color:var(--rp-text-muted);margin:0 0 32px}#rp-tool-app .rp-tool-btn-success{background-color:var(--rp-success)}#rp-tool-app .rp-tool-btn-success:hover{background-color:#059669}#rp-tool-app .rp-tool-btn-outline{background-color:transparent;border:1px solid var(--rp-border-color);color:var(--rp-text-main)}#rp-tool-app .rp-tool-btn-outline:hover{background-color:var(--rp-bg-color)}#rp-tool-app .rp-tool-result-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}#rp-tool-app .rp-tool-global-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s}#rp-tool-app .rp-tool-global-overlay.rp-tool-active{opacity:1;pointer-events:all}@media (max-width:640px){#rp-tool-app{padding:20px;margin-top:60px}#rp-tool-app .rp-tool-grid{grid-template-columns:1fr 1fr}#rp-tool-app .rp-tool-actions-row{flex-direction:column}#rp-tool-app .rp-tool-btn{width:100%}}@media (max-width:480px){#rp-tool-app .rp-tool-grid{grid-template-columns:1fr}}