:root{--rojo:#c61315;--rojo-hover:#e11d1f;--rojo-activo:#9e0f11;--dorado:#bb914b;--blanco:#fff;--hueso:#f7f6f4;--humo:#ededea;--piedra:#d8d6d1;--piedra-accesible:#8e8c87;--negro:#0a0a0a;--carbon:#17171a;--borde:#2a2a2e;--tinta:#1a1a1c;--tinta-tenue:#5c5c62;--r-base:10px;--r-chip:999px;--r-caja:20px;--r-foto:32px;--tap:44px;--abajo:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%}body{background:var(--hueso);color:var(--tinta);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font:400 16px/1.5 Poppins,system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer}h3{letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-tenue);justify-content:space-between;align-items:baseline;gap:12px;margin:20px 0 10px;font:600 11px/1 Poppins,sans-serif;display:flex}h3:first-child{margin-top:4px}h3 .enlace{letter-spacing:0;text-transform:none}:focus-visible{outline:2px solid var(--rojo-hover);outline-offset:2px}#app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}#escena{background:radial-gradient(115% 80% at 50% 32%, var(--blanco) 0%, var(--humo) 100%);flex:auto;min-height:0;position:relative}#lienzo3d{touch-action:none;position:absolute;inset:0}#lienzo3d canvas{width:100%;height:100%;display:block}#cargando{color:var(--tinta-tenue);place-content:center;margin:0;font-size:14px;display:grid;position:absolute;inset:0}.vistas{top:calc(12px + env(safe-area-inset-top,0px));z-index:2;border:1px solid var(--piedra);border-radius:var(--r-chip);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;gap:2px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 16px -8px #0a0a0a33}.vista{border-radius:var(--r-chip);min-height:38px;color:var(--tinta-tenue);background:0 0;border:none;padding:0 15px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.vista:hover{background:var(--humo);color:var(--tinta)}.vista:active{background:var(--piedra)}.molde-abrir{border-left:1px solid var(--piedra);border-radius:0 var(--r-chip) var(--r-chip) 0;color:var(--tinta);margin-left:2px;padding-left:14px}.conjunto{z-index:2;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:6px;display:flex;position:absolute;transform:translate(-50%)}.prenda{border-radius:var(--r-chip);border:1px solid var(--piedra);min-height:34px;color:var(--tinta-tenue);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;padding:0 16px;font-size:12.5px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.prenda:before{content:"+ ";font-weight:700}.prenda:hover{color:var(--tinta)}.prenda.puesta{background:var(--rojo);border-color:var(--rojo);color:#fff}.prenda.puesta:before{content:"✓ "}.hoja{background:var(--blanco);border-top:1px solid var(--piedra);border-radius:var(--r-caja) var(--r-caja) 0 0;max-height:min(48dvh,400px);padding-bottom:var(--abajo);flex-direction:column;flex:none;display:flex;box-shadow:0 -14px 40px -24px #0a0a0a40}.hoja-asa{background:0 0;border:none;flex:none;width:100%;height:28px;padding:0;display:block;position:relative}.hoja-asa:before{content:"";border-radius:var(--r-chip);background:var(--piedra);width:38px;height:4px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.hoja.cerrada .hoja-cuerpo{display:none}.modos{background:var(--humo);border-radius:var(--r-chip);flex:none;gap:4px;margin:0 18px 10px;padding:3px;display:flex}.modo{border-radius:var(--r-chip);min-height:34px;color:var(--tinta-tenue);background:0 0;border:none;flex:1;font-size:13px;font-weight:600;transition:background .2s,color .2s}.modo:hover{color:var(--tinta)}.modo.activa{background:var(--blanco);color:var(--tinta);box-shadow:0 1px 3px -1px #0a0a0a2e}.hoja-tabs[hidden]{display:none}.hoja-tabs{scrollbar-width:none;border-bottom:1px solid var(--humo);flex:none;grid-auto-columns:minmax(58px,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.hoja-tabs::-webkit-scrollbar{display:none}.tab{min-height:var(--tap);color:var(--tinta-tenue);background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px 10px;transition:color .2s;display:flex}.tab-icono{font-size:15px;font-weight:700;line-height:1}.tab-nombre{letter-spacing:.01em;font-size:10.5px;font-weight:600}.tab:hover{color:var(--tinta)}.tab.activa{color:var(--rojo);border-bottom-color:var(--rojo)}.hoja-cuerpo{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:4px 18px 24px;overflow-y:auto}.filas,.bloque{flex-direction:column;display:flex}.bloque{border-bottom:1px solid var(--humo);padding:6px 0 12px}.bloque:last-child{border-bottom:none}.fila{min-height:var(--tap);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:4px 0;display:flex}.fila-txt{flex-direction:column;min-width:0;display:flex}.fila-nombre{font-size:14.5px}.fila-pie{color:var(--tinta-tenue);font-variant-numeric:tabular-nums;font-size:11.5px}.fila-pie.fuera{color:var(--dorado);font-weight:600}.control-doble{align-items:center;gap:10px;display:flex}.color{border:1px solid var(--piedra);border-radius:var(--r-base);width:44px;height:36px;box-shadow:inset 0 0 0 3px var(--blanco);flex:none;padding:0;transition:border-color .15s,transform .1s}.color:hover{border-color:var(--tinta-tenue)}.color:active{transform:scale(.96)}.color.abierta{border-color:var(--rojo);box-shadow:inset 0 0 0 3px var(--blanco), 0 0 0 2px var(--rojo)}.color-caja{flex-direction:column;flex:100%;align-items:flex-end;gap:10px;display:flex}.muestrario{border:1px solid var(--piedra);border-radius:var(--r-base);background:var(--hueso);flex-direction:column;gap:4px;width:100%;padding:10px;display:flex}.muestrario-fila{gap:4px;display:flex}.muestra{border:1px solid #0a0a0a1f;border-radius:5px;flex:1 1 0;min-width:0;height:30px;transition:transform .1s,box-shadow .15s}.muestra:hover{z-index:1;transform:scale(1.08)}.muestra.activa{box-shadow:0 0 0 2px var(--blanco), 0 0 0 4px var(--rojo);z-index:2}.color-otro{color:var(--tinta-tenue);align-items:center;gap:8px;font-size:12px;display:flex}input[type=color].color-exacto{border:1px solid var(--piedra);background:0 0;border-radius:6px;width:40px;height:28px;padding:0}input[type=color].color-exacto::-webkit-color-swatch-wrapper{padding:2px}input[type=color].color-exacto::-webkit-color-swatch{border:none;border-radius:4px}.switch{border:1px solid var(--piedra);border-radius:var(--r-chip);background:var(--humo);flex:none;width:48px;height:29px;transition:background .2s,border-color .2s;position:relative}.switch:after{content:"";background:var(--piedra-accesible);border-radius:50%;width:21px;height:21px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--rojo);border-color:var(--rojo)}.switch[aria-checked=true]:after{background:var(--blanco);transform:translate(19px)}.rango{appearance:none;width:150px;max-width:52vw;height:var(--tap);background:0 0;flex:none}.rango::-webkit-slider-runnable-track{border-radius:var(--r-chip);background:var(--piedra);height:3px}.rango::-webkit-slider-thumb{-webkit-appearance:none;background:var(--rojo);border:3px solid var(--blanco);border-radius:50%;width:22px;height:22px;margin-top:-9.5px;box-shadow:0 1px 4px -1px #0a0a0a4d}.rango::-moz-range-track{border-radius:var(--r-chip);background:var(--piedra);height:3px}.rango::-moz-range-thumb{border:3px solid var(--blanco);background:var(--rojo);border-radius:50%;width:16px;height:16px}input.texto{min-height:var(--tap);border:1px solid var(--piedra);border-radius:var(--r-base);background:var(--hueso);text-transform:uppercase;letter-spacing:.06em;width:150px;max-width:52vw;padding:0 12px;font-weight:600}input.archivo{border:1px dashed var(--piedra);border-radius:var(--r-base);background:var(--hueso);width:100%;margin:8px 0 4px;padding:12px;font-size:13px}.aviso{color:var(--tinta-tenue);margin:0 0 6px;font-size:12.5px;line-height:1.45}.aviso.bien{color:#1a7a4a}.aviso.flojo{color:var(--dorado);font-weight:600}.nota{color:var(--tinta-tenue);margin:12px 0 0;font-size:12.5px;line-height:1.5}.nota.mensaje{white-space:pre-wrap;border:1px solid var(--piedra);border-radius:var(--r-base);background:var(--hueso);word-break:break-all;padding:12px 14px;font-size:11.5px}.nota.alerta{border:1px solid var(--rojo);border-radius:var(--r-base);color:var(--rojo-activo);background:#c613150d;padding:12px 14px;font-weight:600}.paletas{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px;display:grid}.paleta{min-height:var(--tap);border:1px solid var(--piedra);border-radius:var(--r-base);background:var(--blanco);text-align:left;align-items:center;gap:10px;padding:9px 12px;transition:border-color .2s,background .2s;display:flex}.paleta:hover{background:var(--humo)}.paleta:active{border-color:var(--rojo)}.muestras{flex:none;gap:3px;display:flex}.muestras i{border:1px solid #0a0a0a1a;border-radius:4px;width:15px;height:15px}.paleta-nombre{font-size:13px;font-weight:600}.fuentes{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.fuente{border:1px solid var(--piedra);border-radius:var(--r-base);background:var(--blanco);color:var(--tinta-tenue);flex-direction:column;align-items:center;gap:5px;padding:11px 6px;font-size:11.5px;font-weight:600;transition:border-color .2s;display:flex}.fondos{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.fondo{border:1px solid var(--piedra);border-radius:var(--r-base);background:var(--blanco);color:var(--tinta-tenue);flex-direction:column;gap:5px;padding:5px 5px 8px;display:flex}.fondo-muestra{aspect-ratio:1;background-position:50%;background-size:cover;background-color:var(--humo);border-radius:6px;display:block}.fondo-muestra.vacia{background-image:linear-gradient(135deg,var(--humo) 0 50%,var(--piedra) 50% 100%)}.fondo-nombre{text-align:center;font-size:11px;font-weight:600}.fondo:hover{border-color:var(--tinta-tenue);color:var(--tinta)}.fondo.activo{border-color:var(--rojo);color:var(--rojo)}.marca-muestra{background:currentColor;width:100%;height:26px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.fuente-muestra{color:var(--tinta);font-size:26px;line-height:1}.fuente-dorsal{max-width:100%;color:var(--tinta);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.1;overflow:hidden}.fuente:hover{background:var(--humo)}.fuente.activa{border-color:var(--rojo);color:var(--rojo)}.moldes{grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:8px;display:grid}.molde{border:1px solid var(--piedra);border-radius:var(--r-base);background:var(--blanco);text-align:left;flex-direction:column;align-items:flex-start;gap:3px;padding:13px;transition:border-color .2s,background .2s;display:flex}.molde-nombre{font-size:13.5px;font-weight:600}.molde-pie{color:var(--tinta-tenue);font-size:11.5px}.molde:hover:not(.inhabilitado){background:var(--humo)}.molde.activo{border-color:var(--rojo)}.molde.inhabilitado{opacity:.5;cursor:not-allowed;border-style:dashed}.calidades{grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:8px;display:grid}.calidad{border:1px solid var(--piedra);border-radius:var(--r-base);background:var(--blanco);text-align:left;min-height:var(--tap);flex-direction:column;align-items:flex-start;gap:3px;padding:13px;transition:border-color .2s,background .2s;display:flex}.calidad-nombre{font-size:14px;font-weight:600}.calidad:hover:not(.sin-molde){background:var(--humo)}.calidad.activa{border-color:var(--rojo)}.calidad.sin-molde{opacity:.65;cursor:not-allowed;border-style:dashed}.calidad.sin-molde .fila-pie{color:var(--dorado);font-weight:600}.elegida{min-height:var(--tap);border:1px solid var(--rojo);border-radius:var(--r-base);background:#c613150d;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.elegida .fila-nombre{font-weight:600}.elegida.sin-molde{border-color:var(--dorado);background:#bb914b14;border-style:dashed}.elegida.sin-molde .enlace{color:var(--dorado)}.enlace{color:var(--rojo);text-underline-offset:3px;background:0 0;border:none;padding:6px 2px;font-size:13px;font-weight:600;text-decoration:underline}.accion{width:100%;min-height:var(--tap);border:1px solid var(--piedra);border-radius:var(--r-base);background:var(--blanco);margin-bottom:8px;padding:0 16px;font-size:14.5px;font-weight:600;transition:background .2s,border-color .2s;display:block}.accion:hover{background:var(--humo)}.accion.principal{border-color:var(--rojo);background:var(--rojo);color:var(--blanco)}.accion.principal:hover{background:var(--rojo-hover);border-color:var(--rojo-hover)}.accion.principal:active{background:var(--rojo-activo)}.accion:disabled{opacity:.45;cursor:not-allowed;border-color:var(--piedra);color:var(--tinta-tenue);background:var(--humo)}#tizada{z-index:20;background:#0a0a0ad9;place-content:center;padding:20px;display:grid;position:fixed;inset:0}#tizada[data-abierta=no]{display:none}#tizada header{background:var(--blanco);border:1px solid var(--piedra);border-radius:var(--r-base) var(--r-base) 0 0;letter-spacing:.08em;text-transform:uppercase;border-bottom:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:11px;font-weight:600;display:flex}#tizada-cerrar{border-radius:var(--r-chip);background:0 0;border:none;padding:4px 8px;font-size:17px;line-height:1}#tizada-cerrar:hover{background:var(--humo)}#tizada-canvas{background:var(--blanco);border:1px solid var(--piedra);border-radius:0 0 var(--r-base) var(--r-base);border-top:none;width:min(84vw,84vh,640px);height:auto;display:block}@media (width>=900px){#app{flex-direction:row}#escena{order:1}.hoja{border-top:none;border-left:1px solid var(--piedra);height:100dvh;max-height:none;box-shadow:none;border-radius:0;flex:0 0 356px;order:2}.hoja-asa{display:none}.hoja.cerrada .hoja-cuerpo{display:block}.hoja-tabs{grid-auto-columns:1fr}.hoja-cuerpo{padding:8px 20px 30px}.vistas{top:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.disenos{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.diseno{border:1px solid var(--piedra);border-radius:var(--r-base);background:var(--blanco);color:var(--tinta-tenue);flex-direction:column;gap:5px;padding:5px 5px 8px;transition:border-color .2s,color .2s;display:flex}.diseno-muestra{aspect-ratio:72/92;background:var(--humo);border-radius:6px;width:100%;display:block}.diseno-nombre{text-align:center;font-size:11px;font-weight:600;line-height:1.2}.diseno:hover{border-color:var(--tinta-tenue);color:var(--tinta)}.diseno.activo{border-color:var(--rojo);color:var(--rojo)}.fuente-pie{color:var(--piedra-accesible);text-align:center;font-size:10.5px;font-weight:500;line-height:1.25}.bloque-cabeza{align-items:center;gap:10px;min-height:44px;display:flex}.bloque-titulo{text-align:left;min-width:0;color:inherit;background:0 0;border:none;flex:auto;align-items:center;gap:7px;padding:6px 0;display:flex}.bloque-titulo .fila-nombre,.bloque-titulo .fila-pie{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.bloque-titulo.quieto{cursor:default}.bloque-flecha{width:14px;color:var(--piedra-accesible);flex:none;font-size:12px;transition:transform .18s}.bloque-cabeza.abierto .bloque-flecha{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.bloque-flecha{transition:none}}.hoja-pie{padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--humo);background:var(--blanco);flex-wrap:wrap;flex:none;align-items:center;gap:10px;display:flex}.hoja-aviso{color:var(--tinta-tenue);flex:100%;align-items:center;gap:10px;margin:0;font-size:12px;display:flex}.hoja-aviso span{flex:auto}.hoja-confirmar{color:var(--tinta);flex-wrap:wrap;align-items:center;gap:12px;font-size:12.5px;font-weight:600;display:flex}.enlace.peligro{color:var(--rojo)}.bienvenida{border-radius:var(--r-caja);background:var(--blanco);max-width:min(420px,100vw - 40px);color:var(--tinta);border:none;padding:26px 24px 22px;box-shadow:0 24px 60px #0a0a0a2e}.bienvenida::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a0a80}.bienvenida h2{text-wrap:balance;margin:0 0 14px;font-size:19px;line-height:1.25}.bienvenida p{color:var(--tinta-tenue);margin:0 0 12px;font-size:13.5px;line-height:1.5}.bienvenida .accion{margin-top:8px}.accion.confirmar{color:var(--blanco);background:#2fa35e;border-color:#2fa35e}.accion.confirmar:hover{background:#268a4f;border-color:#268a4f}