:root{--tabbar-h:3.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}#app{background-color:#1e242e;width:100%;height:100dvh;position:relative}#toolbar{z-index:10;align-items:center;gap:.4rem;display:flex;position:absolute;top:1rem;left:1rem}.tool-button{color:#e0e0e0;cursor:pointer;-webkit-user-select:none;user-select:none;background:#3a3a3a;border:1px solid #1a1a1a;border-radius:4px;padding:.4rem .9rem;font-family:Segoe UI,system-ui,sans-serif;font-size:.78rem;transition:background .1s}.tool-button:hover{color:#fff;background:#4772b3;border-color:#3a5a8a}.file-button{color:#e0e0e0;cursor:pointer;-webkit-user-select:none;user-select:none;background:#3a3a3a;border:1px solid #1a1a1a;border-radius:4px;padding:.4rem .9rem;font-family:Segoe UI,system-ui,sans-serif;font-size:.78rem;transition:background .1s;display:inline-block}.file-button:hover{color:#fff;background:#4772b3;border-color:#3a5a8a}.file-button input{display:none}.empty{color:#777;margin:0;padding:.25rem .6rem}#tree-panel{color:#d4d4d4;z-index:10;background:#2b2b2b;border:1px solid #181818;border-radius:4px;width:320px;max-height:48vh;padding:.25rem 0;font-size:.78rem;position:absolute;top:4.5rem;left:1rem;overflow:auto}#tree-panel h2{color:#9a9a9a;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;padding:.25rem .6rem;font-size:.72rem;font-weight:600}.tree-branch{margin:0}.tree-branch>summary,.tree-leaf{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.3rem;padding:1px .5rem;line-height:1.6;list-style:none;display:flex}.tree-branch>summary::-webkit-details-marker{display:none}.tree-branch>summary:before{content:"";border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-left:4px solid #8a8a8a;flex:none;width:0;height:0;transition:transform .1s}.tree-branch[open]>summary:before{transform:rotate(90deg)}.tree-leaf{padding-left:calc(.8rem + 4px)}.tree-icon{border-radius:2px;flex:none;width:9px;height:9px}.tree-icon-rama{background:#6a9ec5}.tree-icon-hoja{background:#d9863b}.tree-cat{color:#8a8a8a}.tree-name{color:#e2e2e2}.tree-branch>:not(summary){margin-left:.7rem}.tree-branch>summary:hover,.tree-leaf:hover{background:#3a3a3a}.tree-leaf.selected{background:#4772b3}.tree-leaf.selected .tree-cat{color:#d3e1f6}.tree-leaf.selected .tree-name{color:#fff}#properties-panel{color:#d4d4d4;z-index:10;background:#2b2b2b;border:1px solid #181818;border-radius:4px;width:320px;max-height:calc(78vh - 3rem);padding:.25rem 0;font-size:.78rem;position:absolute;top:calc(22vh + 1.5rem);right:1rem;overflow:auto}#properties-panel h2{color:#9a9a9a;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;padding:.25rem .6rem;font-size:.72rem;font-weight:600}.prop-group{margin:0}.prop-group>summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:#cdcdcd;white-space:nowrap;align-items:center;gap:.3rem;padding:1px .5rem;font-weight:600;line-height:1.6;list-style:none;display:flex}.prop-group>summary::-webkit-details-marker{display:none}.prop-group>summary:before{content:"";border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-left:4px solid #8a8a8a;flex:none;width:0;height:0;transition:transform .1s}.prop-group[open]>summary:before{transform:rotate(90deg)}.prop-row{justify-content:space-between;gap:.75rem;padding:1px .5rem;line-height:1.6;display:flex}.prop-row:hover,.prop-group>summary:hover{background:#3a3a3a}.prop-key{color:#8a8a8a}.prop-val{color:#e2e2e2;text-align:right;word-break:break-word}.prop-group>:not(summary){margin-left:.7rem}#category-panel{color:#d4d4d4;z-index:10;background:#2b2b2b;border:1px solid #181818;border-radius:4px;width:280px;max-height:38vh;padding:.25rem 0;font-size:.78rem;position:absolute;bottom:1rem;left:1rem;overflow:auto}#category-panel h2{color:#9a9a9a;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;padding:.25rem .6rem;font-size:.72rem;font-weight:600}.cat-row{align-items:center;gap:.4rem;padding:1px .6rem;line-height:1.7;display:flex}.cat-row:hover{background:#3a3a3a}.cat-label{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.cat-name{color:#d4d4d4;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cat-color{cursor:pointer;background:0 0;border:1px solid #181818;border-radius:3px;flex:none;width:22px;height:18px;padding:0}.cat-reset{color:#9a9a9a;cursor:pointer;background:#333;border:1px solid #181818;border-radius:3px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.85rem;line-height:1;display:flex}.cat-reset:hover{color:#d4d4d4;background:#454545}.tool-button.activo{color:#fff;background:#4772b3;border-color:#3a5a8a}#models-panel{color:#d4d4d4;z-index:10;background:#2b2b2b;border:1px solid #181818;border-radius:4px;width:300px;max-height:22vh;padding:.25rem 0;font-size:.78rem;position:absolute;top:1rem;right:1rem;overflow:auto}#models-panel h2{color:#9a9a9a;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;padding:.25rem .6rem;font-size:.72rem;font-weight:600}.model-row{align-items:center;gap:.4rem;padding:1px .6rem;line-height:1.7;display:flex}.model-row:hover{background:#3a3a3a}.model-eye{cursor:pointer;flex:none}.model-name{text-overflow:ellipsis;white-space:nowrap;color:#d4d4d4;cursor:pointer;flex:1;min-width:0;overflow:hidden}.model-remove{color:#c98;cursor:pointer;background:0 0;border:none;flex:none;padding:0 .2rem;font-size:.85rem}.model-remove:hover{color:#f66}.model-row.activo{background:#4772b3}.model-row.activo .model-name{color:#fff}.model-download{color:#8ab;cursor:pointer;background:0 0;border:none;flex:none;padding:0 .2rem;font-size:.85rem}.model-download:hover{color:#4772b3}#ids-panel{color:#d4d4d4;z-index:20;background:#2b2b2b;border:1px solid #181818;border-radius:4px;width:340px;max-height:calc(100vh - 2rem);padding:.25rem 0 .5rem;font-size:.78rem;position:absolute;top:1rem;right:1rem;overflow:auto}#ids-panel.hidden{display:none}#ids-panel h2{color:#9a9a9a;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem;padding:.25rem .6rem;font-size:.72rem;font-weight:600}.ids-load{color:#d4d4d4;cursor:pointer;background:#3a3a3a;border:1px solid #181818;border-radius:3px;margin:0 .6rem .5rem;padding:.3rem .6rem}.ids-load:hover{color:#fff;background:#4772b3}.ids-spec{border-top:1px solid #181818;padding:.4rem .6rem}.ids-spec-header{cursor:pointer;align-items:center;gap:.4rem;display:flex}.ids-spec-toggle{color:#8a8a8a;text-align:center;flex:none;width:.9rem;font-size:.7rem}.ids-spec-header:hover .ids-spec-name,.ids-spec-header:hover .ids-spec-toggle{color:#fff}.ids-spec.colapsada .ids-spec-body{display:none}.ids-spec-name{color:#eaeaea;font-weight:600}.ids-colapsar-todo{letter-spacing:-.15em;padding:.3rem .5rem;font-weight:700}.ids-spec-desc{color:#b8b8b8;margin:.15rem 0}.ids-spec-meta{color:#8a8a8a;font-size:.72rem}.ids-acciones{align-items:center;gap:.5rem;margin-top:.3rem;display:flex}.ids-revisar{color:#d4d4d4;cursor:pointer;background:#3a3a3a;border:1px solid #181818;border-radius:3px;padding:.2rem .5rem;font-size:.74rem}.ids-revisar:hover:not(:disabled){color:#fff;background:#4772b3}.ids-revisar:disabled{opacity:.5;cursor:default}.ids-resumen{color:#8a8a8a;font-size:.74rem}.ids-resumen.ok{color:#2ecc71}.ids-resumen.ko{color:#e74c3c}.ids-resumen.parcial{color:#e5a53f}.ids-fallos{max-height:160px;margin-top:.35rem;overflow:auto}.ids-fallo{color:#d4d4d4;cursor:pointer;white-space:nowrap;box-sizing:border-box;border-left:3px solid #0000;width:max-content;min-width:100%;padding:2px .3rem;font-size:.74rem}.ids-fallo.pass{border-left-color:#2ecc71}.ids-fallo.fail{border-left-color:#e74c3c}.ids-fallo:hover{color:#fff;background:#4772b3}.ids-fallo-motivo{color:#8a8a8a}.ids-fallo:hover .ids-fallo-motivo{color:#dbe6ff}.ids-fallo-mas{color:#8a8a8a;padding:2px .3rem;font-size:.72rem;font-style:italic}#bcf-panel{color:#d4d4d4;z-index:20;background:#2b2b2b;border:1px solid #181818;border-radius:4px;width:340px;max-height:calc(100vh - 2rem);padding:.25rem 0 .5rem;font-size:.78rem;position:absolute;top:1rem;right:1rem;overflow:auto}#bcf-panel.hidden{display:none}#bcf-panel h2{color:#9a9a9a;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem;padding:.25rem .6rem;font-size:.72rem;font-weight:600}#bcf-form{flex-direction:column;gap:.35rem;padding:0 .6rem .5rem;display:flex}#bcf-form input,#bcf-form textarea{color:#d4d4d4;resize:vertical;background:#1e1e1e;border:1px solid #181818;border-radius:3px;padding:.3rem .4rem;font-family:inherit;font-size:.76rem}#bcf-io{margin:0 -.6rem;display:flex}#bcf-form details>summary{cursor:pointer;color:#9a9a9a;text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none;padding:.15rem 0;font-size:.72rem}#bcf-form details>summary:hover{color:#d4d4d4}.bcf-campos{grid-template-columns:auto 1fr;align-items:center;gap:.25rem .4rem;padding:.25rem 0 .1rem;display:grid}.bcf-campos label{color:#b8b8b8;font-size:.74rem}.bcf-campos input,.bcf-campos select{color:#d4d4d4;background:#1e1e1e;border:1px solid #181818;border-radius:3px;min-width:0;padding:.2rem .3rem;font-family:inherit;font-size:.74rem}.bcf-item{border-top:1px solid #181818}.bcf-topic{cursor:pointer;padding:.4rem .6rem}.bcf-topic:hover{background:#333a45}.bcf-topic-cab{align-items:center;gap:.4rem;display:flex}.bcf-topic-title{color:#eaeaea;flex:1;font-weight:600}.bcf-comentarios-toggle{color:#d4d4d4;cursor:pointer;background:#3a3a3a;border:1px solid #181818;border-radius:3px;flex:none;padding:.1rem .35rem;font-family:inherit;font-size:.72rem}.bcf-comentarios-toggle:hover{color:#fff;background:#4772b3}.bcf-topic-meta{color:#8a8a8a;margin-top:.15rem;font-size:.72rem}.bcf-topic-desc{color:#b8b8b8;margin-top:.2rem;font-size:.74rem}.bcf-comentarios{background:#262626;padding:.3rem .6rem .45rem}.bcf-comentarios.oculta{display:none}.bcf-comentario-vacio{color:#8a8a8a;margin:0 0 .3rem;font-size:.72rem;font-style:italic}.bcf-comentario{border-left:3px solid #4772b3;margin-bottom:.3rem;padding:.1rem 0 .1rem .4rem}.bcf-comentario-texto{color:#d4d4d4;white-space:pre-wrap;font-size:.74rem}.bcf-comentario-meta{color:#8a8a8a;font-size:.7rem}.bcf-comentario-form{gap:.3rem;display:flex}.bcf-comentario-form input{color:#d4d4d4;background:#1e1e1e;border:1px solid #181818;border-radius:3px;flex:1;min-width:0;padding:.25rem .4rem;font-family:inherit;font-size:.74rem}.bcf-comentario-form button{color:#d4d4d4;cursor:pointer;background:#3a3a3a;border:1px solid #181818;border-radius:3px;flex:none;padding:.25rem .5rem;font-family:inherit;font-size:.74rem}.bcf-comentario-form button:hover{color:#fff;background:#4772b3}#progreso{z-index:40;color:#d4d4d4;pointer-events:none;background:#2b2b2b;border:1px solid #181818;border-radius:6px;flex-direction:column;align-items:center;gap:.4rem;padding:.7rem 1.1rem;font-size:.78rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#progreso[hidden]{display:none}#progreso-barra{background:#1e1e1e;border-radius:2px;width:180px;height:4px;overflow:hidden}#progreso-relleno{background:#4772b3;width:0%;height:100%;transition:width .15s linear}#tabbar,.panel-cerrar{display:none}@media (width<=900px){:root{--tabbar-h:calc(3.5rem + env(safe-area-inset-bottom))}#toolbar{padding:.4rem .5rem;padding-top:calc(.4rem + env(safe-area-inset-top));scrollbar-width:none;background:#1e242ee6;flex-wrap:nowrap;gap:.35rem;top:0;left:0;right:0;overflow:auto hidden}#toolbar::-webkit-scrollbar{display:none}#toolbar .tool-button,#toolbar .file-button{flex:none;align-items:center;min-height:2.5rem;display:flex}#btn-medir,#btn-borrar-medidas,#btn-ids,#btn-bcf{display:none}#tree-panel,#category-panel,#models-panel,#properties-panel,#ids-panel,#bcf-panel{top:auto;left:0;right:0;bottom:var(--tabbar-h);z-index:30;border-bottom:none;border-radius:10px 10px 0 0;width:auto;max-height:45dvh;margin:0;padding-bottom:.5rem;font-size:.82rem;display:none;position:fixed;box-shadow:0 -6px 18px #00000073}body[data-panel=tree] #tree-panel,body[data-panel=category] #category-panel,body[data-panel=models] #models-panel,body[data-panel=properties] #properties-panel,body[data-panel=ids] #ids-panel,body[data-panel=bcf] #bcf-panel{display:block}#tree-panel h2,#category-panel h2,#models-panel h2,#properties-panel h2,#ids-panel h2,#bcf-panel h2{z-index:1;background:#2b2b2b;justify-content:space-between;align-items:center;margin:0;padding:.5rem .6rem;font-size:.75rem;display:flex;position:sticky;top:0}.panel .panel-cerrar{color:#9a9a9a;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;margin:-.35rem -.2rem;font-size:1rem;line-height:1;display:flex}#tabbar{z-index:35;height:var(--tabbar-h);padding-bottom:env(safe-area-inset-bottom);background:#2b2b2b;border-top:1px solid #181818;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:#9a9a9a;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:0;font-family:inherit;font-size:.6rem;line-height:1.1;display:flex}.tab-icono{font-size:1.05rem;line-height:1}.tab.activo{color:#fff;background:#4772b3}#progreso{top:auto;bottom:calc(var(--tabbar-h) + 1rem);transform:translate(-50%)}}@media (pointer:coarse){.tree-branch>summary,.tree-leaf,.cat-row,.model-row,.prop-row,.ids-fallo,.bcf-topic{min-height:2.4rem;padding-top:.35rem;padding-bottom:.35rem}.cat-color{width:2rem;height:2rem}.cat-reset,.model-remove,.model-download{width:2rem;height:2rem;font-size:1rem}.ids-load,.ids-revisar,.bcf-comentarios-toggle,.bcf-comentario-form button{min-height:2.25rem}#bcf-form input,#bcf-form textarea,.bcf-campos input,.bcf-campos select,.bcf-comentario-form input{padding:.4rem .5rem;font-size:16px}}@media (hover:none){.tool-button:hover,.file-button:hover{color:#e0e0e0;background:#3a3a3a;border-color:#1a1a1a}.tree-branch>summary:hover,.tree-leaf:not(.selected):hover,.prop-row:hover,.prop-group>summary:hover,.cat-row:hover,.model-row:not(.activo):hover,.bcf-topic:hover{background:0 0}.ids-fallo:hover{color:#d4d4d4;background:0 0}.ids-fallo:hover .ids-fallo-motivo{color:#8a8a8a}.ids-load:hover,.ids-revisar:hover:not(:disabled),.bcf-comentarios-toggle:hover,.bcf-comentario-form button:hover{color:#d4d4d4;background:#3a3a3a}.cat-reset:hover{color:#9a9a9a;background:#333}.model-remove:hover{color:#c98}.model-download:hover{color:#8ab}#bcf-form details>summary:hover{color:#9a9a9a}.ids-spec-header:hover .ids-spec-name{color:#eaeaea}.ids-spec-header:hover .ids-spec-toggle{color:#8a8a8a}}