.style-reveal{overflow:hidden;border:1px solid #d8cbbd;border-radius:12px;background:#f5efe7;color:#29221c;font-family:"DM Sans",Arial,sans-serif;box-shadow:0 18px 50px rgba(48,31,22,.08)}
.style-reveal *{box-sizing:border-box}
.style-reveal__header{min-height:58px;display:flex;align-items:center;gap:14px;padding:9px 27px;border-bottom:1px solid #d8cbbd}
.style-reveal__brand{font-family:"Instrument Serif",Georgia,serif;font-size:29px;line-height:1}
.style-reveal__header-caption{margin-left:auto;color:#796b5e;font-size:10px;font-weight:700;letter-spacing:.16em;white-space:nowrap}
.style-reveal__share{min-height:34px;border:1px solid #a45638;border-radius:6px;background:transparent;padding:6px 11px;color:#8b452e;font-size:11px;font-weight:700;white-space:nowrap}
.style-reveal__share:hover:not(:disabled){background:#f2e2d7}
.style-reveal__share:focus-visible{outline:3px solid #a45638;outline-offset:2px}
.style-reveal__share-dialog{width:min(440px,calc(100vw - 28px));max-width:100%;border:1px solid #cbb8a7;border-radius:12px;background:#faf6f0;padding:25px;color:#29221c;box-shadow:0 24px 80px rgba(30,20,15,.23)}
.style-reveal__share-dialog::backdrop{background:rgba(28,19,16,.52)}
.style-reveal__share-dialog h2{margin:0;font-family:"Instrument Serif",Georgia,serif;font-size:32px;font-weight:400}
.style-reveal__share-dialog p{margin:8px 0 17px;color:#6a5c50;font-size:13px;line-height:1.5}
.style-reveal__share-dialog textarea{width:100%;min-height:82px;resize:none;border:1px solid #d8cbbd;border-radius:6px;background:#fffdf9;padding:11px;color:#41352d;font:12px/1.5 "DM Sans",Arial,sans-serif}
.style-reveal__share-dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.style-reveal__share-dialog-actions>*{display:inline-flex;align-items:center;justify-content:center;min-height:37px;border:1px solid #a45638;border-radius:6px;padding:7px 11px;background:transparent;color:#8b452e;font:700 11px "DM Sans",Arial,sans-serif;text-decoration:none;cursor:pointer}
.style-reveal__share-dialog-actions .style-reveal__download{background:#8b452e;color:#fff}
.style-reveal__panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.style-reveal__panel{display:grid;grid-template-rows:108px 330px minmax(250px,auto);align-content:start;min-width:0;padding:27px 27px 31px}
.style-reveal__panel--colour{background:#faf6f0;border-right:1px solid #d8cbbd}
.style-reveal__panel--body{background:#f0e8de}
.style-reveal__title p{margin:0 0 6px;color:#a45638;font-size:10px;font-weight:700;letter-spacing:.17em}
.style-reveal__title h2{margin:0;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(32px,4vw,45px);font-weight:400;line-height:1.08;letter-spacing:-.02em;white-space:nowrap}
.style-reveal__title span{display:block;overflow:hidden;margin-top:8px;color:#6a5c50;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.style-reveal__visual{width:min(100%,320px);height:320px;margin:5px auto;display:flex;align-items:center;justify-content:center}
.style-reveal__visual svg{display:block;width:100%;height:100%}
.style-reveal__visual--shape{background:radial-gradient(circle at 50% 44%,#f8f2e9 0%,#eee3d6 65%,#e8d9c8 100%)}
.style-reveal__visual--shape svg{padding:8px}
.style-reveal__palette h3,.style-reveal__notes h3{margin:12px 0 11px;font-family:"Instrument Serif",Georgia,serif;font-size:25px;font-weight:400;white-space:nowrap}
.style-reveal__tone{min-height:31px;display:flex;align-items:center;gap:8px}
.style-reveal__tone strong,.style-reveal__swatch-group strong,.style-reveal__note strong{color:#a45638;font-size:9px;font-weight:700;letter-spacing:.1em;white-space:nowrap}
.style-reveal__tone i{width:32px;height:10px;flex:none;border-radius:2px;background:linear-gradient(90deg,#241c1a,#7c5a47,#9b8168)}
.style-reveal__tone span{overflow:hidden;color:#463b33;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.style-reveal__swatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.style-reveal__swatch-group{min-width:0}
.style-reveal__swatches{display:grid;grid-auto-rows:21px;gap:3px;margin-top:8px}
.style-reveal__swatches span{display:flex;align-items:center;gap:5px;overflow:hidden;color:#463b33;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.style-reveal__swatches i{display:block;width:12px;height:12px;flex:none;border:1px solid rgba(48,36,26,.14);border-radius:2px}
.style-reveal__note{min-height:62px;padding:8px 0}
.style-reveal__note strong{display:block;margin-bottom:6px}
.style-reveal__note p{overflow:hidden;margin:0;color:#4d4036;font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.analysis-results-host .style-reveal{margin-top:18px}
.message-feed>.style-reveal{max-width:900px;margin:12px 0 24px}
.onb-card--reveal{max-width:none;margin-left:0}
.onb-card--reveal progress,.onb-card--reveal .analysis-stages,.onb-card--reveal .analysis-message{display:none}
.profile-style-reveal-host{grid-row:1;min-width:0;margin-bottom:2px}
@media(max-width:860px){.style-reveal__panel{padding:23px 18px 27px}.style-reveal__visual{width:min(100%,290px);height:290px}.style-reveal__panel{grid-template-rows:105px 300px minmax(250px,auto)}.style-reveal__swatches span{font-size:9px}.style-reveal__note p{font-size:10px}}
@media(max-width:700px){.style-reveal__panels{grid-template-columns:1fr}.style-reveal__panel{grid-template-rows:auto auto auto;padding:23px 21px 29px}.style-reveal__panel--body{order:-1;border-bottom:1px solid #d8cbbd}.style-reveal__panel--colour{border-right:0;border-bottom:0}.style-reveal__visual{width:min(100%,330px);height:auto;aspect-ratio:1;margin:20px auto 11px}.style-reveal__title h2{font-size:40px}.style-reveal__title span{white-space:normal;overflow:visible}.style-reveal__swatches span{font-size:10px}.style-reveal__note p{font-size:11px}}
@media(max-width:430px){.style-reveal__header{padding:10px 15px}.style-reveal__brand{font-size:26px}.style-reveal__header-caption{font-size:8px}.style-reveal__share{padding:5px 7px;font-size:10px}.style-reveal__panel{padding:21px 15px 25px}.style-reveal__title h2{font-size:36px}.style-reveal__swatch-grid{grid-template-columns:1fr 1fr;gap:14px 8px}.style-reveal__swatch-group:last-child{grid-column:1/-1}.style-reveal__swatch-group:last-child .style-reveal__swatches{grid-template-columns:1fr 1fr}.style-reveal__note p{font-size:10px;white-space:nowrap}}