:root{color-scheme:dark;--bg:#0A0A0A;--text:#f5f5f7;--muted:#a6a6ad;--line:#44444b}
html,body{height:auto;min-height:0;overflow-x:clip;background:var(--bg);color:var(--text)}body{padding:0}body>header,body>footer,.workspace>.intro,.summary-bar,.selection-recap,.finish,.model-notes{display:none!important}main{min-height:0;padding:0}
.workspace{height:auto;min-height:0;max-width:1180px;padding:20px 30px 30px;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;grid-template-rows:112px 500px auto auto;gap:24px 20px;overflow:visible}
.top-shapes{grid-column:1/-1;grid-row:1;min-width:0;overflow:hidden;margin:0}.shapes{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:none;padding:2px 3px 10px;scrollbar-width:none}.shapes::-webkit-scrollbar{display:none}.shape{flex:0 0 82px;min-height:99px;gap:8px;padding:0;border:0!important;background:transparent!important;scroll-snap-align:none}.shape::before{display:none}.shape .shape-symbol{position:relative;display:block;width:76px;height:76px;border:1px solid #44444b;border-radius:50%;overflow:hidden;background:#0A0A0A;flex:none}.shape img.shape-icon{position:absolute;inset:0;width:100%;height:100%;padding:17px;object-fit:contain;border:0;border-radius:0;background:transparent;filter:brightness(0) invert(1);opacity:.75}.shape img.shape-photo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140%;height:140%;max-width:none;padding:0;border:0;border-radius:0;background:none;object-fit:contain;display:none;filter:none}.shape[aria-pressed=true] .shape-symbol{border-color:#DE57AD}.shape[aria-pressed=true] img.shape-icon{display:none}.shape[aria-pressed=true] img.shape-photo{display:block}.shape>span:last-child{color:#b8b8be;font-size:11px}.shape[aria-pressed=true]>span:last-child{color:#DE57AD}
.visual{grid-column:2;grid-row:2;height:100%;min-height:0;position:relative;top:auto;margin:0;padding:0;box-shadow:none;border:0;background:transparent;overflow:visible}.left-color{grid-column:1;grid-row:2}.right-clarity{grid-column:3;grid-row:2}.left-color,.right-clarity{align-self:center}.live-viewer{height:100%;min-height:0}#pack{height:100%;min-height:0;padding:15px 0 70px;display:flex;align-items:center;justify-content:center;gap:0}#dynamic-pack{width:100%;max-width:620px}#dynamic-pack.gia-paper{max-width:620px!important;width:100%!important}#pack-gem,#pack-detail-gem{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.diamond-photo{display:block;overflow:visible;pointer-events:none}
.report-link{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;border-bottom:1px solid #DE57AD;padding:2px 0}.gem-meta{display:flex!important;position:absolute;left:0;right:0;bottom:6px;justify-content:center;padding:0;border:0}.gem-meta #current-spec{display:none}.gem-meta #current-price{font-size:23px;color:var(--text);white-space:nowrap}.compare-button{display:none}
.workspace>.certificate-row{grid-column:1/-1;grid-row:3;position:static;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;max-width:none;height:auto;margin:0;padding:0 0 12px;border:0}.certificate-row .section-heading{margin:0}.certificate-row .section-heading h2{font:11px Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.certificate-row .lab-row{display:grid;grid-template-columns:120px 85px 85px;gap:8px;width:auto}.certificate-row .lab-row button{border:1px solid #55555d;border-radius:0;background:transparent;padding:12px 8px!important;font:12px Inter,Arial,sans-serif!important;min-height:44px}.certificate-row .lab-row button[aria-pressed=true]{border-color:#DE57AD;color:#DE57AD;background:#DE57AD0c}
.workspace .price-table{grid-column:1/-1;grid-row:4;margin-top:8px!important}.choice-row button{border-color:#55555d}.carat-price>span,.carat-price small{color:#c3c3cc}.carat-price[aria-pressed=true]>span{color:#DE57AD}#inline-consult{display:none!important}
dialog{position:fixed;top:30px;bottom:auto;max-height:calc(100dvh - 60px);margin:0 auto;background:#f7f7f8;color:#242426;border-color:#bbb}dialog .close{color:#242426}#report-dialog{width:min(1100px,95%)}#pack-detail{max-width:600px}
@media(min-width:851px){.shapes{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;overflow:visible}.shape{min-width:0}}
@media(max-width:850px){.workspace{padding:16px 16px 28px;grid-template-columns:40px minmax(0,1fr) 40px;grid-template-rows:104px 330px auto auto;gap:18px 7px}.top-shapes{margin-right:-16px}.shapes{gap:18px;padding-right:16px}.shape{flex-basis:74px;min-height:96px}.shape .shape-symbol{width:72px;height:72px}.shape img.shape-icon{padding:15px}.choice-row,.clarity{gap:7px}.choice-row button{width:36px;height:36px;min-height:36px}.left-color .section-heading,.right-clarity .section-heading{margin-bottom:10px}.section-heading h2{font-size:8px}#dynamic-pack{max-width:240px;width:100%}#dynamic-pack.gia-paper{max-width:260px!important}#pack{padding:12px 0 72px}.report-link{font-size:11px;bottom:43px}.gem-meta #current-price{font-size:21px}.workspace>.certificate-row{gap:10px;padding-bottom:5px}.certificate-row .lab-row{grid-template-columns:112px 76px 76px;gap:7px}.certificate-row .section-heading h2{font-size:10px}.carat-prices{gap:8px}dialog{top:20px;max-height:calc(100dvh - 40px)}}


/* Match the visible height of the original icon artwork (40px content box). */
.shape[data-shape="Rotondo"] img.shape-photo{width:63.333px;height:63.333px;top:50%;transform:translate(-50%,-52.167%)}
.shape[data-shape="Ovale"] img.shape-photo{width:56.978px;height:56.978px;top:50%;transform:translate(-50%,-49.500%)}
.shape[data-shape="Goccia"] img.shape-photo{width:51.484px;height:51.484px;top:50%;transform:translate(-50%,-48.500%)}
.shape[data-shape="Cuore"] img.shape-photo{width:47.600px;height:47.600px;top:50%;transform:translate(-50%,-51.333%)}
.shape[data-shape="Cuscino"] img.shape-photo{width:58.560px;height:58.560px;top:50%;transform:translate(-50%,-52.500%)}
.shape[data-shape="Marquise"] img.shape-photo{width:46.786px;height:46.786px;top:50%;transform:translate(-50%,-49.667%)}
.shape[data-shape="Princess"] img.shape-photo{width:60.000px;height:60.000px;top:50%;transform:translate(-50%,-52.500%)}
.shape[data-shape="Asscher"] img.shape-photo{width:59.508px;height:59.508px;top:50%;transform:translate(-50%,-50.667%)}
.shape[data-shape="Smeraldo"] img.shape-photo{width:55.846px;height:55.846px;top:50%;transform:translate(-50%,-50.000%)}

/* Blend only the photo's black background into the anthracite surface;
   keep the full photograph, including its original reflected light. */
.shape .shape-symbol{isolation:isolate}
.shape img.shape-photo{mix-blend-mode:screen}

/* A close, soft contact shadow keeps the stone seated in the pale blister insert. */
:is(#dynamic-pack,#pack-detail) .pack-stone{filter:drop-shadow(0 .6px .8px #343c3426)}