:root{--navy:#002c36;--navy-2:#123f4a;--cyan:#07b5ae;--orange:#e44812;--paper:#e5e9ea;--paper2:#f1f3f3;--muted:#6b8086;--line:#dbe3e4;--white:#fff;--shadow:0 16px 42px rgba(1,46,57,.10);--radius:25px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--navy)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,[role="button"]:focus-visible{outline:3px solid #00b8bb;outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}
.site-header{height:88px;padding:0 clamp(18px,4.2vw,65px);display:flex;align-items:center;gap:23px;color:#fff;background:var(--navy);position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;min-width:190px;max-width:240px;flex-shrink:0;text-decoration:none}.brand img{max-width:100%;width:220px;max-height:70px;height:auto;object-fit:contain}.brand-fallback{font-weight:900;font-size:33px;letter-spacing:-2px}.brand-dot{color:var(--orange)}.header-rule{height:40px;width:1px;background:rgba(255,255,255,.23)}.suite-name{font-size:12px;letter-spacing:1.65px;font-weight:800;color:#d6f0f0}.suite-dot{background:var(--cyan);display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.suite-slash{color:var(--orange);padding:0 8px}.header-external{margin-left:auto;text-decoration:none;color:#fff;font-weight:700;font-size:13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:11px 19px;white-space:nowrap;transition:.2s}.header-external:hover{border-color:var(--orange);color:#fff}
.hero{background:linear-gradient(110deg,#002c36 0%,#133f4d 69%,#1d4c58 100%);min-height:326px;padding:44px clamp(20px,5vw,80px) 50px;overflow:hidden;position:relative;color:#fff}.hero-copy{position:relative;z-index:1;max-width:1120px}.eyebrow{color:var(--orange);font-weight:850;letter-spacing:1.9px;font-size:12px}.eyebrow .dash{display:inline-block;width:22px;height:2px;vertical-align:middle;margin-right:11px;background:var(--orange)}.eyebrow .sep{margin:0 8px;color:#77b4bc}.hero h1{font-size:clamp(40px,5vw,74px);line-height:1.02;letter-spacing:-3.3px;font-weight:900;margin:22px 0 18px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{font-size:16px;line-height:1.65;max-width:665px;color:#d4e5e6}.hero-tags{display:flex;gap:11px;flex-wrap:wrap;margin-top:23px}.hero-tags span{border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:800;padding:8px 12px;border-radius:99px;letter-spacing:.3px}.tiny-circle{width:8px;height:8px;display:inline-block;background:var(--cyan);border-radius:50%;margin-right:6px}.hero-decoration{position:absolute;right:-95px;top:-375px;width:770px;height:770px;border:1px solid rgba(8,181,174,.2);border-radius:50%;box-shadow:0 0 0 65px rgba(8,181,174,.04),0 0 0 125px rgba(8,181,174,.035),0 0 0 185px rgba(8,181,174,.022)}.hero-decoration:before{content:"";position:absolute;inset:85px;border:1px solid rgba(8,181,174,.21);border-radius:50%}.hero-symbol{position:absolute;right:clamp(20px,11vw,185px);top:65px;width:240px;height:240px;opacity:.95;transform:rotate(-10deg)}.symbol-ring{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.ring-1{inset:-44px}.ring-2{inset:-12px}.symbol-color-a,.symbol-color-b,.symbol-color-c{position:absolute;border-radius:40%}.symbol-color-a{width:150px;height:150px;top:10px;left:40px;background:#08ada8;transform:rotate(-15deg);box-shadow:0 13px 33px #001a2180}.symbol-color-b{width:110px;height:110px;top:95px;left:135px;background:var(--orange);transform:rotate(18deg);box-shadow:0 12px 20px #001a2180}.symbol-color-c{width:105px;height:105px;top:125px;left:-3px;background:#d5ddd9;transform:rotate(20deg)}.symbol-text{position:absolute;top:58px;left:72px;color:#fff;font-weight:900;font-size:66px;letter-spacing:-7px}
.app-layout{max-width:1570px;margin:0 auto;padding:34px clamp(15px,4.1vw,60px) 60px;display:grid;grid-template-columns:minmax(390px,.92fr) minmax(520px,1.08fr);gap:25px;align-items:start}.panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(0,44,54,.055);padding:27px}.source-panel{position:sticky;top:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.overline{font-weight:900;font-size:11px;color:var(--orange);letter-spacing:1.65px}.panel-heading h2{font-size:clamp(24px,2.15vw,31px);letter-spacing:-1px;line-height:1.06;margin:8px 0 0;font-weight:900}.panel-heading-icon{width:37px;height:37px;background:#f2f5f5;border:1px solid #e4eaea;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:30px;font-weight:300}
.input-tabs{display:flex;overflow:auto;scrollbar-width:none;gap:6px;border-bottom:1px solid var(--line);padding:0 0 15px;margin-bottom:23px}.input-tabs::-webkit-scrollbar{display:none}.input-tab{background:#f5f7f7;border:1px solid #e6ebed;color:#3f5960;font-size:13px;font-weight:800;padding:10px 16px;border-radius:99px;white-space:nowrap;transition:.18s}.input-tab:hover{background:#e8f0f0}.input-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.tab-pane{min-height:266px}.drop-zone{border:2px dashed #bacbd0;border-radius:19px;background:#f5f8f9;min-height:300px;overflow:hidden;position:relative;transition:.2s;cursor:pointer}.drop-zone:hover,.drop-zone.dragging{border-color:var(--cyan);background:#edf8f8}.drop-empty{min-height:298px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center;gap:7px}.drop-empty strong{font-size:18px;letter-spacing:-.4px}.drop-empty span{font-size:13px;color:#61777e}.drop-empty small{font-size:11px;color:#95a5a9;margin-top:8px;font-weight:700}.upload-symbol{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:#e5f4f3;color:var(--navy);margin-bottom:10px}.upload-symbol svg{width:50px;height:50px}.image-workspace{height:360px;padding:12px}.image-toolbar{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 9px;font-size:12px;color:#566e74;font-weight:800}.tiny-action{background:transparent;border:0;color:var(--orange);font-weight:850;padding:3px 5px}.image-canvas-viewport{position:relative;width:100%;height:313px;overflow:auto;background:repeating-conic-gradient(#edf1f1 0% 25%,#fff 0% 50%) 50%/20px 20px;border-radius:11px;display:flex;justify-content:center;align-items:flex-start;cursor:crosshair}.image-canvas-viewport canvas{display:block;max-width:none;touch-action:pan-x pan-y;box-shadow:0 3px 10px #002d3620}.sample-target{position:absolute;border:3px solid #fff;box-shadow:0 0 0 2px var(--navy);width:18px;height:18px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}
.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.image-actions{align-items:end;margin-top:17px}.field-label{font-size:12px;font-weight:900;letter-spacing:.4px;color:#34555f;display:block}.field-label span{font-weight:750;color:#678088;float:right}.field-label input:not([type="range"]){margin-top:8px}input[type="range"]{width:100%;accent-color:var(--orange);margin-top:14px}input[type="text"],input[type="number"],input[type="email"]{height:51px;width:100%;border:1px solid #cad5d8;border-radius:13px;background:#fff;padding:0 15px;font-size:16px;color:var(--navy);outline:none;transition:.15s}input[type="text"]:focus,input[type="number"]:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #07b5ae18}.eyedropper-box{background:#f1f6f5;border-radius:12px;font-size:11px;line-height:1.4;font-weight:800;color:#56727a;display:flex;align-items:center;gap:9px;padding:13px}.eyedropper-dot{display:block;border-radius:50%;width:13px;height:13px;background:var(--cyan);border:3px solid #fff;box-shadow:0 0 0 1px #b5d7d6;flex-shrink:0}.picked-row{display:flex;align-items:center;gap:10px;background:#f5f8f8;border-radius:12px;padding:10px;margin-top:14px;font-size:12px;font-weight:800}.picked-dot{height:26px;width:26px;border-radius:8px;background:var(--cyan);border:1px solid #dae2e2}.picked-coords{margin-left:auto;font-size:11px;color:#879a9d}.palette-section{margin-top:20px}.section-kicker{font-size:11px;font-weight:900;letter-spacing:1.25px;margin-bottom:12px}.palette-chips{display:flex;gap:9px;flex-wrap:wrap}.palette-chip{width:58px;height:56px;border-radius:13px;border:4px solid #fff;box-shadow:0 0 0 1px var(--line);position:relative;cursor:pointer;transition:transform .15s}.palette-chip:hover{transform:translateY(-3px)}.palette-chip span{position:absolute;bottom:-23px;font-size:10px;left:-6px;text-align:center;width:70px;font-weight:800;color:#4f6a71}.palette-section .micro-note{padding-top:23px}.micro-note{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.source-foot{border-top:1px solid var(--line);margin-top:24px;padding-top:17px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#71868a}.safe-indicator{background:#24c684;width:7px;height:7px;border-radius:50%;flex-shrink:0}
.color-input-row{display:flex;gap:10px;align-items:center;margin-top:9px}.color-input-row input[type="text"]{text-transform:uppercase;min-width:0}.prefix{font-size:27px;font-weight:900;color:var(--navy)}.color-input-row input[type="color"]{height:50px;width:55px;padding:2px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.input-hint{color:var(--muted);line-height:1.55;font-size:12px;margin:11px 0 18px}.three-fields,.four-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.four-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.caution-block{background:#fff8ed;border:1px solid #ffdeb4;border-radius:13px;color:#8a581e;padding:13px;display:flex;gap:11px;line-height:1.55;font-size:12px;margin:17px 0}.caution-block span{width:20px;height:20px;background:#e7a453;color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:900;flex-shrink:0}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:13px;padding:13px 18px;font-weight:850;font-size:13px;transition:.15s;background:transparent;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:#c83c0c}.btn-dark{background:var(--navy);color:#fff}.btn-outline{border:1px solid #bdd0d3;color:var(--navy);background:#fff}.btn-small{padding:12px 17px;border-radius:12px;background:var(--navy);color:#fff}.form-error{margin-top:16px;font-size:12px;color:#a7230e;background:#fff0eb;border:1px solid #ffd1c5;border-radius:10px;padding:12px;font-weight:700}
.reset-btn{font-size:12px;color:#7d9297;border:0;background:transparent;white-space:nowrap}.reset-btn span{font-size:19px;margin-left:4px}.selected-swatch{height:236px;border-radius:20px;position:relative;overflow:hidden;background:#0bb9b2;display:flex;flex-direction:column;justify-content:space-between;padding:21px 25px;box-shadow:inset 0 0 1px #0001}.swatch-label{font-size:11px;font-weight:900;letter-spacing:2px;position:relative;z-index:2}.swatch-bottom{display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:2;gap:18px}.swatch-bottom strong{font-size:clamp(32px,3vw,43px);letter-spacing:-1.8px;line-height:1.2;display:block}.swatch-bottom span{font-weight:700;display:block;margin-top:6px;font-size:12px}.swatch-decor{position:absolute;right:-100px;top:-125px;width:360px;height:360px;border:1px solid currentColor;opacity:.18;border-radius:50%;box-shadow:0 0 0 54px #ffffff40,0 0 0 105px #fff4}.light-copy{border:1px solid currentColor;color:inherit;border-radius:99px;padding:9px 13px;background:transparent;font-size:12px;font-weight:900;white-space:nowrap}
.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.metric{border:1px solid var(--line);padding:17px;border-radius:15px;position:relative;min-width:0;background:#fff}.metric-label{font-size:11px;font-weight:950;letter-spacing:1.3px;color:#50717a;display:flex;justify-content:space-between;align-items:center}.small-detail{font-size:9px;letter-spacing:0;text-transform:uppercase;color:#9babad}.metric strong{display:block;margin-top:13px;font-size:clamp(17px,1.7vw,23px);letter-spacing:-.7px;white-space:nowrap}.metric-copy{padding:0;border:0;background:transparent;color:var(--orange);font-size:11px;font-weight:900;display:block;margin-top:10px}.meter-panel{margin-top:19px;padding:16px 19px;background:#f6f9f9;border:1px solid #e6ebeb;border-radius:16px}.meter-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.meter-heading h3{font-size:13px;letter-spacing:-.1px;margin:0}.meter-heading span{font-size:10px;font-weight:800;color:#95a6ab}.rgb-bars{display:grid;gap:10px}.rgb-meter{display:grid;grid-template-columns:14px 1fr 28px;align-items:center;gap:10px;font-size:11px;font-weight:800}.rgb-meter>div{background:#e1e8ea;height:7px;border-radius:99px;overflow:hidden}.rgb-meter i{display:block;height:100%;width:0;transition:width .3s}.rgb-meter:nth-child(1) i{background:#f05a56}.rgb-meter:nth-child(2) i{background:#1bbf97}.rgb-meter:nth-child(3) i{background:#459beb}.rgb-meter b{font-weight:800;text-align:right}
.match-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin:30px 0 15px}.match-head h3{margin:5px 0 0;letter-spacing:-.5px;font-size:21px}.library-label{color:#738b91;font-size:10px;font-weight:900;letter-spacing:1px;white-space:nowrap}.pantone-empty{background:#f4f7f8;border:1px solid #dce5e7;border-radius:16px;display:flex;gap:14px;align-items:center;padding:19px}.pantone-empty-icon{height:51px;min-width:51px;border:2px solid #bed5d9;border-radius:14px;display:grid;place-items:center;font-size:27px;font-weight:900;color:var(--cyan)}.pantone-empty strong{font-size:14px}.pantone-empty p{font-size:12px;line-height:1.55;color:#698088;margin:6px 0 0}.pantone-results{display:grid;gap:9px}.pantone-row{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;padding:10px 12px}.pantone-chip{height:47px;width:47px;border:1px solid #ddd;border-radius:10px;flex-shrink:0}.pantone-row-data{flex:1;min-width:0}.pantone-row-data strong{font-size:14px}.pantone-row-data small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.delta-pill{background:#e8f6f3;color:#186b62;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:900}.delta-pill.warning{background:#fff1dd;color:#946018}
.catalog-details{border-bottom:1px solid #e2eaec;margin:20px 0 12px}.catalog-details summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;font-weight:900;font-size:13px;padding:7px 0 17px}.catalog-details summary::-webkit-details-marker{display:none}.catalog-details .chevron{background:#f1f6f6;border-radius:50%;height:24px;width:24px;display:grid;place-items:center;font-size:20px}.catalog-content{padding:0 0 19px}.catalog-content p{font-size:12px;line-height:1.5;color:var(--muted)}.catalog-content code{background:#f3f6f7;color:var(--navy);border-radius:4px;padding:2px 4px}.catalog-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.catalog-file{cursor:pointer}.text-link{font-size:12px;color:var(--orange);font-weight:900;text-decoration:none;border:0;background:none;padding:0}.catalog-status{background:#edf4f4;border-radius:10px;padding:10px 12px;color:#506d75;font-size:12px;font-weight:700;margin:14px 0}.compare-panel{border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:20px}.compare-title{display:flex;gap:11px;align-items:center;margin-bottom:14px}.compare-icon{height:39px;width:39px;background:#e6f5f4;color:var(--cyan);display:grid;place-items:center;font-size:27px;font-weight:800;border-radius:10px}.compare-title strong{display:block;font-size:14px}.compare-title small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.compare-input{display:flex;gap:9px}.compare-input input{flex:1;min-width:0}.comparison-result{margin-top:14px;display:flex;align-items:center;gap:12px;background:#f6f9f9;padding:12px;border-radius:12px;font-size:12px;font-weight:800}.comparison-color{width:36px;height:36px;flex-shrink:0;border-radius:9px;border:1px solid #d0d0d0}.comparison-result b{font-size:17px}.btn-report{width:100%;justify-content:space-between;margin-top:19px;padding:17px 22px;font-size:15px}.results-footnote{font-size:11px;line-height:1.6;color:#7d9196;margin:16px 0 0}
.about-section{background:#002c36;color:#fff;padding:72px clamp(20px,5vw,80px)}.about-inner{max-width:1450px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:56px}.about-inner h2{font-size:clamp(32px,4vw,55px);letter-spacing:-2px;line-height:1.13;margin:20px 0 0}.about-inner h2 em{font-style:normal;color:var(--cyan)}.about-copy p{color:#c9dbdd;line-height:1.7;font-size:14px}.about-copy strong{color:#fff}.about-copy a{color:#fff;font-weight:900;font-size:13px;text-decoration-color:var(--orange);text-underline-offset:6px}.site-footer{background:#00222a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:24px clamp(20px,5vw,80px);color:#a3c3c7;font-size:12px}.site-footer a{color:#fff;text-decoration:none;font-weight:900}
.report-modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px}.report-backdrop{position:absolute;inset:0;background:#001e26db;backdrop-filter:blur(5px)}.report-dialog{position:relative;background:#fff;border-radius:24px;max-width:1000px;width:100%;max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 90px #0006;padding:20px}.report-toolbar{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 18px}.report-toolbar h2{margin:5px 0 0;font-size:24px;letter-spacing:-.6px}.close-modal{height:40px;width:40px;border:1px solid var(--line);border-radius:50%;font-size:27px;background:#fff;color:var(--navy)}.report-view{display:grid;place-items:center;background:var(--paper2);padding:26px;border-radius:13px;overflow:auto;min-height:200px}.report-view svg{display:block;width:min(100%,620px);height:auto;box-shadow:0 12px 38px #001e2626}.report-actions{display:flex;gap:11px;flex-wrap:wrap;padding:20px 10px 4px}.report-disclaimer{font-size:11px;color:var(--muted);line-height:1.6;padding:0 10px}.toast{position:fixed;bottom:25px;right:25px;background:#002c36;color:#fff;border-radius:12px;font-size:13px;font-weight:800;padding:13px 17px;box-shadow:0 12px 35px #001e2630;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;z-index:100}.toast.show{opacity:1;transform:translateY(0)}body.modal-open{overflow:hidden}
@media(max-width:1180px){.hero-symbol{right:90px;opacity:.35}.app-layout{grid-template-columns:minmax(330px,1fr) minmax(390px,1fr);padding-left:28px;padding-right:28px}.panel{padding:21px}.input-tab{font-size:12px;padding:10px 12px}.selected-swatch{height:210px}}
@media(max-width:920px){.app-layout{grid-template-columns:1fr;max-width:800px}.source-panel{position:relative;top:auto}.hero-symbol{right:0;opacity:.17}.about-inner{grid-template-columns:1fr;gap:25px}.about-section{padding:50px 28px}}
@media(max-width:620px){.site-header{height:76px;padding:0 17px;gap:10px}.brand{min-width:0;width:160px}.brand img{width:155px;max-height:56px}.brand-fallback{font-size:25px}.header-rule,.suite-slash,.header-external{display:none}.suite-name{letter-spacing:.5px;font-size:10px}.hero{padding:35px 20px 39px;min-height:295px}.hero h1{font-size:42px;letter-spacing:-1.9px;line-height:1.07;margin:16px 0}.hero-copy>p{font-size:14px}.hero-tags{gap:6px}.hero-tags span{font-size:10px;padding:7px 9px}.app-layout{padding:16px 11px 42px;gap:18px}.panel{padding:18px;border-radius:20px}.panel-heading h2{font-size:26px}.input-tab{padding:9px 12px}.tab-pane{min-height:250px}.drop-zone{min-height:255px}.drop-empty{min-height:253px}.image-workspace{height:300px}.image-canvas-viewport{height:250px}.control-grid{grid-template-columns:1fr}.image-actions{gap:10px}.eyedropper-box{padding:10px}.four-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-swatch{height:200px;padding:19px}.swatch-bottom strong{font-size:35px}.metric{padding:13px}.metric strong{font-size:16px}.metric-grid{gap:9px}.match-head h3{font-size:18px}.report-modal{padding:7px}.report-dialog{max-height:calc(100vh - 14px);padding:13px;border-radius:17px}.report-view{padding:7px}.report-toolbar h2{font-size:18px}.report-actions{padding:12px 2px 0;display:grid;grid-template-columns:1fr 1fr}.report-actions .btn{font-size:11px;padding:12px 5px}.report-actions .btn:last-child{grid-column:1/-1}.about-section{padding:43px 20px}.site-footer{padding:20px;flex-direction:column;align-items:flex-start;gap:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Indicacion permanente de procedencia de las coincidencias Pantone */
.pantone-source-note{
  margin:12px 0 1px;
  padding:12px 14px;
  border:1px solid #e9d7b7;
  background:#fff9ef;
  border-radius:11px;
  color:#765327;
  font-size:12px;
  line-height:1.55;
  font-weight:700;
}

/* v4: palette legibility and visual comparison with quantified coverage */
.palette-title-row{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:12px}
.palette-title-row .section-kicker{margin-bottom:0}
.palette-title-row #paletteCount{color:var(--cyan);font-weight:900;letter-spacing:0}
.palette-help{font-size:10px;font-weight:800;color:var(--muted)}
.palette-intro{font-size:12px;line-height:1.6;color:#547078;margin:0 0 15px}
.palette-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:11px}
.palette-chip{width:auto;height:auto;min-height:104px;padding:0;background:#fff!important;border:1px solid #dbe3e4;border-radius:12px;box-shadow:none;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;text-align:left;transition:transform .15s,box-shadow .15s}
.palette-chip span{position:static;left:auto;bottom:auto;width:auto;text-align:inherit}
.palette-chip .palette-chip-swatch{position:static;height:60px;width:100%;display:block;border-radius:10px 10px 0 0}
.palette-chip .palette-chip-code{position:static;display:block;width:auto;left:auto;bottom:auto;font-size:11px;line-height:1.2;text-align:center;color:var(--navy);font-weight:900;padding:6px 4px 1px}
.palette-chip .palette-chip-share{display:block;font-size:10px;color:#648088;font-weight:750;text-align:center;padding:0 3px 8px}
.palette-chip.active{box-shadow:0 0 0 2px var(--orange);border-color:var(--orange)}
.palette-section .micro-note{padding-top:13px}
.delta-guide{color:#44646d;background:#f2f8f8;border-left:3px solid var(--cyan);border-radius:10px;font-size:12px;line-height:1.55;padding:12px 14px;margin:0 0 13px}
.pantone-row-data{display:flex;flex-direction:column;gap:4px}
.pantone-row-data small{margin-top:0}
.pantone-row-data .distance-hint{font-size:11px;font-weight:850;color:#305f67}
.delta-pill{white-space:nowrap;max-width:175px;text-align:center;line-height:1.35}
.palette-match-section{margin-top:28px;border-top:1px solid #e1e8e9;padding-top:4px}
.palette-match-caption{font-size:12px;color:#6d8286;line-height:1.55;margin-bottom:15px}
.palette-match-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.palette-match-item{display:flex;gap:10px;align-items:center;background:#f6f8f8;border:1px solid #e0e8e9;border-radius:14px;padding:11px;min-width:0}
.palette-match-item .palette-match-swatch{width:48px;height:55px;border-radius:9px;flex:none;border:1px solid #e0e5e6}
.palette-match-item-main{flex:1;min-width:0}
.palette-match-item strong{display:block;font-size:13px;line-height:1.35}
.palette-match-item small{display:block;color:#617b81;font-size:11px;margin-top:3px;line-height:1.4}
.palette-match-item .palette-match-score{font-size:10px;font-weight:850;color:#1c7773}
.palette-match-item button{font-weight:800;color:var(--orange);border:0;background:none;text-align:left;padding:5px 0 0;font-size:11px}
.compare-panel{margin-top:20px}
.compare-panel summary{cursor:pointer;list-style:none;margin:0}
.compare-panel summary::-webkit-details-marker{display:none}
.compare-panel:not([open]) .compare-title{margin-bottom:0}
.compare-chevron{margin-left:auto;color:var(--cyan);font-size:22px;font-weight:700}
.compare-panel[open] .compare-chevron{transform:rotate(45deg)}
@media(max-width:680px){.palette-match-list{grid-template-columns:1fr}.palette-chips{grid-template-columns:repeat(auto-fill,minmax(79px,1fr));gap:9px}.pantone-row{flex-wrap:wrap}.delta-pill{margin-left:auto}}

.project-palette-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.project-palette-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.project-palette-head h3{margin:2px 0 0;font-size:20px;line-height:1.1;color:var(--navy)}
.project-palette-caption{font-size:12px;line-height:1.55;color:var(--muted);margin:10px 0 14px}.project-palette-empty{background:#f5f8f8;border:1px dashed #c6d4d7;border-radius:12px;padding:14px;font-size:12px;line-height:1.55;color:#5b747b}.project-palette-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.project-color-card{border:1px solid #dbe4e6;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.project-color-swatch{height:58px;display:block}.project-color-body{padding:10px 11px 11px}.project-color-hex{display:block;font-size:13px;font-weight:900;color:var(--navy)}.project-color-meta{display:block;font-size:11px;line-height:1.35;color:#668088;margin-top:3px;min-height:30px}.project-color-actions{display:flex;gap:8px;margin-top:9px}.project-color-actions button{border:0;background:none;padding:0;font-size:11px;font-weight:900;cursor:pointer}.project-color-actions .project-select{color:var(--navy)}.project-color-actions .project-remove{color:var(--orange)}.project-palette-actions{margin-top:9px}#addProjectColor[disabled]{opacity:.45;cursor:not-allowed}.source-foot{margin-top:18px}.palette-match-item .palette-match-score{display:block;margin-top:4px}@media(max-width:700px){.project-palette-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* A new visit begins without a predefined colour or pre-filled report. */
.selected-swatch.is-empty{background:#F3F6F6;color:#45636B;box-shadow:inset 0 0 0 1px #DCE6E7}
.selected-swatch.is-empty .swatch-decor{opacity:.08;box-shadow:none}
.selected-swatch.is-empty .swatch-bottom strong{font-size:32px;letter-spacing:0}
.selected-swatch.is-empty .light-copy{opacity:.38}
.metric-copy:disabled{color:#9FABAF;opacity:.45}
.btn-report:disabled{background:#BFCBCD;color:#47646C;transform:none}

.selected-palette-panel{margin-top:14px;padding:15px 16px;border:1px solid #e0e7e9;background:#f8fbfb;border-radius:18px}.selected-palette-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.selected-palette-head h3{font-size:18px;line-height:1.15;margin:0;color:var(--navy)}.selected-palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.selected-palette-card{border:1px solid #dbe4e6;border-radius:14px;background:#fff;overflow:hidden}.selected-palette-card.active{box-shadow:0 0 0 2px var(--teal)}.selected-palette-swatch{height:56px;display:block}.selected-palette-body{padding:10px 11px 12px}.selected-palette-body strong{display:block;font-size:13px;color:var(--navy)}.selected-palette-body small{display:block;font-size:11px;color:#667f85;line-height:1.35;margin-top:4px}.selected-palette-body button{border:0;background:none;color:var(--orange);padding:8px 0 0;font-weight:900;font-size:11px}.report-actions .btn[disabled]{opacity:.55;pointer-events:none}
@media(max-width:620px){.selected-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-palette-head h3{font-size:16px}}