.hallmark-guide{border:1px solid var(--color-hairline);background:var(--color-ivory);border-radius:28px;grid-template:"display choices""display info"1fr/1.2fr 1fr;display:grid;overflow:hidden}.hallmark-display{background:radial-gradient(at 46% 42%,#fffdf8 0%,#f7f2e8 60%,#eee5d5 100%);flex-direction:column;grid-area:display;min-width:0;display:flex}.hallmark-display-heading{color:var(--color-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:24px 28px 0;font-size:13px;display:flex}.hallmark-display-heading>span:first-child{font-weight:500}.hallmark-location{color:var(--color-gold-deep);align-items:center;gap:7px;font-size:12px;display:flex}.hallmark-preview{flex:1;min-height:520px;position:relative}.hallmark-illustration{width:100%;height:calc(100% - 130px);position:absolute;top:0;bottom:0;left:0;right:0}.hallmark-viewer{flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hallmark-canvas{flex:1;min-height:280px;position:relative}.hallmark-canvas canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block}.hallmark-canvas canvas:active{cursor:grabbing}.hallmark-canvas canvas:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:-6px;border-radius:16px}.hallmark-controls{flex-direction:column;align-items:center;gap:12px;padding:0 20px 22px;display:flex}.hallmark-view-buttons{background:#fffcf6e6;border:1px solid #e5dac4;border-radius:999px;padding:4px;display:flex}.hallmark-view-buttons button{min-height:40px;color:var(--color-slate);border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:12px;display:flex}.hallmark-view-buttons button[aria-pressed=true]{color:var(--color-ink);background:#eae0cd}.hallmark-tool-row{align-items:center;gap:12px;display:flex}.hallmark-tools{gap:2px;display:flex}.hallmark-tools button{width:40px;height:40px;color:var(--color-gold-deep);background:#fffcf680;border:1px solid #e5dac4;border-radius:50%;justify-content:center;align-items:center;display:flex}.hallmark-tools button:hover{background:#fff}.hallmark-tool-divider{background:#d8ccb4;width:1px;height:20px;margin:0 3px}.hallmark-hint{text-align:center;color:var(--color-mute);font-size:11px;line-height:1.6}.hallmark-state{text-align:center;color:var(--color-mute);font-size:12px;position:absolute;bottom:22px;left:20px;right:20px}.hallmark-information{grid-area:info;min-width:0;padding:0 32px 32px}.hallmark-choices{grid-area:choices;min-width:0;margin:32px 32px 0}.hallmark-choices legend{margin-bottom:16px;font-size:15px;font-weight:500}.hallmark-stamps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hallmark-stamps button{border:1px solid var(--color-hairline);color:var(--color-mute);border-radius:12px;justify-content:center;align-items:baseline;gap:7px;min-height:52px;padding:14px 6px;font-size:11px;transition:background .15s,border-color .15s;display:flex;position:relative}.hallmark-stamps button:hover{background:var(--color-cream)}.hallmark-stamps button[aria-pressed=true]{border-color:var(--color-gold-deep);color:var(--color-gold-deep);background:#f3eddd}.hallmark-stamps button svg{position:absolute;top:5px;right:5px}.hallmark-stamp-value{font-family:var(--font-mono), monospace;font-size:17px;font-weight:500}.hallmark-explanation{padding:26px 0 24px}.hallmark-purity{justify-content:space-between;align-items:center;gap:16px;display:flex}.hallmark-purity-value{font-family:var(--font-heading), Georgia, serif;font-size:42px;line-height:1.2}.hallmark-purity-value>span{color:var(--color-mute);font-size:21px}.hallmark-percentage{text-align:right;color:var(--color-gold-deep);font-size:16px;font-weight:500}.hallmark-percentage small{color:var(--color-mute);margin-top:3px;font-size:11px;font-weight:400;display:block}.hallmark-fineness{background:var(--color-champagne);border-radius:5px;height:4px;margin:17px 0;overflow:hidden}.hallmark-fineness>span{background:var(--color-gold);height:100%;transition:width .25s;display:block}.hallmark-explanation p{color:var(--color-slate);font-size:13px;line-height:1.8}.hallmark-explanation .hallmark-weight{color:var(--color-ink);margin-top:12px;font-size:12px}.hallmark-calculate{text-align:center;width:100%;min-height:48px}.hallmark-learn{min-height:44px;color:var(--color-gold-deep);justify-content:center;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.hallmark-learn:hover{text-underline-offset:4px;text-decoration:underline}.hallmark-note{border-top:1px solid var(--color-hairline);color:var(--color-mute);gap:10px;margin-top:10px;padding-top:18px;font-size:11px;line-height:1.75;display:flex}.hallmark-note svg{flex-shrink:0;margin-top:2px}.hallmark-guide button{cursor:pointer}.hallmark-guide button:disabled{opacity:.5;cursor:default}.hallmark-guide :-webkit-any(button,a):focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:3px}.hallmark-guide :-moz-any(button,a):focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:3px}.hallmark-guide :is(button,a):focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:3px}@media (max-width:900px){.hallmark-information{padding:0 24px 24px}.hallmark-choices{margin:24px 24px 0}.hallmark-display-heading{padding:22px 22px 0}}@media (max-width:700px){.hallmark-guide{border-radius:22px;flex-direction:column;display:flex}.hallmark-choices{margin:22px 20px}.hallmark-preview{min-height:390px}.hallmark-canvas{min-height:250px}.hallmark-controls{gap:8px;padding-bottom:16px}.hallmark-display-heading{padding:20px 20px 0}.hallmark-view-buttons button{min-height:44px;padding:0 14px}.hallmark-tools button{width:44px;height:44px}.hallmark-information{padding:24px 20px}.hallmark-choices legend{margin-bottom:12px}.hallmark-explanation{padding:22px 0}}@media (prefers-reduced-motion:reduce){.hallmark-guide *{transition:none!important}}