.landing-demo-module__6uP58W__panel{margin-top:var(--space-3xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-surface);overflow:hidden}.landing-demo-module__6uP58W__panelTopbar{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-base) 45%, var(--color-bg-surface));display:flex}.landing-demo-module__6uP58W__demoBadge{border:1px solid color-mix(in srgb, var(--color-accent-primary) 40%, var(--color-border));border-radius:var(--radius-pill);color:var(--color-accent-primary);padding:5px 11px;font-size:12px;font-weight:700}.landing-demo-module__6uP58W__resetButton{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600}.landing-demo-module__6uP58W__resetButton:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.landing-demo-module__6uP58W__panelBody{grid-template-columns:240px 1fr;min-height:460px;display:grid}.landing-demo-module__6uP58W__sidebar{min-width:0;padding:var(--space-lg) var(--space-md);border-right:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-base) 45%, var(--color-bg-surface));gap:var(--space-md);flex-direction:column;display:flex}.landing-demo-module__6uP58W__sidebarLabel{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 6px;font-size:11px;font-weight:700}.landing-demo-module__6uP58W__addressList{flex-direction:column;gap:2px;display:flex}.landing-demo-module__6uP58W__addressItem{border-radius:var(--radius-md);min-width:0;color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 8px;font-family:inherit;display:grid}.landing-demo-module__6uP58W__addressItem:hover{background:var(--color-bg-elevated)}.landing-demo-module__6uP58W__addressItemActive,.landing-demo-module__6uP58W__addressItemActive:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.landing-demo-module__6uP58W__addressIcon{border:1px solid var(--color-border-strong);width:34px;height:34px;color:var(--color-accent-primary);font-family:var(--font-display);border-radius:9px;place-items:center;font-size:13px;font-weight:700;display:grid}.landing-demo-module__6uP58W__addressText{flex-direction:column;gap:2px;min-width:0;display:flex}.landing-demo-module__6uP58W__addressText strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.landing-demo-module__6uP58W__addressText small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.landing-demo-module__6uP58W__addressItem b{border-radius:var(--radius-pill);background:var(--color-accent-primary);min-width:20px;height:20px;color:var(--color-accent-on);place-items:center;padding:0 5px;font-size:11px;display:grid}.landing-demo-module__6uP58W__addAddressButton{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;padding:9px 8px;font-family:inherit;font-size:12px;font-weight:600}.landing-demo-module__6uP58W__addAddressButton:hover{border-color:var(--color-accent-primary);color:var(--color-text-primary)}.landing-demo-module__6uP58W__addAddressForm{gap:var(--space-sm);flex-direction:column;display:flex}.landing-demo-module__6uP58W__addAddressActions{gap:var(--space-sm);display:flex}.landing-demo-module__6uP58W__main{min-width:0;padding:var(--space-xl);flex-direction:column;display:flex}.landing-demo-module__6uP58W__inboxHeader{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.landing-demo-module__6uP58W__inboxHeader>span{flex-direction:column;gap:2px;display:flex}.landing-demo-module__6uP58W__inboxHeader small{color:var(--color-text-muted);font-size:11px}.landing-demo-module__6uP58W__inboxHeader strong{font-size:18px}.landing-demo-module__6uP58W__composeButton{border-radius:var(--radius-md);background:var(--color-accent-primary);color:var(--color-accent-on);cursor:pointer;border:none;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700}.landing-demo-module__6uP58W__composeButton:hover{background:#c069ff}.landing-demo-module__6uP58W__emptyState{padding:var(--space-2xl) 0;color:var(--color-text-muted);text-align:center;font-size:13px}.landing-demo-module__6uP58W__mailRow{align-items:center;gap:var(--space-md);border:none;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer;background:0 0;grid-template-columns:8px minmax(0,1fr) auto;width:100%;padding:14px 8px;font-family:inherit;display:grid}.landing-demo-module__6uP58W__mailRow:hover{background:var(--color-bg-elevated)}.landing-demo-module__6uP58W__unreadDot,.landing-demo-module__6uP58W__readDot{background:var(--color-accent-primary);border-radius:50%;width:7px;height:7px}.landing-demo-module__6uP58W__readDot{background:var(--color-border-strong)}.landing-demo-module__6uP58W__mailRowText{flex-direction:column;gap:4px;min-width:0;display:flex}.landing-demo-module__6uP58W__mailRowText strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.landing-demo-module__6uP58W__mailRowText small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.landing-demo-module__6uP58W__mailRow time{color:var(--color-text-muted);font-size:11px}.landing-demo-module__6uP58W__mailDetail{gap:var(--space-sm);flex-direction:column;display:flex}.landing-demo-module__6uP58W__backButton{margin-bottom:var(--space-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:inherit;font-size:12px;font-weight:600}.landing-demo-module__6uP58W__backButton:hover{color:var(--color-text-primary)}.landing-demo-module__6uP58W__mailDetail h4{font-size:18px}.landing-demo-module__6uP58W__mailMeta{gap:var(--space-md);color:var(--color-text-muted);font-size:12px;display:flex}.landing-demo-module__6uP58W__mailBody{margin-top:var(--space-sm);padding-top:var(--space-lg);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:14px;line-height:1.9}.landing-demo-module__6uP58W__compose{gap:var(--space-md);flex-direction:column;display:flex}.landing-demo-module__6uP58W__composeHeader{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.landing-demo-module__6uP58W__composeHeader span{flex-direction:column;gap:2px;display:flex}.landing-demo-module__6uP58W__composeHeader small{color:var(--color-text-muted);font-size:11px}.landing-demo-module__6uP58W__composeHeader strong{font-size:13px}.landing-demo-module__6uP58W__sentBanner{padding:var(--space-2xl);color:var(--color-success);text-align:center;font-size:15px;font-weight:600}@media (max-width:720px){.landing-demo-module__6uP58W__panelBody{grid-template-columns:1fr;min-height:0}.landing-demo-module__6uP58W__sidebar{border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;align-items:center;overflow-x:auto}.landing-demo-module__6uP58W__sidebarLabel{display:none}.landing-demo-module__6uP58W__addressList{gap:var(--space-sm);flex-direction:row}.landing-demo-module__6uP58W__addressItem{flex:none;grid-template-columns:28px minmax(0,1fr);width:168px}.landing-demo-module__6uP58W__addressItem b{display:none}.landing-demo-module__6uP58W__addAddressButton,.landing-demo-module__6uP58W__addAddressForm{flex:none;width:168px}.landing-demo-module__6uP58W__main{padding:var(--space-lg)}}