/* Scoped native Look-page presentation; does not affect notebook controls. */
.uncorkd-appearance { color:#3f1425; background:#faf3e8; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; padding:22px; margin:22px 0; border-radius:16px; max-width:780px; box-sizing:border-box; }
.uncorkd-appearance *, .uncorkd-appearance *::before, .uncorkd-appearance *::after { box-sizing:border-box; }
.uncorkd-appearance h3 { font:normal 2.125rem/1.15 ui-serif,Georgia,serif; margin:0 0 22px; color:#3f1425; }
.uncorkd-appearance p { margin:0 0 22px; line-height:1.5; overflow-wrap:anywhere; }
.uncorkd-appearance .appearance-selection { font-weight:600; }
.uncorkd-appearance [hidden] { display:none!important; }
.uncorkd-appearance button { appearance:none; font:inherit; color:#3f1425; cursor:pointer; white-space:normal; text-transform:none; letter-spacing:normal; box-shadow:none; margin:0; min-width:0; min-height:48px; transition:none; }
.uncorkd-appearance button:hover { filter:brightness(.97); transform:none; }
.uncorkd-appearance button:focus-visible { outline:3px solid #a95a36; outline-offset:4px; }
.uncorkd-appearance .appearance-palettes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:22px; }
.uncorkd-appearance .appearance-palettes button { font-weight:600; padding:8px; border:0; border-radius:12px; background:rgba(255,255,255,.65); }
.uncorkd-appearance .appearance-palettes button[aria-pressed="true"] { background:#3f1425; color:white; }
.uncorkd-appearance .appearance-clear { width:100%; display:flex; align-items:center; gap:10px; text-align:left; font-weight:600; padding:10px 12px; border:0; border-radius:12px; background:rgba(63,20,37,.07); margin-bottom:22px; }
.uncorkd-appearance .appearance-hue { margin:0 0 22px; padding:0; border:0; background:none; }
.uncorkd-appearance .appearance-hue h4 { font:normal 1.375rem/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; margin:0 0 12px; color:#3f1425; }
.uncorkd-appearance .appearance-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 10px; }
.uncorkd-appearance .appearance-choices button { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:8px; padding:10px; background:rgba(255,255,255,.65); border:1px solid rgba(111,80,86,.30); border-radius:16px; position:relative; }
.uncorkd-appearance .appearance-choices button[aria-pressed="true"] { background:rgba(63,20,37,.08); border-color:#3f1425; box-shadow:inset 0 0 0 2px #3f1425; }
.uncorkd-appearance .appearance-choices button[aria-pressed="true"] .appearance-label { font-weight:600; }
.uncorkd-appearance .appearance-glass { display:block; width:3.91rem; height:5.75rem; flex:none; max-width:100%; }
.uncorkd-appearance .appearance-label { display:block; text-align:center; overflow-wrap:anywhere; line-height:1.35; flex:1; }
.uncorkd-appearance .appearance-check { font-size:1.25rem; line-height:1.25; }
.uncorkd-appearance .appearance-help { color:#6f5056; font-size:.8125rem; margin:0; }
@media (max-width:440px) { .uncorkd-appearance { padding:16px; } .uncorkd-appearance .appearance-choices { gap:8px; } .uncorkd-appearance .appearance-choices button { padding:8px 5px; } }
@media (max-width:340px) { .uncorkd-appearance .appearance-choices, .uncorkd-appearance .appearance-palettes { grid-template-columns:1fr; } }
@media (forced-colors:active) { .uncorkd-appearance button[aria-pressed="true"] { outline:3px solid Highlight; outline-offset:-3px; } }

/* Original glass-swatch gallery: spacious, borderless, visually led. */
.uncorkd-appearance{background:#fffefa;padding:28px 20px;max-width:620px;margin:24px auto;border-radius:24px}
.uncorkd-appearance h3{text-align:center;font:600 26px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin-bottom:10px}
.uncorkd-appearance .appearance-intro{text-align:center;color:#6f5056;font-size:14px;margin-bottom:8px}
.uncorkd-appearance .appearance-selection{text-align:center;font-size:14px;font-weight:400;color:#6f5056;margin-bottom:16px}
.uncorkd-appearance .appearance-palettes{display:flex;justify-content:center;gap:16px;margin:0 0 12px}
.uncorkd-appearance .appearance-palettes button{background:transparent;border-radius:0;min-height:44px;padding:6px 8px;font-size:14px;font-weight:400;color:#82613b}
.uncorkd-appearance .appearance-palettes button[aria-pressed=true]{background:transparent;color:#643d54;box-shadow:inset 0 -2px #643d54}
.uncorkd-appearance .appearance-clear{background:transparent;font-weight:400;font-size:14px;justify-content:center;margin:0 0 12px;padding:2px;min-height:44px}
.uncorkd-appearance .appearance-hue{margin:0 0 22px}
.uncorkd-appearance .appearance-hue h4{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.uncorkd-appearance .appearance-choices{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
.uncorkd-appearance .appearance-choices button{border:0;background:transparent;border-radius:14px;padding:10px 4px;gap:8px}
.uncorkd-appearance .appearance-choices button[aria-pressed=true]{background:#643d540b;border:0;box-shadow:none}
.uncorkd-appearance .appearance-choices button[aria-pressed=true] .appearance-label{font-weight:600}
.uncorkd-appearance .appearance-glass{width:100%;height:170px;max-width:136px;object-fit:contain}
.uncorkd-appearance .appearance-choices .appearance-check{display:none}
.uncorkd-appearance .appearance-label{font-size:14px;color:#30282c;line-height:1.3;overflow-wrap:normal}
.uncorkd-appearance .appearance-help{text-align:center;font-size:12px;margin-top:16px}
@media(max-width:440px){.uncorkd-appearance{padding:20px 6px}.uncorkd-appearance .appearance-glass{height:130px}.uncorkd-appearance .appearance-choices{gap:2px}.uncorkd-appearance .appearance-label{font-size:12px}.uncorkd-appearance .appearance-hue{margin-bottom:18px}}
@media(max-width:340px){.uncorkd-appearance .appearance-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.uncorkd-appearance .appearance-glass{height:110px}}
@media(forced-colors:active){.uncorkd-appearance .appearance-choices button[aria-pressed=true]{outline:3px solid Highlight}}

/* Approved watercolor originals, identical runtime viewports on web and native. */
.uncorkd-appearance .watercolor-cell{display:block;position:relative;overflow:hidden;width:170px;max-width:100%;height:auto;aspect-ratio:1;flex:none}
.uncorkd-appearance .watercolor-cell img{position:absolute;display:block;width:300%;max-width:none;height:400%;left:0;top:0;object-fit:fill;margin:0;mix-blend-mode:normal}
.uncorkd-appearance .watercolor-cell.palette-rose img{height:300%}
.uncorkd-appearance .watercolor-cell.col-1 img{left:-100%}.uncorkd-appearance .watercolor-cell.col-2 img{left:-200%}
.uncorkd-appearance .watercolor-cell.row-1 img{top:-100%}.uncorkd-appearance .watercolor-cell.row-2 img{top:-200%}.uncorkd-appearance .watercolor-cell.row-3 img{top:-300%}
@media(max-width:440px){.uncorkd-appearance .watercolor-cell{width:130px;height:auto}}
@media(max-width:340px){.uncorkd-appearance .watercolor-cell{width:110px;height:auto}}
