*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.extension-container{width:400px;height:600px;background:#1a1a1a;color:#fff;overflow:hidden;display:flex;flex-direction:column}.header{text-align:center;padding:24px 24px 20px;background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 50%,#1a1a1a 100%);border-bottom:1px solid rgba(102,126,234,.15)}.header h1{font-size:38px;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#ffffff 0%,#e2e8f0 50%,#cbd5e1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.header p{color:#94a3b8;font-size:13px;font-weight:500;letter-spacing:.5px;opacity:.9}.backend-status{padding:8px 16px;font-size:12px;text-align:center;font-weight:600;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.85}}.navigation{display:flex;background:linear-gradient(180deg,#1f1f1f 0%,#1a1a1a 100%);border-bottom:2px solid rgba(102,126,234,.2);box-shadow:0 2px 10px #0000004d}.nav-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;background:transparent;border:none;color:#8b92a7;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;letter-spacing:.3px}.nav-tab:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px 2px 0 0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-tab:hover{background:rgba(102,126,234,.08);color:#cbd5e1}.nav-tab.active{color:#667eea;background:rgba(102,126,234,.12)}.nav-tab.active:before{transform:translate(-50%) scaleX(1)}.nav-icon{font-size:17px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:transform .3s ease}.nav-tab:hover .nav-icon{transform:scale(1.1)}.nav-tab.active .nav-icon{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(102,126,234,.4))}.nav-label{font-weight:700;letter-spacing:.3px}.tab-content{height:100%;overflow-y:auto;background:#1a1a1a}.saved-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center}.placeholder-icon{font-size:64px;margin-bottom:20px;opacity:.4;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.saved-placeholder h3{color:#e2e8f0;font-size:20px;margin:0 0 12px;font-weight:700}.saved-placeholder p{color:#718096;font-size:14px;margin:0;max-width:280px;line-height:1.5}.main-content{flex:1;padding:0 20px 20px;overflow-y:auto}.content-space{display:flex;flex-direction:column;gap:14px}.text-input{width:100%;height:120px;padding:16px 18px;background:linear-gradient(145deg,#2a2a2a 0%,#1e1e1e 100%);color:#f8fafc;border:1px solid rgba(102,126,234,.2);border-radius:14px;resize:none;font-size:14px;line-height:1.6;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 4px 15px #0003,inset 0 1px #ffffff0d}.text-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33,0 8px 25px #667eea26,inset 0 1px #ffffff1a;transform:translateY(-2px);background:linear-gradient(145deg,#2d2d2d 0%,#222222 100%)}.text-input::placeholder{color:#64748b}.transform-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.transform-button{display:flex;align-items:center;gap:9px;padding:13px 16px;background:linear-gradient(145deg,#2a2a2a 0%,#1e1e1e 100%);color:#cbd5e1;border:1px solid rgba(102,126,234,.15);border-radius:12px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;font-family:inherit;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.transform-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s}.transform-button:hover:before{left:100%}.transform-button:hover{background:linear-gradient(145deg,#374151 0%,#2d3748 100%);color:#fff;border-color:#667eea4d;transform:translateY(-3px);box-shadow:0 8px 20px #667eea33}.transform-button.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea;box-shadow:0 0 0 2px #667eea4d,0 8px 25px #667eea66;transform:translateY(-2px)}.transform-button span:first-child{font-size:15px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.convert-button{width:100%;padding:16px;border-radius:14px;font-weight:700;color:#fff;font-size:16px;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;font-family:inherit;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 8px 25px #667eea4d,inset 0 1px #fff3;position:relative;overflow:hidden;letter-spacing:.5px}.convert-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.convert-button:not(:disabled):hover:before{left:100%}.convert-button:not(:disabled):hover{box-shadow:0 12px 35px #667eea66,0 5px 15px #667eea33,inset 0 1px #ffffff4d;transform:translateY(-2px) scale(1.02)}.convert-button:disabled{background:linear-gradient(135deg,#4b5563 0%,#374151 100%);cursor:not-allowed;opacity:.6}.convert-button-loading{display:flex;align-items:center;justify-content:center;gap:8px}.convert-button-spinner{width:18px;height:18px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.result-container{display:flex;flex-direction:column;gap:18px;animation:slideInUp .4s cubic-bezier(.4,0,.2,1)}.result-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid rgba(102,126,234,.2)}.result-title{font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.reset-button{color:#9ca3af;background:none;border:none;font-size:13px;cursor:pointer;transition:all .3s ease;padding:6px 12px;border-radius:6px;font-weight:600}.reset-button:hover{color:#667eea;background:rgba(102,126,234,.1)}.result-text-container{position:relative}.result-text-box{background:linear-gradient(145deg,#2a2a2a 0%,#1e1e1e 100%);border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:20px 50px 20px 20px;min-height:120px;max-height:180px;overflow-y:auto;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff1a}.result-text{color:#f8fafc;font-size:15px;line-height:1.7;white-space:pre-wrap;margin:0}.copy-icon-button{position:absolute;top:16px;right:16px;padding:10px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0003;z-index:10}.copy-icon-button.copied{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;transform:scale(1.1)}.copy-icon-button:not(.copied){background:rgba(55,65,81,.8);color:#9ca3af}.copy-icon-button:not(.copied):hover{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:translateY(-2px) scale(1.05)}.copy-icon{width:16px;height:16px;fill:currentColor}.result-actions{display:flex;gap:14px}.action-button{flex:1;padding:14px;border-radius:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.action-button:hover:before{left:100%}.copy-action-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 15px #667eea4d}.copy-action-button:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.new-action-button{background:linear-gradient(145deg,#2a2a2a 0%,#1e1e1e 100%);color:#cbd5e1;border:1px solid rgba(102,126,234,.2);box-shadow:0 4px 15px #0003}.new-action-button:hover{background:linear-gradient(145deg,#374151 0%,#2d3748 100%);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #3741514d}.action-icon{width:16px;height:16px;fill:currentColor}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50}.loading-modal{background:#2a2a2a;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner-container{position:relative}.loading-spinner-bg{width:48px;height:48px;border:4px solid #374151;border-radius:50%}.loading-spinner{width:48px;height:48px;border:4px solid #3b82f6;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;position:absolute;top:0;left:0}.loading-text{color:#fff;font-weight:500;margin:0}.hist-embed{height:100%;display:flex;flex-direction:column;background:#1a1a1a}.hist-embed-content{height:100%;display:flex;flex-direction:column}.hist-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.hist-modal{background:#1a1a1a;border-radius:16px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column}.hist-filters{padding:14px 20px;border-bottom:1px solid rgba(102,126,234,.2);display:flex;gap:10px;align-items:center;background:#1f1f1f}.hist-filter{padding:8px 18px;border:1px solid rgba(102,126,234,.2);background:#2a2a2a;border-radius:8px;font-size:13px;color:#94a3b8;font-weight:600;cursor:pointer;transition:all .3s}.hist-filter:hover{border-color:#667eea;color:#e2e8f0}.hist-filter.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d}.hist-delete{margin-left:auto;padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.hist-error{padding:12px 20px;background:rgba(239,68,68,.1);color:#ef4444;font-size:13px;border-bottom:1px solid rgba(239,68,68,.2)}.hist-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#8b92a7}.hist-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.hist-list{overflow-y:auto;padding:16px 20px;flex:1}.hist-card{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:1px solid rgba(102,126,234,.15);border-radius:12px;padding:16px;margin-bottom:12px;transition:all .3s}.hist-card:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea33;transform:translateY(-2px)}.hist-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.hist-type{padding:5px 12px;background:rgba(102,126,234,.15);border:1px solid rgba(102,126,234,.25);border-radius:6px;font-size:10px;color:#cbd5e1;font-weight:700;letter-spacing:.5px}.hist-time{font-size:12px;color:#8b92a7;font-weight:600;margin-left:auto}.hist-texts{margin-bottom:14px}.hist-label{font-size:10px;color:#667eea;font-weight:700;letter-spacing:1px;margin-bottom:6px}.hist-text{font-size:13px;color:#cbd5e1;line-height:1.6;background:rgba(0,0,0,.2);padding:10px;border-radius:6px;border:1px solid rgba(102,126,234,.1);margin-bottom:8px}.hist-actions{display:flex;gap:8px}.hist-btn-use{flex:1;padding:10px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s}.hist-btn-use:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.hist-btn-save{padding:10px 18px;background:#2a2a2a;color:#f59e0b;border:1px solid rgba(245,158,11,.3);border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s}.hist-btn-save:hover{background:#f59e0b;color:#fff;border-color:#f59e0b}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content::-webkit-scrollbar,.result-text-box::-webkit-scrollbar,.hist-list::-webkit-scrollbar{width:5px}.main-content::-webkit-scrollbar-track,.result-text-box::-webkit-scrollbar-track,.hist-list::-webkit-scrollbar-track{background:#1a1a1a}.main-content::-webkit-scrollbar-thumb,.result-text-box::-webkit-scrollbar-thumb,.hist-list::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.main-content::-webkit-scrollbar-thumb:hover,.result-text-box::-webkit-scrollbar-thumb:hover,.hist-list::-webkit-scrollbar-thumb:hover{background:#4b5563}@media (max-width: 400px){.nav-label{font-size:11px}.nav-icon{font-size:16px}}.saved-container{height:100%;display:flex;flex-direction:column;background:#1a1a1a;padding:20px}.saved-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(102,126,234,.2)}.saved-title{display:flex;align-items:center;gap:12px}.saved-icon{font-size:28px;filter:drop-shadow(0 2px 8px rgba(245,158,11,.5))}.saved-title h2{margin:0;font-size:22px;font-weight:700;color:#e2e8f0;letter-spacing:-.5px}.saved-delete-btn{padding:8px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.saved-delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.saved-error{padding:12px 16px;background:rgba(239,68,68,.1);color:#ef4444;border-radius:8px;font-size:13px;margin-bottom:16px;font-weight:600}.saved-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;color:#8b92a7}.saved-spinner{width:40px;height:40px;border:3px solid rgba(245,158,11,.2);border-top-color:#f59e0b;border-radius:50%;animation:spin .8s linear infinite}.saved-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:40px 20px}.saved-empty-icon{font-size:80px;margin-bottom:20px;opacity:.3;animation:float 3s ease-in-out infinite}.saved-empty h3{font-size:20px;color:#e2e8f0;margin:0 0 12px;font-weight:700}.saved-empty p{font-size:14px;color:#8b92a7;margin:0 0 32px;max-width:320px;line-height:1.6}.saved-empty-steps{display:flex;flex-direction:column;gap:16px;width:100%;max-width:300px}.saved-step{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:1px solid rgba(102,126,234,.15);border-radius:10px;text-align:left;font-size:13px;color:#cbd5e1}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0}.saved-list{overflow-y:auto;flex:1}.saved-count{font-size:13px;color:#8b92a7;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.saved-card{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:16px;margin-bottom:16px;transition:all .3s ease}.saved-card:hover{border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b26;transform:translateY(-2px)}.saved-card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.saved-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#f59e0b}.saved-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);border-radius:6px;font-size:11px;color:#fbbf24;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.saved-badge span:first-child{font-size:14px}.saved-date{font-size:12px;color:#8b92a7;font-weight:600;margin-left:auto}.saved-card-body{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.saved-section{display:flex;flex-direction:column;gap:6px}.saved-label{font-size:10px;color:#f59e0b;font-weight:700;letter-spacing:1px}.saved-content{font-size:13px;color:#cbd5e1;line-height:1.6;background:rgba(0,0,0,.3);padding:10px;border-radius:6px;border:1px solid rgba(245,158,11,.1)}.saved-arrow{text-align:center;color:#f59e0b;font-size:18px;font-weight:700;margin:4px 0}.saved-card-actions{display:flex;gap:8px}.saved-use-btn{flex:1;padding:10px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease}.saved-use-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.saved-remove-btn{padding:10px 18px;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease}.saved-remove-btn:hover{background:rgba(239,68,68,.1);border-color:#ef4444}#root{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:#0f0f0f}.logo,.card,.read-the-docs{display:none}.transform-container{width:100%}.selected-info{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#667eea15 0%,#764ba215 100%);border-radius:8px;margin-bottom:12px;border:1px solid #e5e7eb}.selected-count{font-size:13px;font-weight:600;color:#667eea}.clear-all-btn{padding:4px 12px;background:transparent;border:1px solid #667eea;border-radius:6px;font-size:12px;font-weight:600;color:#667eea;cursor:pointer;transition:all .2s ease}.clear-all-btn:hover{background:#667eea;color:#fff}.transform-button{position:relative}.transform-button.disabled{opacity:.4;cursor:not-allowed;background:#f3f4f6}.transform-button.disabled:hover{transform:none;box-shadow:none}.selection-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 2px 4px #0003}.transform-order-info{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:12px;font-size:12px;color:#0369a1;line-height:1.5}.info-icon{font-size:16px;flex-shrink:0}