.website-theme-card > .website-theme-mini { width: 112px; flex: 0 0 112px; border: 1px solid var(--line); border-radius: 5px; }
.website-theme-confirm__selection > .website-theme-mini { width: 104px; flex: 0 0 104px; border: 1px solid var(--line); border-radius: 5px; }
.website-theme-mini { position: relative; display: grid; grid-template-rows: 15% 77% 8%; width: 100%; aspect-ratio: 1.6; overflow: hidden; color: var(--mini-text); background: var(--mini-bg); }
.website-theme-mini :is(i, b, em, strong) { display: block; border-radius: 1px; }
.website-theme-mini__header { display: flex; align-items: center; justify-content: space-between; gap: 10%; padding: 0 7%; background: var(--mini-header); border-bottom: 1px solid var(--mini-line); }
.website-theme-mini__brand { display: flex; align-items: center; gap: 5px; width: 45%; }
.website-theme-mini__brand i { width: 5px; height: 5px; flex-shrink: 0; background: var(--mini-accent); border-radius: 50%; }
.website-theme-mini__brand b { width: 75%; height: 3px; background: var(--mini-text); }
.website-theme-mini__nav { display: flex; gap: 4px; width: 34%; }
.website-theme-mini__nav i { width: 30%; height: 2px; background: var(--mini-text); opacity: .55; }
.website-theme-mini__main { display: grid; grid-template-rows: 56% 44%; min-height: 0; }
.website-theme-mini__hero { position: relative; display: grid; align-items: center; padding: 3% 8%; overflow: hidden; color: #fff; background: var(--mini-footer); }
.website-theme-mini__copy { position: relative; z-index: 1; display: grid; gap: 2px; width: 67%; }
.website-theme-mini__copy > i { width: 28%; height: 2px; background: currentColor; opacity: .65; }
.website-theme-mini__copy > b { width: 95%; height: 3px; background: currentColor; }
.website-theme-mini__copy > b + b { width: 74%; }
.website-theme-mini__copy > em { width: 88%; height: 1px; margin-top: 0; background: currentColor; opacity: .5; }
.website-theme-mini__copy > strong { width: 32%; height: 4px; margin-top: 1px; background: var(--mini-accent); border-radius: 2px; }
.website-theme-mini__shape { display: none; }
.website-theme-mini__content { display: grid; grid-template-rows: 22% 1fr; gap: 2px; padding: 3% 8%; min-height: 0; }
.website-theme-mini__intro { display: flex; align-items: center; justify-content: space-between; }
.website-theme-mini__intro b { width: 36%; height: 3px; background: var(--mini-text); }
.website-theme-mini__intro i { width: 17%; height: 2px; background: var(--mini-line); }
.website-theme-mini__tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; min-height: 0; }
.website-theme-mini__tiles > span { display: grid; grid-template-rows: 1fr 1px 1px; gap: 2px; min-height: 0; }
.website-theme-mini__tiles i { background: color-mix(in srgb, var(--mini-primary) 13%, var(--mini-surface)); border-radius: 3px; }
.website-theme-mini__tiles b { width: 75%; background: var(--mini-text); opacity: .65; }
.website-theme-mini__tiles em { width: 90%; background: var(--mini-line); }
.website-theme-mini__footer { display: flex; align-items: center; justify-content: space-between; padding: 0 8%; background: var(--mini-footer); }
.website-theme-mini__footer i { width: 20%; height: 2px; background: #fff; opacity: .55; }
.website-theme-mini--sidebar { grid-template-columns: 26% 74%; grid-template-rows: 92% 8%; }
.website-theme-mini--sidebar .website-theme-mini__header { grid-row: 1 / -1; flex-direction: column; justify-content: flex-start; gap: 18%; padding: 18% 14%; border-top: 3px solid var(--mini-accent); border-right: 1px solid var(--mini-line); }
.website-theme-mini--sidebar .website-theme-mini__brand { flex-direction: column; align-items: flex-start; gap: 7px; width: 100%; }
.website-theme-mini--sidebar .website-theme-mini__nav { flex-direction: column; gap: 5px; width: 100%; }
.website-theme-mini--sidebar .website-theme-mini__nav i { width: 90%; }
.website-theme-mini--sidebar .website-theme-mini__main { grid-template-rows: 60% 40%; }
.website-theme-mini--sidebar .website-theme-mini__copy { width: 90%; }
.website-theme-mini--impact .website-theme-mini__shape, .website-theme-mini--response-signal .website-theme-mini__shape { display: block; position: absolute; inset: 0 0 0 60%; background: var(--mini-accent); border-radius: 40px 0 0; }
.website-theme-mini--impact .website-theme-mini__copy { width: 55%; }
.website-theme-mini--impact .website-theme-mini__copy > strong { border-radius: 20px; }
.website-theme-mini--editorial, .website-theme-mini--heritage, .website-theme-mini--community { grid-template-rows: 22% 70% 8%; }
.website-theme-mini--editorial .website-theme-mini__header, .website-theme-mini--heritage .website-theme-mini__header, .website-theme-mini--community .website-theme-mini__header { flex-direction: column; justify-content: center; gap: 3px; }
.website-theme-mini--editorial .website-theme-mini__hero, .website-theme-mini--heritage .website-theme-mini__hero, .website-theme-mini--community .website-theme-mini__hero { color: var(--mini-text); background: var(--mini-surface); }
.website-theme-mini--editorial .website-theme-mini__copy, .website-theme-mini--heritage .website-theme-mini__copy, .website-theme-mini--community .website-theme-mini__copy { width: 75%; margin-inline: auto; justify-items: center; }
.website-theme-mini--editorial .website-theme-mini__copy > b, .website-theme-mini--heritage .website-theme-mini__copy > b, .website-theme-mini--community .website-theme-mini__copy > b { height: 3px; }
.website-theme-mini--editorial .website-theme-mini__hero { background: var(--mini-bg); border-bottom: 1px solid var(--mini-line); }
.website-theme-mini--editorial .website-theme-mini__tiles i { border-radius: 0; }
.website-theme-mini--forest .website-theme-mini__hero, .website-theme-mini--midnight .website-theme-mini__hero, .website-theme-mini--community .website-theme-mini__hero { margin: 5% 5% 0; border-radius: 8px; }
.website-theme-mini--forest .website-theme-mini__hero { border-bottom-right-radius: 30px; }
.website-theme-mini--forest .website-theme-mini__tiles i { border-radius: 9px 3px 3px; }
.website-theme-mini--coastal .website-theme-mini__hero { color: var(--mini-text); background: linear-gradient(100deg, var(--mini-surface), var(--mini-bg)); border-bottom-right-radius: 40px; }
.website-theme-mini--coastal .website-theme-mini__copy > strong, .website-theme-mini--forest .website-theme-mini__copy > strong, .website-theme-mini--community .website-theme-mini__copy > strong { border-radius: 12px; }
.website-theme-mini--midnight .website-theme-mini__hero { border: 1px solid var(--mini-line); background: radial-gradient(ellipse at top right, color-mix(in srgb, var(--mini-accent) 22%, var(--mini-bg)), var(--mini-surface)); }
.website-theme-mini--midnight .website-theme-mini__copy > i { color: var(--mini-accent); }
.website-theme-mini--community .website-theme-mini__hero { border-radius: 18px; }
.website-theme-mini--swiss .website-theme-mini__header { border-top: 3px solid var(--mini-accent); }
.website-theme-mini--swiss .website-theme-mini__hero { color: var(--mini-text); background: var(--mini-bg); border-bottom: 1px solid var(--mini-line); margin-left: 7%; border-left: 1px solid var(--mini-line); padding-left: 6%; }
.website-theme-mini--swiss .website-theme-mini__copy { width: 78%; }
.website-theme-mini--swiss .website-theme-mini__copy > i { width: 7px; height: 7px; background: var(--mini-accent); opacity: 1; }
.website-theme-mini--swiss .website-theme-mini__tiles i { border-radius: 0; border-top: 2px solid var(--mini-accent); }
.website-theme-mini--heritage .website-theme-mini__header, .website-theme-mini--heritage .website-theme-mini__hero { border-bottom: 3px double var(--mini-line); }
.website-theme-mini--heritage .website-theme-mini__tiles i { outline: 1px solid var(--mini-line); outline-offset: -3px; border-radius: 0; }
.website-theme-mini--response-signal .website-theme-mini__header { border-top: 3px solid var(--mini-accent); }
.website-theme-mini--response-signal .website-theme-mini__brand b, .website-theme-mini--response-signal .website-theme-mini__nav i { background: white; }
.website-theme-mini--response-signal .website-theme-mini__shape { border-radius: 0; opacity: .5; clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%); }
.website-theme-mini:is(.website-theme-mini--atlas,.website-theme-mini--kinship,.website-theme-mini--folio,.website-theme-mini--contour,.website-theme-mini--forma) .website-theme-mini__hero { color: var(--mini-text); background: var(--mini-bg); }
.website-theme-mini:is(.website-theme-mini--atlas,.website-theme-mini--kinship,.website-theme-mini--signal,.website-theme-mini--relay,.website-theme-mini--folio,.website-theme-mini--contour,.website-theme-mini--forma) .website-theme-mini__copy { width: 49%; }
.website-theme-mini:is(.website-theme-mini--atlas,.website-theme-mini--kinship,.website-theme-mini--signal,.website-theme-mini--relay,.website-theme-mini--folio,.website-theme-mini--contour,.website-theme-mini--forma) .website-theme-mini__shape { position: absolute; display: block; inset: 12% 7% 12% 59%; background: color-mix(in srgb,var(--mini-primary) 20%,var(--mini-surface)); border: 1px solid var(--mini-line); border-radius: 4px; }
.website-theme-mini--expedition .website-theme-mini__main { grid-template-rows: 70% 30%; }
.website-theme-mini--expedition .website-theme-mini__hero { background: linear-gradient(110deg,var(--mini-footer) 30%,color-mix(in srgb,var(--mini-accent) 45%,var(--mini-footer))); }
.website-theme-mini--expedition .website-theme-mini__copy { padding-left: 4px; border-left: 1px solid var(--mini-accent); }
.website-theme-mini--atlas .website-theme-mini__shape { border-bottom: 6px solid var(--mini-accent) !important; }
.website-theme-mini--kinship .website-theme-mini__hero { background: color-mix(in srgb,var(--mini-accent) 5%,var(--mini-bg)); }
.website-theme-mini--kinship .website-theme-mini__shape { border-radius: 50% 50% 2px 2px !important; }
.website-theme-mini--signal .website-theme-mini__hero { color: var(--mini-text); background: repeating-linear-gradient(90deg,transparent 0 12px,var(--mini-line) 13px 13.5px),var(--mini-bg); }
.website-theme-mini--signal .website-theme-mini__shape { inset: 17% 8% 17% 59% !important; border: 1px solid var(--mini-accent) !important; border-radius: 0 !important; }
.website-theme-mini--signal .website-theme-mini__copy { background: var(--mini-bg); padding: 3px; }
.website-theme-mini--horizon .website-theme-mini__main { grid-template-rows: 67% 33%; }
.website-theme-mini--horizon .website-theme-mini__hero { align-items: start; padding-top: 7%; color: var(--mini-text); background: linear-gradient(var(--mini-bg) 56%,var(--mini-surface) 56%); }
.website-theme-mini--horizon .website-theme-mini__copy { width: 75%; }
.website-theme-mini--relay .website-theme-mini__hero { background: linear-gradient(108deg,var(--mini-footer) 65%,var(--mini-accent) 65%); }
.website-theme-mini--relay .website-theme-mini__shape { transform: rotate(6deg); border: 2px solid var(--mini-surface) !important; }
.website-theme-mini--folio .website-theme-mini__header { border-bottom: 2px double var(--mini-line); }
.website-theme-mini--folio .website-theme-mini__shape { border-radius: 0 !important; border-bottom: 2px solid var(--mini-line) !important; }
.website-theme-mini--contour .website-theme-mini__hero { background: repeating-radial-gradient(ellipse at 0% 100%,transparent 0 7px,color-mix(in srgb,var(--mini-accent) 15%,transparent) 8px 8.5px,transparent 9px 14px),var(--mini-bg); }
.website-theme-mini--contour .website-theme-mini__shape { border-radius: 7px !important; }
.website-theme-mini--waypoint { grid-template-columns: 24% 76%; grid-template-rows: 92% 8%; }
.website-theme-mini--waypoint .website-theme-mini__header { grid-row: 1 / -1; flex-direction: column; justify-content: flex-start; gap: 18%; padding: 20% 14%; border-top: 3px solid var(--mini-accent); border-right: 1px solid var(--mini-line); }
.website-theme-mini--waypoint .website-theme-mini__brand { flex-direction: column; width: 100%; align-items: flex-start; }
.website-theme-mini--waypoint .website-theme-mini__nav { flex-direction: column; width: 100%; }
.website-theme-mini--waypoint .website-theme-mini__nav i { width: 90%; }
.website-theme-mini--waypoint .website-theme-mini__hero { color: var(--mini-text); background: linear-gradient(90deg,var(--mini-bg) 52%,var(--mini-surface) 52%); }
.website-theme-mini--waypoint .website-theme-mini__copy { width: 50%; }
.website-theme-mini--mosaic .website-theme-mini__hero { justify-items: center; color: var(--mini-text); background: color-mix(in srgb,var(--mini-accent) 5%,var(--mini-bg)); }
.website-theme-mini--mosaic .website-theme-mini__copy { width: 50%; justify-items: center; }
.website-theme-mini--mosaic .website-theme-mini__hero::before, .website-theme-mini--mosaic .website-theme-mini__hero::after { content: ''; position: absolute; top: 25%; width: 14%; height: 45%; background: var(--mini-surface); border: 2px solid var(--mini-line); border-bottom-width: 5px; transform: rotate(-9deg); }
.website-theme-mini--mosaic .website-theme-mini__hero::before { left: 6%; }
.website-theme-mini--mosaic .website-theme-mini__hero::after { right: 6%; transform: rotate(9deg); }
.website-theme-mini--forma .website-theme-mini__copy > b { height: 5px; }
.website-theme-mini--forma .website-theme-mini__shape { border: 3px solid var(--mini-accent) !important; border-radius: 0 !important; }
.website-theme-mini--ember .website-theme-mini__hero { justify-items: center; align-items: start; color: var(--mini-text); background: radial-gradient(ellipse at bottom,color-mix(in srgb,var(--mini-accent) 30%,var(--mini-bg)),var(--mini-bg)); }
.website-theme-mini--ember .website-theme-mini__copy { width: 66%; justify-items: center; }
.website-theme-mini--ember .website-theme-mini__shape { display: block; position: absolute; inset: 65% 23% 7%; border: 1px solid var(--mini-accent); border-radius: 50%; background: var(--mini-surface); transform: rotate(-5deg); }
.website-theme-card > .website-theme-mini { align-self: center; width: min(120px, 100%); flex: 0 0 auto; }
