body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;color:#fff;padding:2rem 0;text-align:center}.header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.header-content p{font-size:1.1rem;opacity:.9}.tab-navigation{background:#ffffff0d;display:flex;gap:1rem;justify-content:center;padding:1.5rem}.tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.tab-btn:hover{background:#fff3;transform:translateY(-2px)}.tab-btn.active{background:#ffffffe6;border-color:#ffffffe6;color:#667eea}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.embeddings-section,.tokenizer-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:2rem}.section-header{margin-bottom:2rem;text-align:center}.section-header h2{color:#333;font-size:2rem;margin-bottom:.5rem}.section-header p{color:#666;font-size:1.1rem}.tokenizer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.tokenizer-grid{grid-template-columns:1fr}}.decode-section,.encode-section{background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;padding:1.5rem}.decode-section h3,.encode-section h3{color:#495057;font-size:1.2rem;margin-bottom:1rem}.model-info{align-items:center;background:#ffffff1a;border:1px solid #ffaf504d;border-radius:12px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.model-label{color:#fff;font-size:.9rem;font-weight:600}.model-name{background:#ffaf5033;border:1px solid #ffaf504d;border-radius:20px;color:#ffb347;font-size:.85rem;font-weight:500;padding:.5rem 1rem}.input-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.text-input{border:2px solid #dee2e6;border-radius:10px;font-family:Courier New,monospace;font-size:1rem;padding:1rem;resize:vertical;transition:border-color .3s ease}.text-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.decode-btn,.encode-btn,.generate-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.encode-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.decode-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.generate-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.decode-btn:hover,.encode-btn:hover,.generate-btn:hover{box-shadow:0 10px 20px #0003;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.result-box{background:#fff;border:2px solid #e9ecef;border-radius:10px;margin-top:1rem;padding:1rem}.result-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.token-count{color:#495057;font-weight:600}.copy-btn{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s ease}.copy-btn:hover{background:#218838}.tokens-display{display:flex;flex-wrap:wrap;gap:.5rem}.token{background:#667eea;color:#fff;font-size:.9rem;padding:.25rem .5rem}.decoded-text,.token{border-radius:5px;font-family:Courier New,monospace}.decoded-text{background:#f8f9fa;border:1px solid #dee2e6;padding:1rem}.embeddings-container{display:flex;flex-direction:column;gap:2rem}.input-section{background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;padding:1.5rem}.input-section h3{color:#495057;font-size:1.2rem;margin-bottom:1rem}.error-box{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:10px;color:#721c24;display:flex;gap:.5rem;padding:1rem}.error-icon{font-size:1.2rem}.results-section{display:flex;flex-direction:column;gap:1.5rem}.embedding-stats{background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;padding:1.5rem}.stat-card h4{color:#495057;font-size:1.2rem;margin-bottom:1rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.stat-label{color:#6c757d;font-weight:600}.stat-value{color:#495057;font-weight:700}.embedding-preview{background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:1rem}.embedding-preview h4{color:#495057;margin-bottom:1rem}.embedding-values{background:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;font-family:Courier New,monospace;overflow-x:auto;padding:1rem}.embedding-visualization{background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:1rem}.embedding-visualization h4{color:#495057;margin-bottom:1rem}.vector-bars{align-items:end;background:#f8f9fa;border-radius:8px;display:flex;gap:4px;height:350px;overflow-x:auto;padding:1rem}.vector-bar{border-radius:3px 3px 0 0;cursor:pointer;min-width:10px;transition:all .2s ease}.vector-bar:hover{opacity:.8;transform:scaleY(1.1)}.viz-note{color:#6c757d;font-size:.9rem;margin-top:.5rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-top:1px solid #fff3;color:#fff;margin-top:auto;padding:1rem;text-align:center}.app-footer p{opacity:.8}@media (max-width:768px){.header-content h1{font-size:2rem}.main-content{padding:1rem}.embeddings-section,.tokenizer-section{padding:1.5rem}.tab-navigation{align-items:center;flex-direction:column}.stats-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.0c9ca193.css.map*/