/* ArteEscuela · Complementarios 1.2.0. All rules are scoped to this component. */
.aecc.aecc-v12{--aecc-lime:#C8C800;--aecc-green:#738232;--aecc-purple:#644696;--aecc-lav:#8C78AF;--aecc-grey:#D7D7D7;--aecc-ink:#000;--aecc-line:#e5e5e2;font-family:Raleway,Arial,sans-serif;font-size:16px;line-height:1.5;color:#000;background:#fff;max-width:1200px;width:100%;margin:0 auto;padding:32px 20px 40px;isolation:isolate;container-type:inline-size;container-name:aecc;box-sizing:border-box;text-align:left}
.aecc.aecc-v12 *,.aecc.aecc-v12 *::before,.aecc.aecc-v12 *::after{box-sizing:border-box}
.aecc.aecc-v12 [hidden]{display:none!important}
.aecc.aecc-v12 :is(h2,h3,p){padding:0;margin:0;text-transform:none}
.aecc.aecc-v12 :is(h2,h3){font-family:"Montserrat Alternates",Arial,sans-serif;color:inherit;font-weight:700;letter-spacing:-.035em}
.aecc.aecc-v12 button,.aecc.aecc-v12 input{font:inherit;box-shadow:none;margin:0;text-transform:none;letter-spacing:normal}
.aecc.aecc-v12 button{appearance:none;min-width:0;width:auto;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1.3;text-decoration:none;font-weight:600}
.aecc.aecc-v12 button:focus-visible,.aecc.aecc-v12 input:focus-visible,.aecc.aecc-v12 [tabindex]:focus-visible{outline:3px solid var(--aecc-purple);outline-offset:4px}
.aecc.aecc-v12 button:disabled{cursor:default;opacity:.55}
.aecc.aecc-v12 .aecc-eyebrow{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.17em;color:var(--aecc-green);margin:0 0 10px}
.aecc.aecc-v12 .aecc-title{font-size:clamp(30px,4.2vw,46px);line-height:1.12;margin:0;max-width:1000px}
.aecc.aecc-v12 .aecc-title span{color:var(--aecc-purple)}
.aecc.aecc-v12 .aecc-lead{font-size:17px;color:#535353;margin-top:16px;max-width:880px}
.aecc.aecc-v12 .aecc-intro{margin-bottom:28px}
.aecc.aecc-v12 .aecc-workspace{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:22px;align-items:start}
.aecc.aecc-v12 .aecc-card{padding:26px;border:1px solid var(--aecc-line);background:#fff;border-radius:22px;min-width:0;box-shadow:0 8px 30px #00000005}
.aecc.aecc-v12 .aecc-step{display:flex;gap:12px;align-items:center;min-width:0;margin-bottom:20px}
.aecc.aecc-v12 .aecc-stepnum{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;background:#f4f5dd;color:#45501d;font-size:12px;font-weight:700;border-radius:10px}
.aecc.aecc-v12 .aecc-step h3{font-size:20px;line-height:1.25}
.aecc.aecc-v12 .aecc-step p{font-size:13px;color:#646464;margin-top:5px;line-height:1.4}
.aecc.aecc-v12 .aecc-model,.aecc.aecc-v12 .aecc-angle{font-size:12px;flex:none;border-radius:99px;background:#f4f1f8;color:var(--aecc-purple);padding:5px 9px;margin-left:auto;font-weight:700}
.aecc.aecc-v12 .aecc-wheelstage{width:100%;padding:6px 12px 0;display:flex;justify-content:center;min-width:0}
/* Explicit width is essential: margin:auto + percent-only descendants collapsed the old wheel. */
.aecc.aecc-v12 .aecc-wheel{display:block;position:relative;flex:none;width:100%;max-width:330px;aspect-ratio:1/1;height:auto;border-radius:50%;background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair;box-shadow:inset 0 0 0 1px #00000008}
.aecc.aecc-v12 .aecc-wheelhole{position:absolute;inset:18%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border-radius:50%;background:#fff;border:7px solid #fff;box-shadow:0 0 0 1px #00000008;pointer-events:none;text-align:center;overflow:hidden}
.aecc.aecc-v12 .aecc-centerlabel{font-size:10px;letter-spacing:.15em;color:#656565;font-weight:700}
.aecc.aecc-v12 .aecc-centerchip{width:52px;height:52px;border-radius:16px;margin:2px 0 4px;border:1px solid #00000015}
.aecc.aecc-v12 .aecc-wheelhole strong{font-size:17px;font-weight:700;line-height:1.1}
.aecc.aecc-v12 .aecc-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;display:block;letter-spacing:.025em;line-height:1.4}
.aecc.aecc-v12 .aecc-marker{width:32px;height:32px;border:4px solid white;box-shadow:0 0 0 1px #0007,0 3px 9px #0003;transform:translate(-50%,-50%);border-radius:50%;position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:1;cursor:grab}
.aecc.aecc-v12 .aecc-marker-b{border-style:double;border-width:5px}
.aecc.aecc-v12 .aecc-legend{display:flex;justify-content:center;gap:22px;margin:18px 0 24px;font-size:12px;color:#535353}
.aecc.aecc-v12 .aecc-legend span{display:flex;align-items:center;gap:7px}
.aecc.aecc-v12 .aecc-legend b{font-family:Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;border:1px solid #b8b8b8;border-radius:50%;width:20px;height:20px;font-size:11px;color:#111}
.aecc.aecc-v12 .aecc-quickhead{display:flex;justify-content:space-between;gap:8px;font-size:13px;align-items:baseline;margin-bottom:10px}
.aecc.aecc-v12 .aecc-quickhead span{color:#696969;font-size:12px;white-space:nowrap}
.aecc.aecc-v12 .aecc-swatches{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin-bottom:16px}
.aecc.aecc-v12 .aecc-swatch{position:relative;border:0;border-radius:9px;height:40px;width:100%;padding:0;background:var(--color);box-shadow:inset 0 0 0 1px #00000012}
.aecc.aecc-v12 .aecc-swatch:hover{transform:translateY(-2px)}
.aecc.aecc-v12 .aecc-swatch[aria-pressed=true]::after{content:'✓';font-family:Arial,sans-serif;color:var(--oncolor);font-weight:700;font-size:18px}
.aecc.aecc-v12 .aecc-inputrow{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:12px;align-items:stretch;margin-bottom:10px}
.aecc.aecc-v12 .aecc-native{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #d8d8d8;border-radius:12px;padding:10px;cursor:pointer;font-size:13px;font-weight:600;min-width:0;line-height:1.3}
.aecc.aecc-v12 .aecc-native small{display:block;font-weight:400;font-size:11px;color:#656565;margin-top:4px;line-height:1.4}
.aecc.aecc-v12 .aecc-native input{appearance:none;position:absolute;inset:0;opacity:0;width:100%;height:100%;padding:0;cursor:pointer;border:0}
.aecc.aecc-v12 .aecc-native:focus-within{outline:3px solid var(--aecc-purple);outline-offset:3px}
.aecc.aecc-v12 .aecc-nativepatch{display:block;width:34px;height:34px;flex:none;border-radius:9px;border:1px solid #0002}
.aecc.aecc-v12 .aecc-hexlabel{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#555;justify-content:center}
.aecc.aecc-v12 .aecc-hexlabel input{width:100%;height:42px;min-width:0;border:1px solid #d8d8d8;border-radius:9px;padding:8px 10px;background:#fff;color:#000;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;line-height:1.3}
.aecc.aecc-v12 .aecc-error{font-size:12px;color:#a32b2b;padding:6px 0}
.aecc.aecc-v12 .aecc-sliderrow{display:block;margin-top:13px}
.aecc.aecc-v12 .aecc-sliderrow>span{display:flex;align-items:baseline;justify-content:space-between;font-size:13px;font-weight:500;color:#444}
.aecc.aecc-v12 .aecc-sliderrow output{font-family:ui-monospace,monospace;font-size:12px;font-weight:600;color:#333}
.aecc.aecc-v12 input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:28px;padding:0;margin:2px 0 0;background:var(--track) center/100% 8px no-repeat;border:0;border-radius:8px;cursor:pointer;touch-action:pan-y;box-shadow:none}
.aecc.aecc-v12 input[type=range]::-webkit-slider-runnable-track{height:8px;background:transparent;border:0;border-radius:8px}
.aecc.aecc-v12 input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:#171717;box-shadow:0 0 0 1px #888;margin-top:-7px}
.aecc.aecc-v12 input[type=range]::-moz-range-track{height:8px;background:transparent;border:0;border-radius:8px}
.aecc.aecc-v12 input[type=range]::-moz-range-thumb{width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:#171717;box-shadow:0 0 0 1px #888}
.aecc.aecc-v12 .aecc-pickerhint{font-size:12px;color:#666;line-height:1.5;margin-top:14px}
.aecc.aecc-v12 .aecc-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.aecc.aecc-v12 .aecc-bigcolor{min-width:0;min-height:260px;padding:18px;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;border:1px solid #0001}
.aecc.aecc-v12 .aecc-colortag{font-size:10px;font-weight:700;letter-spacing:.08em;line-height:1.5}
.aecc.aecc-v12 .aecc-bigcolor strong{display:block;font-family:"Montserrat Alternates",Arial,sans-serif;font-size:22px;line-height:1.15;font-weight:700;margin-bottom:8px;overflow-wrap:anywhere}
.aecc.aecc-v12 .aecc-bigcolor .aecc-code{font-size:14px}
.aecc.aecc-v12 .aecc-bigcolor button{align-self:flex-start;font-size:11px;color:inherit;background:transparent;border:0;border-top:1px solid currentColor;border-radius:0;padding:9px 0 0;width:100%;justify-content:space-between;opacity:.95}
.aecc.aecc-v12 .aecc-pairtools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}
.aecc.aecc-v12 .aecc-pairtools p{font-size:12px;color:#646464;max-width:240px;line-height:1.45}
.aecc.aecc-v12 .aecc-linkbtn{display:inline-flex;gap:6px;align-items:center;flex:none;background:transparent;color:var(--aecc-purple);border:0;border-radius:6px;padding:8px 0;font-size:13px;font-weight:700;min-height:36px}
.aecc.aecc-v12 .aecc-divider{height:1px;background:var(--aecc-line);margin:22px 0}
.aecc.aecc-v12 .aecc-step-palette{margin-bottom:16px}
.aecc.aecc-v12 .aecc-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.aecc.aecc-v12 .aecc-palettecolor{min-width:0;display:flex;flex-direction:column;align-items:stretch;border:0;border-radius:10px;background:transparent;padding:0;font-size:10px;color:#353535;text-align:left;line-height:1.4}
.aecc.aecc-v12 .aecc-palettecolor i{display:block;width:100%;height:76px;border-radius:9px;border:1px solid #0001;margin-bottom:8px;font-style:normal;background:var(--color)}
.aecc.aecc-v12 .aecc-palettecolor .aecc-code{font-size:11px;letter-spacing:0;margin-bottom:3px}
.aecc.aecc-v12 .aecc-palettecolor span:last-child{font-size:10px;color:#656565;overflow-wrap:anywhere}
.aecc.aecc-v12 .aecc-palettecolor:hover i{box-shadow:0 0 0 2px var(--aecc-purple)}
.aecc.aecc-v12 .aecc-palettehint{font-size:12px;line-height:1.5;color:#666;margin:12px 0 18px}
.aecc.aecc-v12 .aecc-name-label{display:block;font-size:13px;font-weight:600}
.aecc.aecc-v12 .aecc-name-label>span{display:flex;justify-content:space-between;margin-bottom:7px}
.aecc.aecc-v12 .aecc-name-label small{color:#777;font-size:12px;font-weight:400}
.aecc.aecc-v12 .aecc-name-label input{height:43px;width:100%;border:1px solid #d8d8d8;border-radius:10px;padding:10px 12px;background:#fff;color:#111;font-size:14px;line-height:1.3}
.aecc.aecc-v12 .aecc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center}
.aecc.aecc-v12 .aecc-btn{border:1px solid transparent;border-radius:10px;min-height:44px;padding:11px 14px;font-size:13px;gap:12px}
.aecc.aecc-v12 .aecc-primary{background:var(--aecc-lime);color:#000;flex:1}
.aecc.aecc-v12 .aecc-primary:hover{background:#d7d711}
.aecc.aecc-v12 .aecc-secondary{background:#fff;border-color:#d7d7d7;color:#111}
.aecc.aecc-v12 .aecc-tip{border-left:3px solid var(--aecc-lime);border-radius:0 10px 10px 0;background:#f8f8f2;padding:13px 15px;margin-top:19px}
.aecc.aecc-v12 .aecc-tip strong{font-size:13px;font-weight:700}
.aecc.aecc-v12 .aecc-tip p{font-size:12px;line-height:1.5;color:#555;margin-top:4px}
.aecc.aecc-v12 .aecc-disclaimer{font-size:11px;line-height:1.55;color:#696969;margin-top:15px}
.aecc.aecc-v12 .aecc-neutral{background:#f6f1fb;color:#583982;border-radius:8px;font-size:12px;padding:12px;margin-top:15px}
.aecc.aecc-v12 .aecc-saved{padding-top:32px;margin-top:2px}
.aecc.aecc-v12 .aecc-savedtop{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}
.aecc.aecc-v12 .aecc-savedtop h3{font-size:23px;line-height:1.25}
.aecc.aecc-v12 .aecc-savedtop>span{font-size:12px;color:#666}
.aecc.aecc-v12 .aecc-savedlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.aecc.aecc-v12 .aecc-empty{grid-column:1/-1;border:1px dashed #d5d5d0;border-radius:14px;padding:20px 24px;color:#666;font-size:14px;background:#fcfcfa;line-height:1.5}
.aecc.aecc-v12 .aecc-savedcard{border:1px solid #ddd;border-radius:13px;padding:12px;min-width:0}
.aecc.aecc-v12 .aecc-savedcolors{display:flex;height:52px;border-radius:8px;overflow:hidden}
.aecc.aecc-v12 .aecc-savedcolors i{flex:1;background:var(--color)}
.aecc.aecc-v12 .aecc-savedrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}
.aecc.aecc-v12 .aecc-savedrow strong{font-size:13px;overflow-wrap:anywhere;font-weight:600}
.aecc.aecc-v12 .aecc-savedrow button{border:1px solid #dedede;background:#fff;color:#333;border-radius:7px;min-width:36px;min-height:36px;font-size:12px;padding:7px}
.aecc.aecc-v12 .aecc-savedrow>div{display:flex;gap:5px}
.aecc.aecc-v12 .aecc-toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);max-width:calc(100vw - 32px);padding:13px 20px;border-radius:12px;background:#151515;color:#fff;box-shadow:0 6px 30px #0002;font-size:14px;opacity:0;pointer-events:none;z-index:100000;transition:opacity .18s,transform .18s;text-align:center}
.aecc.aecc-v12 .aecc-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@container aecc (max-width:900px){.aecc.aecc-v12 .aecc-workspace{grid-template-columns:minmax(0,1fr)}.aecc.aecc-v12 .aecc-wheel{max-width:350px}.aecc.aecc-v12 .aecc-swatches{gap:9px}.aecc.aecc-v12 .aecc-swatch{height:44px}.aecc.aecc-v12 .aecc-savedlist{grid-template-columns:repeat(2,minmax(0,1fr))}.aecc.aecc-v12 .aecc-palettecolor i{height:90px}}
@container aecc (max-width:510px){.aecc.aecc-v12 .aecc-card{padding:19px 16px;border-radius:16px}.aecc.aecc-v12 .aecc-step{gap:9px}.aecc.aecc-v12 .aecc-step h3{font-size:18px}.aecc.aecc-v12 .aecc-stepnum{width:29px;height:29px;border-radius:8px}.aecc.aecc-v12 .aecc-step p{font-size:12px}.aecc.aecc-v12 .aecc-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.aecc.aecc-v12 .aecc-swatch{height:36px}.aecc.aecc-v12 .aecc-wheelstage{padding-left:3px;padding-right:3px}.aecc.aecc-v12 .aecc-wheelhole{gap:4px}.aecc.aecc-v12 .aecc-centerchip{width:44px;height:44px;border-radius:13px}.aecc.aecc-v12 .aecc-centerlabel{font-size:9px}.aecc.aecc-v12 .aecc-wheelhole strong{font-size:16px}.aecc.aecc-v12 .aecc-inputrow{grid-template-columns:minmax(0,1fr) 112px;gap:9px}.aecc.aecc-v12 .aecc-native{padding:9px;gap:7px;font-size:12px}.aecc.aecc-v12 .aecc-native small{font-size:10px}.aecc.aecc-v12 .aecc-nativepatch{width:28px;height:32px}.aecc.aecc-v12 .aecc-bigcolor{padding:13px;min-height:210px;gap:20px}.aecc.aecc-v12 .aecc-bigcolor strong{font-size:19px}.aecc.aecc-v12 .aecc-colortag{font-size:9px;letter-spacing:.02em}.aecc.aecc-v12 .aecc-pair{gap:9px}.aecc.aecc-v12 .aecc-palette{gap:5px}.aecc.aecc-v12 .aecc-palettecolor .aecc-code{font-size:9px}.aecc.aecc-v12 .aecc-palettecolor i{height:65px}.aecc.aecc-v12 .aecc-palettecolor span:last-child{font-size:9px}.aecc.aecc-v12 .aecc-actions{gap:10px}.aecc.aecc-v12 .aecc-btn{padding:10px;font-size:12px}.aecc.aecc-v12 .aecc-savedlist{grid-template-columns:minmax(0,1fr)}.aecc.aecc-v12 .aecc-savedtop{align-items:start;flex-direction:column;gap:7px}}
@media(max-width:620px){.aecc.aecc-v12{padding:22px 12px 32px}.aecc.aecc-v12 .aecc-title{font-size:30px;line-height:1.16}.aecc.aecc-v12 .aecc-lead{font-size:15px}.aecc.aecc-v12 .aecc-eyebrow{font-size:11px}.aecc.aecc-v12 .aecc-workspace{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.aecc.aecc-v12 *{transition:none!important;scroll-behavior:auto!important}}
/* Preparation extension — never styles outside the shortcode. */
.aecc.aecc-v12 .aecc-prepare-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.aecc.aecc-v12 .aecc-prepare-pair button{display:flex;justify-content:space-between;gap:10px;min-height:46px;background:#f4f2f7;color:var(--aecc-purple);border:1px solid #e3ddee;border-radius:10px;padding:10px 12px;text-align:left;font-size:12px;font-weight:700}
.aecc.aecc-v12 .aecc-prepare-pair button:hover{border-color:var(--aecc-purple);background:#eeebf3}
.aecc.aecc-v12 .aecc-preparation{margin-top:26px;padding:30px;scroll-margin-top:100px}
.aecc.aecc-v12 .aecc-prep-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}
.aecc.aecc-v12 .aecc-prep-heading h3{font-size:30px;line-height:1.2;color:#000}
.aecc.aecc-v12 .aecc-prep-heading p:not(.aecc-eyebrow){margin-top:10px;font-size:15px;color:#555}
.aecc.aecc-v12 .aecc-prep-badge{border:1px solid #d8ddaa;background:#f6f7e8;color:#45501d;padding:8px 11px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.07em;white-space:nowrap}
.aecc.aecc-v12 .aecc-prep-targets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.aecc.aecc-v12 .aecc-prep-targets button{border:1px solid #dedede;background:#fff;color:#111;border-radius:12px;min-height:74px;justify-content:flex-start;padding:12px;gap:10px;text-align:left;min-width:0}
.aecc.aecc-v12 .aecc-prep-targets button[aria-pressed=true]{border-color:var(--aecc-purple);box-shadow:0 0 0 1px var(--aecc-purple);background:#f8f6fb}
.aecc.aecc-v12 .aecc-prep-targets i{background:var(--target);width:36px;height:42px;display:block;border:1px solid #0002;border-radius:9px;flex:none}
.aecc.aecc-v12 .aecc-prep-targets strong{font-size:12px;line-height:1.25;display:block;font-weight:700}
.aecc.aecc-v12 .aecc-prep-targets small{font:11px/1.4 ui-monospace,monospace;color:#555;display:block;margin-top:5px}
.aecc.aecc-v12 .aecc-prep-config{display:flex;align-items:center;gap:20px;justify-content:space-between;padding-top:22px}
.aecc.aecc-v12 .aecc-prep-modes{display:flex;gap:8px}
.aecc.aecc-v12 .aecc-prep-modes button{padding:11px 17px;gap:5px;display:flex;flex-direction:column;align-items:flex-start;min-height:68px;border:1px solid #dcdcdc;border-radius:11px;background:#fff;color:#333;text-align:left}
.aecc.aecc-v12 .aecc-prep-modes button[aria-pressed=true]{background:#f7f8e9;border-color:var(--aecc-green);box-shadow:inset 0 0 0 1px var(--aecc-green)}
.aecc.aecc-v12 .aecc-prep-modes strong{font-size:14px;font-weight:700}
.aecc.aecc-v12 .aecc-prep-modes small{font-size:12px;font-weight:400;color:#555}
.aecc.aecc-v12 .aecc-prep-white{font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#333}
.aecc.aecc-v12 .aecc-prep-white input{appearance:auto;accent-color:var(--aecc-green);width:18px;height:18px;min-width:18px;margin:0;padding:0}
.aecc.aecc-v12 .aecc-prep-references{display:flex;flex-wrap:wrap;gap:8px 16px;margin:18px 0 8px}
.aecc.aecc-v12 .aecc-prep-references>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#4e4e4e}
.aecc.aecc-v12 .aecc-prep-references i{display:block;flex:none;width:18px;height:18px;border:1px solid #0002;border-radius:50%}
.aecc.aecc-v12 .aecc-prep-references.is-expanded{gap:8px}
.aecc.aecc-v12 .aecc-prep-references.is-expanded>span{border:1px solid #e9e9e6;border-radius:20px;padding:4px 8px;font-size:11px;background:#fafaf9}
.aecc.aecc-v12 .aecc-prep-reference-note{font-size:12px;color:#666;margin:0 0 23px}
.aecc.aecc-v12 .aecc-prep-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;border-top:1px solid var(--aecc-line);padding-top:24px}
.aecc.aecc-v12 .aecc-prep-formula,.aecc.aecc-v12 .aecc-prep-practice{min-width:0}
.aecc.aecc-v12 .aecc-prep-subhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.aecc.aecc-v12 .aecc-prep-subhead h4{font-family:'Montserrat Alternates',Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.03em;line-height:1.3;margin:0;color:#111;text-transform:none}
.aecc.aecc-v12 .aecc-prep-subhead>span{font-size:11px;line-height:1.5;white-space:nowrap;color:#626262}
.aecc.aecc-v12 .aecc-prep-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.aecc.aecc-v12 .aecc-prep-compare>div>span{display:block;font-size:10px;letter-spacing:.065em;font-weight:700;color:#626262;margin-bottom:8px;line-height:1.5}
.aecc.aecc-v12 .aecc-prep-compare>div>div{height:120px;border:1px solid #0001;display:flex;align-items:flex-end;border-radius:12px;padding:12px;min-width:0}
.aecc.aecc-v12 .aecc-prep-compare strong{font:500 14px/1.5 ui-monospace,monospace;color:inherit}
.aecc.aecc-v12 .aecc-prep-compare .is-pending{background:repeating-linear-gradient(135deg,#f5f5f3,#f5f5f3 10px,#eeefeb 10px,#eeefeb 20px)!important;color:#555!important}
.aecc.aecc-v12 .aecc-prep-status{font-size:12px;line-height:1.55;color:#5a5a5a;margin:12px 0 16px;min-height:38px}
.aecc.aecc-v12 .aecc-prep-status.is-warning{color:#67441c;background:#faf4e9;padding:10px 12px;border-radius:9px}
.aecc.aecc-v12 .aecc-prep-meter{display:flex;height:9px;overflow:hidden;border-radius:9px;border:1px solid #0001;margin:0 0 10px}
.aecc.aecc-v12 .aecc-prep-meter i{display:block;min-width:0}
.aecc.aecc-v12 .aecc-prep-ingredients{list-style:none;padding:0;margin:0;color:#111;line-height:1.5}
.aecc.aecc-v12 .aecc-prep-ingredients li{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #eeeeea;margin:0}
.aecc.aecc-v12 .aecc-prep-ingredients i{display:block;width:36px;height:36px;border:1px solid #0002;border-radius:10px;flex:none}
.aecc.aecc-v12 .aecc-prep-ingredients li>span{flex:1;min-width:0}
.aecc.aecc-v12 .aecc-prep-ingredients strong{font-size:14px;font-weight:600;display:block}
.aecc.aecc-v12 .aecc-prep-ingredients li>span>small{font-size:10px;font-family:ui-monospace,monospace;color:#737373;display:block;margin-top:2px}
.aecc.aecc-v12 .aecc-prep-ingredients b{font-size:24px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;font-family:'Montserrat Alternates',Arial,sans-serif}
.aecc.aecc-v12 .aecc-prep-ingredients b>small{font-size:13px}
.aecc.aecc-v12 .aecc-prep-quantity{font-size:12px;color:#5b5b5b;line-height:1.6;padding:13px 0 0}
.aecc.aecc-v12 .aecc-prep-expand{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f5f2fa;color:var(--aecc-purple);border:1px solid #e2dbea;border-radius:10px;font-size:13px;padding:12px 15px;margin-top:14px;min-height:46px;width:100%;text-align:left}
.aecc.aecc-v12 .aecc-prep-steps{list-style:none;counter-reset:aecc-steps;padding:0;margin:0;color:#111}
.aecc.aecc-v12 .aecc-prep-steps li{position:relative;counter-increment:aecc-steps;padding:0 0 23px 42px;margin:0;min-height:48px}
.aecc.aecc-v12 .aecc-prep-steps li::before{content:counter(aecc-steps);display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:#f2f3dd;color:#526019;font-size:12px;font-weight:700}
.aecc.aecc-v12 .aecc-prep-steps li strong{font-size:14px;line-height:1.5;display:block;font-weight:700;margin-top:0}
.aecc.aecc-v12 .aecc-prep-steps li p{font-size:13px;line-height:1.65;color:#575757;margin-top:6px}
.aecc.aecc-v12 .aecc-prep-steps li.aecc-prep-placeholder{font-size:14px;color:#666;background:#fafaf8;padding:24px;border-radius:14px;min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center}
.aecc.aecc-v12 .aecc-prep-steps li.aecc-prep-placeholder::before{display:none}
.aecc.aecc-v12 .aecc-prep-advice{background:#f7f7f1;border-left:3px solid var(--aecc-lime);padding:13px 15px;border-radius:0 9px 9px 0}
.aecc.aecc-v12 .aecc-prep-advice strong{font-size:13px}
.aecc.aecc-v12 .aecc-prep-advice p{font-size:12px;line-height:1.6;color:#555;margin-top:5px}
.aecc.aecc-v12 .aecc-prep-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--aecc-line);padding-top:20px;margin-top:25px}
.aecc.aecc-v12 .aecc-prep-actions .aecc-primary{flex:0 1 auto}
.aecc.aecc-v12 .aecc-prep-actions .aecc-linkbtn{margin-left:auto}
.aecc.aecc-v12 .aecc-prep-caveat{border:1px solid #e7e5ec;border-radius:12px;padding:15px 18px;margin-top:20px;background:#fbfafc}
.aecc.aecc-v12 .aecc-prep-caveat strong{font-size:13px;color:var(--aecc-purple)}
.aecc.aecc-v12 .aecc-prep-caveat p{font-size:12px;line-height:1.7;color:#57535e;margin-top:5px}
.aecc.aecc-v12 .aecc-prep-details{margin-top:16px;border:0;background:transparent;box-shadow:none}
.aecc.aecc-v12 .aecc-prep-details summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--aecc-purple);padding:6px 0;display:list-item;list-style:disclosure-closed}
.aecc.aecc-v12 .aecc-prep-details[open] summary{list-style:disclosure-open}
.aecc.aecc-v12 .aecc-prep-details p{font-size:12px;line-height:1.7;margin-top:10px;color:#555}
.aecc.aecc-v12 .aecc-prep-details a{color:var(--aecc-purple);text-decoration:underline;overflow-wrap:anywhere}
@container aecc (max-width:900px){.aecc.aecc-v12 .aecc-prep-targets{grid-template-columns:repeat(3,minmax(0,1fr))}.aecc.aecc-v12 .aecc-prep-heading{flex-wrap:wrap}.aecc.aecc-v12 .aecc-prep-config{flex-wrap:wrap;gap:13px}.aecc.aecc-v12 .aecc-prep-grid{grid-template-columns:minmax(0,1fr);gap:28px}.aecc.aecc-v12 .aecc-prep-subhead h4{font-size:19px}.aecc.aecc-v12 .aecc-prep-compare>div>div{height:135px}}
@container aecc (max-width:510px){.aecc.aecc-v12 .aecc-preparation{padding:22px 16px}.aecc.aecc-v12 .aecc-prep-heading h3{font-size:25px}.aecc.aecc-v12 .aecc-prep-targets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.aecc.aecc-v12 .aecc-prep-targets button{padding:9px;min-height:64px;gap:8px}.aecc.aecc-v12 .aecc-prep-targets i{width:27px;height:36px}.aecc.aecc-v12 .aecc-prep-targets strong{font-size:11px}.aecc.aecc-v12 .aecc-prep-targets small{font-size:10px}.aecc.aecc-v12 .aecc-prep-config{align-items:stretch}.aecc.aecc-v12 .aecc-prep-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.aecc.aecc-v12 .aecc-prep-modes button{padding:10px}.aecc.aecc-v12 .aecc-prep-modes strong{font-size:12px}.aecc.aecc-v12 .aecc-prep-modes small{font-size:11px}.aecc.aecc-v12 .aecc-prep-compare{gap:9px}.aecc.aecc-v12 .aecc-prep-compare>div>span{min-height:30px;font-size:9px;letter-spacing:.02em}.aecc.aecc-v12 .aecc-prep-compare>div>div{height:107px}.aecc.aecc-v12 .aecc-prep-compare strong{font-size:12px}.aecc.aecc-v12 .aecc-prep-subhead{align-items:start;flex-direction:column;gap:4px}.aecc.aecc-v12 .aecc-prep-subhead h4{font-size:18px}.aecc.aecc-v12 .aecc-prep-actions{gap:10px}.aecc.aecc-v12 .aecc-prep-actions .aecc-btn{width:100%}.aecc.aecc-v12 .aecc-prep-actions .aecc-primary{flex:auto}.aecc.aecc-v12 .aecc-prep-actions .aecc-linkbtn{margin-left:0}.aecc.aecc-v12 .aecc-prep-steps li{padding-left:37px}.aecc.aecc-v12 .aecc-prepare-pair button{font-size:11px;padding:9px;line-height:1.5}}