:root{--brand:#6b2fa3;--brand-strong:#561f8a;--brand-rose:#d45d8c;--brand-gradient:linear-gradient(120deg, #6b2fa3 0%, #a13f9a 55%, #d45d8c 100%);--brand-soft:#f3ecfa;--bg:#faf7f4;--surface:#fff;--border:#ebe4ee;--text:#4a4152;--text-h:#1d1424;--text-soft:#7a7085;--error:#a3261f;--error-bg:#fdecea;--success:#1b7f47;--success-bg:#e3f6ea;--accent:var(--brand);--accent-text:#fff;--radius-lg:1.25rem;--radius-md:.9rem;--shadow-card:0 1px 2px #1d14240a, 0 8px 24px #1d142412;--tap:2.75rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI Variable,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0;overflow-x:hidden}button{font:inherit}:focus-visible{outline:3px solid var(--brand-rose);outline-offset:3px}.page{min-height:100svh}.app{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:34rem;margin:0 auto;padding:2rem 1rem 2.5rem;display:flex}.app--tester{gap:1rem;padding-top:.75rem}.topbar{z-index:5;-webkit-backdrop-filter:blur(8px);background:#faf7f4eb;justify-content:space-between;align-items:center;gap:.75rem;max-width:34rem;margin:0 auto;padding:.6rem 1rem;display:flex;position:sticky;top:0}.topbar__action{min-height:var(--tap);border:1.5px solid var(--border);background:var(--surface);color:var(--brand);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.95rem;font-weight:600;display:inline-flex}.topbar__action svg{width:1.15rem;height:1.15rem}.brand__name,.brand--bar{letter-spacing:-.02em;background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:800}.brand--hero{flex-direction:column;align-items:center;gap:.25rem;margin-top:.5rem;display:flex}.brand__name{font-size:clamp(2.6rem,13vw,3.4rem);line-height:1.05}.brand__tagline{color:var(--text-h);margin:0;font-size:1.15rem;font-weight:600}.brand--bar{font-size:1.5rem;line-height:1}.start{flex-direction:column;align-items:stretch;gap:1.25rem;width:100%;max-width:24rem;display:flex}.start__intro{color:var(--text);margin:0;font-size:1.05rem}.start__actions{flex-direction:column;gap:.75rem;display:flex}.picker{background:var(--brand-gradient);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;width:100%;min-height:3.6rem;padding:.85rem 1.5rem;font-size:1.08rem;font-weight:700;display:flex;position:relative;box-shadow:0 6px 18px #6b2fa340}.picker--secondary{border-color:var(--brand);background:var(--surface);color:var(--brand);box-shadow:none}.picker__icon{display:inline-flex}.picker__icon svg{width:1.5rem;height:1.5rem}.picker:focus-within{outline:3px solid var(--brand-rose);outline-offset:3px}.picker--disabled{opacity:.6;cursor:progress}.picker__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.link-button{min-height:var(--tap);color:var(--brand);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.tips{border-radius:var(--radius-md);background:var(--brand-soft);text-align:left;padding:.9rem 1rem 1rem}.tips__title{color:var(--text-h);margin:0 0 .5rem;font-size:.95rem;font-weight:700}.tips__list{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.35rem .75rem;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.tips__list li{align-items:center;gap:.45rem;display:flex}.tips__check{width:1rem;height:1rem;color:var(--brand);flex:none}.notice{border-radius:var(--radius-md);background:var(--surface);margin:0;padding:.75rem 1rem;font-weight:500}.notice--error{background:var(--error-bg);color:var(--error)}.privacy,.disclaimer{color:var(--text-soft);margin:0;font-size:.85rem}.disclaimer{max-width:28rem}.hint{color:var(--text-soft);margin:0;font-size:.85rem}.analyzing{color:var(--text-h);flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;font-size:1.1rem;font-weight:600;display:flex}.analyzing p{margin:0}.analyzing__spinner{background:conic-gradient(from 0deg, transparent 0 25%, var(--brand) 60%, var(--brand-rose));border-radius:50%;width:3rem;height:3rem;animation:.9s linear infinite spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}@keyframes spin{to{transform:rotate(360deg)}}.tester{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.viewer{flex-direction:column;gap:.75rem;width:100%;display:flex}.viewer__viewport{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#eee8f1;margin-inline:auto;position:relative;overflow:hidden}.viewer__viewport--zoomed{touch-action:none;cursor:grab}.viewer__viewport--zoomed:active{cursor:grabbing}.viewer__content{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.viewer__badge{color:#fff;pointer-events:none;background:#1d1424b8;border-radius:999px;padding:.3rem .75rem;font-size:.85rem;font-weight:600;position:absolute;top:.75rem;left:.75rem}.preview{width:100%;height:100%;display:block}.tools{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.tool{min-width:var(--tap);min-height:var(--tap);border:1.5px solid var(--border);background:var(--surface);color:var(--text-h);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .95rem;font-size:.95rem;font-weight:600;display:inline-flex}.tool svg{width:1.2rem;height:1.2rem;color:var(--brand)}.tool--icon{width:var(--tap);padding:0}.tool:disabled{opacity:.4;cursor:default}.segmented{background:#ece5f1;border-radius:999px;grid-template-columns:1fr 1fr;width:100%;max-width:20rem;padding:.25rem;display:inline-grid}.segmented__option{min-height:var(--tap);color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:999px;font-weight:600}.segmented__option--active{background:var(--surface);color:var(--brand);box-shadow:0 1px 4px #1d14241f}.colors{border-radius:var(--radius-lg);background:var(--surface);width:100%;min-width:0;box-shadow:var(--shadow-card);border:none;margin:0;padding:.85rem 0 .5rem}.colors__legend{float:left;flex-direction:column;align-items:center;gap:.1rem;width:100%;padding:0 1rem .5rem;display:flex}.colors__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:.75rem;font-weight:700}.colors__selected{color:var(--text-h);font-size:1.3rem;line-height:1.25}.colors__list{clear:both;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.9rem .5rem;padding:0 .75rem;display:grid}.colors__option{text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:.4rem;min-width:0;padding:.35rem .15rem;display:flex;position:relative}.colors__input{opacity:0;width:1px;height:1px;position:absolute}.colors__swatch{border:3px solid var(--surface);width:4rem;height:4rem;box-shadow:0 0 0 1.5px var(--border);border-radius:50%;flex:none;transition:transform .15s,box-shadow .15s}.colors__input:checked+.colors__swatch{box-shadow:0 0 0 3px var(--brand), 0 4px 12px #6b2fa34d;transform:scale(1.06)}.colors__input:focus-visible+.colors__swatch{outline:3px solid var(--brand-rose);outline-offset:4px}.colors__check{border:2px solid var(--surface);background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;display:none;position:absolute;top:.15rem;left:calc(50% + 1.1rem)}.colors__check svg{width:.85rem;height:.85rem}.colors__input:checked~.colors__check{display:flex}.colors__name{overflow-wrap:break-word;color:var(--text);font-size:.85rem;line-height:1.25}.colors__input:checked~.colors__name{color:var(--brand);font-weight:700}.colors--strip .colors__list{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.15rem;padding:.25rem .75rem .5rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 1rem calc(100% - 1rem),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 1rem calc(100% - 1rem),#0000)}.colors--strip .colors__list::-webkit-scrollbar{display:none}.colors--strip .colors__option{scroll-snap-align:center;flex:none;width:5.4rem}.tester{--viewer-max-h:max(calc(100svh - 14rem), 18rem)}.lens-picker{border-radius:var(--radius-lg);background:var(--surface);width:100%;max-width:34rem;box-shadow:var(--shadow-card);flex-direction:column;gap:.85rem;padding:1rem .6rem 1.1rem;display:flex}.lens-picker__title{color:var(--text-h);margin:0;font-size:1.1rem;font-weight:700;line-height:1.3}.lens-picker__ranges{grid-template-columns:repeat(var(--color-count,4), minmax(0, 1fr));gap:.4rem;display:grid}.range-button--collection{grid-column:1/-1}@media (width>=48rem){.lens-picker__ranges{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.range-button--collection{grid-column:auto}}.range-button{--range-strong:var(--brand);--range-soft:var(--brand-soft);--range-ink:var(--brand-strong);--range-line:#dccbec;min-width:0;min-height:var(--tap);border:1.5px solid var(--range-line);background:var(--range-soft);color:var(--range-ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .15rem;font-size:clamp(.78rem,3.6vw,.9rem);font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:flex;position:relative}.range-button[data-range=azules]{--range-strong:#2f6fb3;--range-soft:#e8f1fb;--range-ink:#1f4f85;--range-line:#c6dbf2}.range-button[data-range=grises]{--range-strong:#5f6670;--range-soft:#eff1f3;--range-ink:#3f454d;--range-line:#d5d9de}.range-button[data-range=verdes]{--range-strong:#2f7d5b;--range-soft:#e7f4ed;--range-ink:#1e5a40;--range-line:#c4e3d3}.range-button[data-range=marrones]{--range-strong:#8a5a3b;--range-soft:#f6ede6;--range-ink:#6a4128;--range-line:#e6d2c3}.range-button[data-range=miel]{--range-strong:#966310;--range-soft:#fbf2df;--range-ink:#6b470b;--range-line:#efdcb4}.range-button:has(.range-button__input:checked){border-color:var(--range-strong);background:var(--range-strong);color:#fff;box-shadow:0 3px 10px color-mix(in srgb, var(--range-strong) 35%, transparent);font-weight:700}.range-button:has(.range-button__input:focus-visible){outline:3px solid var(--brand-rose);outline-offset:2px}.lens-picker__subtitle{color:var(--text-soft);margin:.3rem 0 0;font-size:.85rem;font-weight:600;line-height:1.3}.range-button__input{opacity:0;width:1px;height:1px;position:absolute}.lens-picker__models{--gap-x:.4rem;--sw:min(calc((100cqw - 3 * var(--gap-x)) / 4 - .8rem), 3.75rem);justify-content:center;gap:.9rem var(--gap-x);flex-wrap:wrap;display:flex;container-type:inline-size}.lens-picker .colors__option{flex:0 0 calc((100% - 3 * var(--gap-x)) / 4);justify-content:flex-start;gap:.35rem;padding:.3rem 0 0}.lens-picker .colors__swatch{width:var(--sw);height:var(--sw)}.lens-picker .colors__check{top:.1rem;left:calc(50% + var(--sw) / 2 - 1.05rem);width:1.25rem;height:1.25rem}.lens-picker .colors__check svg{width:.75rem;height:.75rem}.lens-picker .colors__name,.lens-picker .colors__input:checked~.colors__name{overflow-wrap:normal;width:100%;min-height:2.4em;font-size:clamp(.7rem,2.9vw,.82rem);font-weight:600;line-height:1.2}@media (width>=48rem){.tester{--viewer-max-h:max(calc(100svh - 16rem), 22rem)}.lens-picker{padding:1.25rem 1.25rem 1.4rem}.app--tester{max-width:72rem}}.controls{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:1rem;flex-direction:column;gap:.9rem;width:100%;margin:0;padding:1rem;display:flex}.controls__legend{color:var(--text-h);padding:0 .4rem;font-weight:700}.controls__toggle{cursor:pointer;align-items:center;gap:.6rem;min-height:2.25rem;display:flex}.controls__toggle input{width:1.25rem;height:1.25rem;accent-color:var(--accent)}.controls__slider{flex-direction:column;gap:.35rem;display:flex}.controls__slider span{justify-content:space-between;display:flex}.controls__slider output{font-variant-numeric:tabular-nums;font-weight:600}.controls__slider input{width:100%;min-height:2rem;accent-color:var(--accent)}.controls__slider input:disabled{opacity:.4}.controls__hint{opacity:.75;font-size:.8rem}.status{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;align-items:center;gap:.5rem;margin:0;padding:.6rem 1rem;font-weight:500;display:inline-flex}.status--success{color:var(--success);background:var(--success-bg);border-color:#0000;font-weight:700}.status--error{color:var(--error);background:var(--error-bg);border-color:#0000}.status__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:1rem;height:1rem;animation:.8s linear infinite spin}.modes__live,.live__close{border:2px solid var(--accent);width:100%;min-height:3rem;color:var(--accent);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.live{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.live__stage{background:#000;border-radius:1rem;width:100%;position:relative;overflow:hidden}.live__view{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.live__tools{flex-wrap:nowrap;max-width:100%}.live__tools .tool--icon{flex:none}.live__focus{text-align:center;flex:0 auto;min-width:0;line-height:1.15}.live__mirror{position:absolute;inset:0;transform:scaleX(-1)}.live__video,.live__canvas{width:100%;height:100%;position:absolute;inset:0}.live__video{object-fit:fill}.live__title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-h);margin:0;font-size:1.1rem}.live__debug{font-size:.85rem}.live__stats{opacity:.75;font-variant-numeric:tabular-nums;margin:0;font-size:.75rem}@media (width<=22rem){.app{padding-inline:.75rem}.tool{padding-inline:.7rem;font-size:.9rem}.topbar__action{padding-inline:.75rem}}@media (width>=48rem){.app{padding-top:3.5rem}.app--tester{padding-top:1.25rem}.topbar{padding-top:1rem}}