#h2p-tool-app{margin:0 auto;max-width:800px;width:100%;background-color:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.08);box-sizing:border-box;color:#334155;overflow:hidden;border:1px solid #e2e8f0}#h2p-tool-app *{box-sizing:inherit}#h2p-tool-app .h2p-tool-header{padding:32px;border-bottom:1px solid #f1f5f9;text-align:center;background-color:#f8fafc}#h2p-tool-app .h2p-tool-title{margin:0 0 8px;font-size:1.75rem;font-weight:800;color:#0f172a}#h2p-tool-app .h2p-tool-subtitle{margin:0;font-size:1rem;color:#64748b}#h2p-tool-app .h2p-tool-body{padding:32px}#h2p-tool-app .h2p-tool-tabs{display:flex;gap:8px;background-color:#f1f5f9;padding:6px;border-radius:12px;margin-bottom:24px;flex-wrap:wrap}#h2p-tool-app .h2p-tool-tab-btn{flex:1;min-width:120px;min-height:48px;padding:10px 16px;background:0 0;border:none;border-radius:8px;font-family:inherit;font-size:.95rem;font-weight:600;color:#485061;cursor:pointer;transition:.2s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:8px;user-select:none;-webkit-tap-highlight-color:transparent;outline:0}#h2p-tool-app .h2p-tool-tab-btn svg{width:18px;height:18px;flex-shrink:0}#h2p-tool-app .h2p-tool-tab-btn.h2p-tool-active{background-color:#fff;color:#0f172a;box-shadow:0 2px 8px rgba(0,0,0,.05)}#h2p-tool-app .h2p-tool-pane{display:none;animation:.3s h2p-tool-fade-in}#h2p-tool-app .h2p-tool-error-msg.h2p-tool-visible,#h2p-tool-app .h2p-tool-pane.h2p-tool-active{display:block}@keyframes h2p-tool-fade-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}#h2p-tool-app .h2p-tool-textarea{width:100%;height:250px;min-height:150px;padding:16px;border:2px solid #e2e8f0;border-radius:12px;font-family:monospace;font-size:.9rem;color:#334155;resize:vertical;transition:border-color .2s;background-color:#f8fafc}#h2p-tool-app .h2p-tool-btn,#h2p-tool-app .h2p-tool-select{font-family:inherit;cursor:pointer;min-height:48px;outline:0}#h2p-tool-app .h2p-tool-textarea:focus{outline:0;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}#h2p-tool-app .h2p-tool-dropzone{border:2px dashed #cbd5e1;border-radius:12px;padding:48px 24px;text-align:center;background-color:#f8fafc;cursor:pointer;transition:.2s;position:relative}#h2p-tool-app .h2p-tool-dropzone.h2p-tool-dragover{border-color:#3b82f6;background-color:#eff6ff}#h2p-tool-app .h2p-tool-dropzone-icon{width:48px;height:48px;color:#94a3b8;margin-bottom:16px;transition:color .2s}#h2p-tool-app .h2p-tool-dropzone.h2p-tool-dragover .h2p-tool-dropzone-icon{color:#3b82f6}#h2p-tool-app .h2p-tool-dropzone-title{font-size:1.15rem;font-weight:700;color:#1e293b;margin:0 0 8px}#h2p-tool-app .h2p-tool-dropzone-text{font-size:.9rem;color:#64748b;margin:0}#h2p-tool-app .h2p-tool-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}#h2p-tool-app .h2p-tool-file-info{display:none;margin-top:16px;padding:12px 16px;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;font-weight:600;font-size:.95rem;align-items:center;justify-content:space-between;gap:12px;min-width:0}#h2p-tool-app .h2p-tool-file-info.h2p-tool-visible{display:flex}#h2p-tool-app #h2p-tool-file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;min-width:0}#h2p-tool-app .h2p-tool-file-remove{background:0 0;border:none;color:#0369a1;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}#h2p-tool-app .h2p-tool-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;padding-top:24px;border-top:1px solid #f1f5f9}#h2p-tool-app .h2p-tool-opt-group{display:flex;flex-direction:column;gap:8px}#h2p-tool-app .h2p-tool-label{font-size:.85rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px}#h2p-tool-app .h2p-tool-select{padding:12px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;font-weight:500;color:#1e293b;background-color:#fff;transition:border-color .2s,box-shadow .2s}#h2p-tool-app .h2p-tool-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}#h2p-tool-app .h2p-tool-action{text-align:center;margin-top:24px}#h2p-tool-app .h2p-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#2563eb;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:1rem;font-weight:600;transition:.2s cubic-bezier(.4, 0, .2, 1);width:100%;text-decoration:none;user-select:none;-webkit-tap-highlight-color:transparent}#h2p-tool-app .h2p-tool-btn:active{transform:scale(.96)!important}#h2p-tool-app .h2p-tool-btn:focus-visible{box-shadow:0 0 0 3px #bfdbfe,0 0 0 5px #3b82f6}#h2p-tool-app .h2p-tool-btn svg{flex-shrink:0}#h2p-tool-app .h2p-tool-btn-secondary{background-color:#f1f5f9;color:#475569}@media (hover:hover) and (pointer:fine){#h2p-tool-app .h2p-tool-btn:hover{background-color:#1d4ed8;transform:translateY(-1px)}#h2p-tool-app .h2p-tool-btn-secondary:hover{background-color:#e2e8f0}#h2p-tool-app .h2p-tool-tab-btn:not(.h2p-tool-active):hover{color:#334155;background-color:#e2e8f0}#h2p-tool-app .h2p-tool-dropzone:hover{border-color:#3b82f6;background-color:#eff6ff}#h2p-tool-app .h2p-tool-dropzone:hover .h2p-tool-dropzone-icon{color:#3b82f6}#h2p-tool-app .h2p-tool-file-remove:hover{background-color:#bae6fd}}#h2p-tool-app .h2p-tool-progress-wrapper,#h2p-tool-app .h2p-tool-result-wrapper{display:none;padding:40px 20px;text-align:center}#h2p-tool-app .h2p-tool-progress-wrapper.h2p-tool-visible,#h2p-tool-app .h2p-tool-result-wrapper.h2p-tool-visible{display:block;animation:.3s h2p-tool-fade-in}#h2p-tool-app .h2p-tool-spinner{width:56px;height:56px;border:4px solid #f1f5f9;border-top:4px solid #3b82f6;border-radius:50%;animation:1s linear infinite h2p-tool-spin;margin:0 auto 24px}#h2p-tool-app .h2p-tool-status-text{font-size:1.15rem;font-weight:700;color:#1e293b;margin:0 0 16px}#h2p-tool-app .h2p-tool-progress-bar-container{width:100%;height:10px;background-color:#e2e8f0;border-radius:5px;overflow:hidden;margin:0 auto;max-width:400px}#h2p-tool-app .h2p-tool-progress-bar{height:100%;width:0%;background-color:#3b82f6;transition:width .4s cubic-bezier(.4, 0, .2, 1);border-radius:5px}#h2p-tool-app .h2p-tool-success-icon{width:72px;height:72px;color:#10b981;margin:0 auto 16px}#h2p-tool-app .h2p-tool-result-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 10px}#h2p-tool-app .h2p-tool-result-text{font-size:1.05rem;color:#64748b;margin:0 0 32px}#h2p-tool-app .h2p-tool-result-actions{display:flex;gap:16px;justify-content:center;max-width:600px;margin:0 auto;width:100%}#h2p-tool-app .h2p-tool-error-msg{display:none;padding:14px;background-color:#fef2f2;color:#b91c1c;border-radius:8px;margin-bottom:20px;font-size:.95rem;font-weight:500;text-align:center;border:1px solid #fecaca}#h2p-tool-app .h2p-tool-render-container{position:absolute;left:-9999px;top:-9999px;width:1000px;z-index:-1;visibility:hidden}@media (max-width:639px){#h2p-tool-app .h2p-tool-body,#h2p-tool-app .h2p-tool-header{padding:24px 16px}#h2p-tool-app .h2p-tool-title{font-size:1.5rem}#h2p-tool-app .h2p-tool-dropzone{padding:32px 16px}#h2p-tool-app .h2p-tool-options{grid-template-columns:1fr;gap:20px}#h2p-tool-app .h2p-tool-result-actions{flex-direction:column;gap:12px}}