:root{--fondo: #e8e8e8;--panel: #ffffff;--borde: #e2e2df;--texto: #1c1c1a;--tenue: #77776f;--acento: #1c1c1a;--alerta: #a8501e;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--fondo);color:var(--texto);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{display:flex;height:100%}.lienzo{position:relative;flex:1;min-width:0;background:var(--fondo)}.visor{display:block;width:100%;height:100%;border:0;touch-action:none}.hud{position:absolute;left:20px;bottom:18px;font-size:12px;letter-spacing:.02em;color:var(--tenue);pointer-events:none}.panel{width:340px;flex:none;background:var(--panel);border-left:1px solid var(--borde);padding:22px 20px 40px;overflow-y:auto}.panel header{margin-bottom:22px}.panel h1{font-size:17px;font-weight:600;margin:0;letter-spacing:-.01em}.panel .sub{margin:4px 0 0;font-size:12px;color:var(--tenue)}.panel section{padding:16px 0;border-top:1px solid var(--borde)}.panel h2{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--tenue);margin:0 0 12px}.campo{display:block;margin-bottom:12px}.campo>span{display:block;font-size:12px;color:var(--tenue);margin-bottom:5px}.elegida{display:flex;align-items:center;gap:10px;width:100%;padding:8px;text-align:left;border:1px solid var(--borde);border-radius:9px;background:#fff}.elegida img,.elegida .ficha-sin{width:52px;height:52px;flex:none;object-fit:contain;background:#f4f4f2;border-radius:6px}.elegida-txt{flex:1;min-width:0;display:block}.elegida-txt b{display:block;font-size:13px;font-weight:500}.elegida-txt em{display:block;font-size:11.5px;font-style:normal;color:var(--tenue)}.elegida-txt small{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:10.5px;color:var(--tenue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.elegida-accion{flex:none;font-size:11.5px;color:var(--tenue);text-decoration:underline}.elegida:hover .elegida-accion{color:var(--texto)}.modal-fondo{position:fixed;inset:0;z-index:40;background:#14141261;display:flex;align-items:center;justify-content:center;padding:24px}.modal{display:flex;flex-direction:column;width:min(860px,100%);max-height:min(700px,90vh);background:var(--panel);border-radius:14px;overflow:hidden;box-shadow:0 18px 60px #00000047}.modal-cab{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--borde)}.modal-cab h2{margin:0;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--texto)}button.icono{padding:6px;border-color:transparent}.modal-busca{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--borde);color:var(--tenue)}.modal-busca input{flex:1;border:0;outline:0;font:inherit;font-size:13.5px;background:transparent;color:var(--texto)}.modal-etiquetas{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px;border-bottom:1px solid var(--borde)}.etiqueta{padding:4px 9px;font-size:11.5px;border-radius:20px;background:#f7f7f5;color:var(--tenue)}.etiqueta i{font-style:normal;opacity:.55;margin-left:2px}.etiqueta.activa,.etiqueta.activa:hover{background:var(--acento);color:#fff;border-color:var(--acento)}.etiqueta.activa i{opacity:.7}.etiqueta.limpiar{background:#fff;text-decoration:underline}.modal-cuerpo{padding:14px 16px;overflow-y:auto}.modal-cuerpo .galeria{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.modal-vacio{color:var(--tenue);font-size:13px;text-align:center;padding:32px 0}.modal-pie{padding:9px 16px;border-top:1px solid var(--borde);font-size:11.5px;color:var(--tenue)}.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.ficha{display:block;padding:6px 5px 7px;width:100%;border:1px solid var(--borde);border-radius:9px;background:#fff;cursor:pointer;text-align:center}.ficha img,.ficha-sin{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#f4f4f2;border-radius:6px}.ficha-nombre{display:block;margin-top:6px;font-size:12px;line-height:1.25;color:var(--texto);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ficha-medida{display:block;font-size:10.5px;color:var(--tenue)}.ficha:hover{border-color:#c9c9c4}.ficha.activa{border-color:var(--acento);box-shadow:inset 0 0 0 1px var(--acento)}.ficha.activa .ficha-nombre{color:var(--texto);font-weight:500}.ficha:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.metales{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.metal{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 4px;font:inherit;font-size:12px;border:1px solid var(--borde);border-radius:7px;background:#fff;cursor:pointer;color:var(--tenue)}.metal i{width:12px;height:12px;border-radius:50%;flex:none;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000001f}.metal:hover{border-color:#c9c9c4}.metal.activo{border-color:var(--acento);color:var(--texto);box-shadow:inset 0 0 0 1px var(--acento)}.lectura{font-variant-numeric:tabular-nums;font-size:13px;padding:9px 11px;margin-bottom:12px;background:#f7f7f5;border:1px solid var(--borde);border-radius:7px}.lectura small{display:block;font-size:11px;color:var(--tenue);margin-top:2px}.nudge{display:grid;grid-template-columns:66px 34px 1fr 34px;align-items:center;gap:6px;margin-bottom:6px}.nudge-eje{font-size:12px;color:var(--tenue)}.nudge output{text-align:center;font-variant-numeric:tabular-nums;font-size:12.5px;padding:4px 0;background:#f7f7f5;border-radius:6px}.nudge output.tope{color:var(--alerta)}.ct-lectura{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.ct-lectura strong{font-size:19px;font-weight:600;letter-spacing:-.01em}.ct-lectura strong.tope{color:var(--alerta)}.ct-escala{font-size:12px;color:var(--tenue)}.ct-lectura small{flex:1 0 100%}.ct-lectura code{font-size:11px;background:#ececea;padding:1px 4px;border-radius:4px}.ct-atajos{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.ct-atajos .chip{font-variant-numeric:tabular-nums}.pista{margin:8px 0 0;font-size:11.5px;line-height:1.45;color:var(--tenue)}.ficha-ct{font-size:11px;color:var(--tenue);font-variant-numeric:tabular-nums}.gemas{display:flex;flex-wrap:wrap;gap:5px}.gema{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;font-size:12px}.gema i{width:12px;height:12px;border-radius:50%;flex:none;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000001f,inset 2px 2px 3px #ffffff8c}.gema.activa,.gema.activa:hover{border-color:var(--acento);box-shadow:0 0 0 1px var(--acento)}.gema-nota{margin:6px 0 0;font-size:11.5px;color:var(--tenue)}.lienzo.comparando{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#d8d8d4}.lienzo.comparando .visor-marco{position:relative;min-width:0}.lienzo.comparando .hud{position:absolute}.visor-marco{position:relative;width:100%;height:100%}.visor-marco .hud-lado{position:absolute;top:10px;left:12px;z-index:2;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue);background:#ffffffb3;padding:3px 8px;border-radius:5px}.comparar-b{margin-top:10px;padding:10px;border:1px dashed var(--borde);border-radius:8px}.comparar-b .campo{margin-bottom:8px}.comparar-cab{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue);margin-bottom:8px}@media(max-width:860px){.lienzo.comparando{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.modal.ar{max-width:520px}.ar-cuerpo{padding:14px 16px 18px}.ar-cuerpo p{margin:10px 0 0;font-size:13px}.ar-qr{display:block;width:260px;max-width:100%;margin:4px auto 6px;border-radius:8px}.ar-boton{font-size:14px;padding:10px 16px}model-viewer{--poster-color: transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;font:inherit;font-size:12.5px;border:1px solid var(--borde);border-radius:7px;background:#fff;color:var(--texto);cursor:pointer}button:hover:not(:disabled){border-color:#c9c9c4;background:#fafaf8}button:active:not(:disabled){background:#f0f0ec}button:disabled{opacity:.35;cursor:default}button.primario{background:var(--acento);color:#fff;border-color:var(--acento)}button.primario:hover{background:#333}.fila{display:flex;gap:6px;margin-top:10px}.fila button{flex:1}.vistas button{padding:7px 2px}.chip{padding:3px 8px;font-size:11px;text-transform:none;letter-spacing:0;border-radius:20px}.chip.activo,.chip.activo:hover{background:var(--acento);color:#fff;border-color:var(--acento)}.check{display:block;margin-top:12px;font-size:12.5px;color:var(--tenue);cursor:pointer}.check input{margin-right:6px;vertical-align:-1px}.check small{display:block;margin-left:22px;font-size:11px;opacity:.8}.alerta{display:flex;align-items:center;gap:6px;margin:10px 0 0;padding:7px 10px;font-size:12px;color:var(--alerta);background:#fdf3ec;border:1px solid #f0dbc9;border-radius:7px}.alerta svg{flex:none}.aviso{margin:14px 0 0;padding:7px 10px;font-size:12px;color:var(--tenue);background:#f7f7f5;border-radius:7px}.error{padding:40px;color:var(--tenue)}.abrir-panel,.cerrar-panel{display:none}@media(max-width:860px){html,body{overflow:hidden;overscroll-behavior:none}.app{flex-direction:column;height:100dvh}.lienzo{flex:1;height:auto}.abrir-panel{display:inline-flex;position:fixed;z-index:30;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));padding:11px 18px;font-size:13.5px;background:var(--acento);color:#fff;border-color:var(--acento);border-radius:22px;box-shadow:0 6px 20px #00000038}.panel{position:fixed;z-index:35;left:0;right:0;bottom:0;width:100%;max-height:86dvh;border-left:none;border-top:1px solid var(--borde);border-radius:16px 16px 0 0;padding:14px 16px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #0000002e;transform:translateY(100%);transition:transform .22s ease;overscroll-behavior:contain}.panel.abierto{transform:translateY(0)}.cerrar-panel{display:inline-flex;position:absolute;top:12px;right:14px;padding:7px;border-color:transparent}.modal-fondo{padding:0;align-items:flex-end}.modal{width:100%;max-height:92dvh;border-radius:16px 16px 0 0}.modal-cuerpo .galeria{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}}