*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e2e2f0;background:#0f0f1a;flex-direction:column;height:100dvh;font-family:system-ui,-apple-system,sans-serif;display:flex}#app{flex-direction:column;flex:1;display:flex;overflow:hidden}.app-shell{flex-direction:column;flex:1;gap:.75rem;width:100%;max-width:900px;margin:0 auto;padding:1rem;display:flex;position:relative;overflow:hidden}.tab-bar{border-bottom:1px solid #2a2a4a;flex-shrink:0;gap:4px;padding-bottom:8px;display:flex}.tab-btn{color:#77a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 16px;font-size:.875rem;transition:all .15s}.tab-btn:hover{color:#e2e2f0;background:#1e1e36}.tab-btn.active{color:#e2e2f0;background:#2a2a4a;border-color:#44446a}.tab-panel{flex-direction:column;flex:1;display:none;overflow:hidden}.tab-panel.active{display:flex}.editor-wrap{flex-direction:column;flex:1;gap:.5rem;display:flex;overflow:hidden}#main-editor{color:#e2e2f0;resize:none;background:#16162a;border:1px solid #2a2a4a;border-radius:10px;flex:1;padding:1rem;font-family:inherit;font-size:1rem;line-height:1.75;overflow-y:auto}.editor-footer{justify-content:flex-end;padding:0 4px;display:flex}#word-count{color:#77a;font-size:.8rem}.style-popup{z-index:10;background:#1e1e36;border:1px solid #44446a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex;position:absolute;left:0;right:0}.style-popup.hidden{display:none}.popup-label{color:#77a;margin-right:4px;font-size:.75rem}.popup-style-btn{color:#e2e2f0;cursor:pointer;background:#2a2a4a;border:1px solid #44446a;border-radius:6px;padding:4px 10px;font-size:1rem;transition:background .15s}.popup-style-btn:hover{background:#3a3a6a}.popup-more-btn{color:#7f77dd;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px 6px;font-size:.8rem}.popup-more-btn:hover{color:#afa9ec}.fuentes-wrap{flex-direction:column;flex:1;gap:.75rem;display:flex;overflow:hidden}#fuentes-input{color:#e2e2f0;background:#16162a;border:1px solid #2a2a4a;border-radius:8px;flex-shrink:0;padding:.6rem .9rem;font-family:inherit;font-size:1rem}#fuentes-input:focus{border-color:#534ab7;outline:none}.fuentes-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.fuente-row{background:#16162a;border:1px solid #1e1e36;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.fuente-row:hover{border-color:#2a2a4a}.fuente-label{color:#77a;flex-shrink:0;min-width:130px;font-size:.78rem}.fuente-result{word-break:break-all;flex:1;font-size:1.05rem}.fuente-copy-btn{color:#e2e2f0;cursor:pointer;background:#2a2a4a;border:1px solid #44446a;border-radius:6px;flex-shrink:0;padding:4px 12px;font-size:.8rem;transition:background .15s}.fuente-copy-btn:hover{background:#3a3a6a}.simbolos-wrap{flex-direction:column;flex:1;gap:.75rem;display:flex;overflow:hidden}.cat-pills{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.cat-btn{color:#99b;cursor:pointer;text-transform:capitalize;background:#16162a;border:1px solid #2a2a4a;border-radius:20px;padding:5px 14px;font-size:.82rem;transition:all .15s}.cat-btn:hover{color:#e2e2f0;border-color:#534ab7}.cat-btn.active{color:#afa9ec;background:#2a1f6e;border-color:#534ab7}.platform-filter{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.filter-label{color:#77a;flex-shrink:0;font-size:.78rem}.plat-pills{flex-wrap:wrap;gap:4px;display:flex}.plat-btn{color:#77a;cursor:pointer;background:0 0;border:1px solid #2a2a4a;border-radius:20px;padding:3px 10px;font-size:.75rem;transition:all .15s}.plat-btn:hover{color:#e2e2f0}.plat-btn.active{color:#e2e2f0;background:#16162a;border-color:#44446a}.sym-grid{flex-wrap:wrap;flex:1;align-content:flex-start;gap:8px;padding:4px 0;display:flex;overflow-y:auto}.sym-btn{cursor:pointer;background:#16162a;border:1px solid #2a2a4a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:52px;height:52px;transition:all .15s;display:flex;position:relative}.sym-btn:hover{background:#2a2a4a;border-color:#534ab7}.sym-char{font-size:1.5rem;line-height:1}.sym-status{font-size:.55rem;line-height:1}.sym-loading{color:#77a;padding:1rem 0;font-size:.875rem}.sym-toolbar{flex-shrink:0;gap:6px;display:flex}.sym-selected{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.sym-selected-header{align-items:center;gap:8px;display:flex}.sym-selected-label{color:#77a;margin-right:auto;font-size:.78rem}.sym-selected-input{color:#e2e2f0;resize:none;letter-spacing:.1em;background:#16162a;border:1px solid #2a2a4a;border-radius:8px;padding:.6rem .9rem;font-family:inherit;font-size:1.1rem;line-height:1.6}.sym-selected-input:focus{border-color:#534ab7;outline:none}.sym-copy-btn{color:#afa9ec;cursor:pointer;background:#2a1f6e;border:1px solid #534ab7;border-radius:6px;padding:4px 12px;font-size:.78rem;transition:background .15s}.sym-copy-btn:hover{background:#3a2f8e}.sym-clear-btn{color:#77a;cursor:pointer;background:0 0;border:1px solid #33335a;border-radius:6px;padding:4px 10px;font-size:.78rem;transition:all .15s}.sym-clear-btn:hover{color:#c88;border-color:#644}.plantillas-wrap{flex-direction:column;flex:1;gap:.75rem;display:flex;overflow:hidden}.auth-form{flex-direction:column;gap:.75rem;max-width:380px;margin:2rem auto 0;display:flex}.auth-title{color:#99b;text-align:center;margin-bottom:.5rem;font-size:.95rem;font-weight:500}.auth-error{background:#2a1a1a;border:1px solid #644;border-radius:6px;padding:6px 10px;font-size:.78rem}.templates-section{flex-direction:column;flex:1;gap:.75rem;display:flex;overflow:hidden}.templates-toolbar{flex-shrink:0;align-items:center;gap:8px;display:flex}.templates-user-email{color:#77a;margin-left:auto;font-size:.75rem}.tpl-input,.tpl-textarea,select.tpl-input{color:#e2e2f0;background:#16162a;border:1px solid #2a2a4a;border-radius:8px;width:100%;padding:.6rem .9rem;font-family:inherit;font-size:.9rem}.tpl-input:focus,.tpl-textarea:focus{border-color:#534ab7;outline:none}select.tpl-input option{background:#16162a}.tpl-textarea{resize:none}.new-template-form{background:#16162a;border:1px solid #2a2a4a;border-radius:10px;flex-direction:column;flex-shrink:0;gap:.5rem;padding:1rem;display:flex}.tpl-form-actions{gap:8px;display:flex}.templates-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.template-card{background:#16162a;border:1px solid #2a2a4a;border-radius:10px;flex-direction:column;gap:.5rem;padding:.9rem;transition:border-color .15s;display:flex}.template-card:hover{border-color:#44446a}.template-card-header{align-items:center;gap:8px;display:flex}.template-name{color:#e2e2f0;font-size:.9rem;font-weight:500}.template-type{color:#afa9ec;background:#2a1f6e;border:1px solid #534ab7;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.72rem}.template-content{color:#99b;white-space:pre-wrap;word-break:break-all;text-overflow:ellipsis;border-left:2px solid #2a2a4a;max-height:60px;padding-left:8px;font-size:.85rem;overflow:hidden}.template-actions{flex-wrap:wrap;gap:6px;display:flex}.check-btn{color:#8c8;cursor:pointer;background:#1a2a1a;border:1px solid #363;border-radius:6px;margin-left:auto;padding:4px 12px;font-size:.78rem;transition:background .15s}.check-btn:hover{background:#2a3a2a}.check-btn:disabled{opacity:.5;cursor:not-allowed}.corrector-panel{background:#16162a;border:1px solid #2a2a4a;border-radius:10px;flex-direction:column;flex-shrink:0;gap:.75rem;max-height:280px;padding:.9rem;display:flex}.corrector-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.corrector-title{color:#77a;font-size:.82rem}.corrector-results{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.corrector-loading,.corrector-error,.corrector-ok{padding:6px 0;font-size:.82rem}.corrector-loading{color:#77a}.corrector-error{color:#c88}.corrector-ok{color:#8c8}.suggestion-card{background:#1e1e36;border:1px solid #2a2a4a;border-radius:8px;flex-direction:column;gap:6px;padding:.7rem;display:flex}.suggestion-header{flex-direction:column;gap:3px;display:flex}.suggestion-original{color:#c96;font-size:.88rem;font-weight:500}.suggestion-message{color:#99b;font-size:.78rem}.suggestion-replacements{flex-wrap:wrap;gap:6px;display:flex}.suggestion-replace-btn{color:#afa9ec;cursor:pointer;background:#2a1f6e;border:1px solid #534ab7;border-radius:6px;padding:3px 10px;font-size:.82rem;transition:background .15s}.suggestion-replace-btn:hover{background:#3a2f8e}.editor-container{flex-direction:column;flex:1;display:flex;position:relative}.editor-container:before{content:"";z-index:0;background:#16162a;border:1px solid #2a2a4a;border-radius:10px;position:absolute;inset:0}.editor-container:focus-within:before{border-color:#534ab7}.editor-highlight{white-space:pre-wrap;word-wrap:break-word;pointer-events:none;color:#0000;box-sizing:border-box;z-index:1;border:1px solid #0000;border-radius:10px;padding:1rem;font-family:inherit;font-size:1rem;line-height:1.75;position:absolute;inset:0;overflow:hidden}#main-editor{z-index:2;caret-color:#e2e2f0;background:0 0;border:1px solid #0000;position:relative}#main-editor:focus{border-color:#0000;outline:none}.word-highlight{color:#0000;background:#64b46426;border-radius:2px}.error-highlight{color:#0000;background:#c8645059;border-radius:2px;-webkit-text-decoration:underline wavy #c86450cc;text-decoration:underline wavy #c86450cc}.offline-banner{color:#c80;text-align:center;background:#2a1a00;border-bottom:1px solid #640;flex-shrink:0;padding:6px;font-size:.78rem}