.phone-sheet{background:var(--phone-surface);color:var(--phone-ink);width:100%;max-width:600px;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom,0);border-radius:20px 20px 0 0;margin-inline:auto;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px}.phone-sheet button{min-height:44px}.phone-sheet .phone-sheet-header{-moz-column-gap:12px;flex-shrink:0;grid-template-rows:minmax(44px,auto);grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:4px 12px;padding:16px;display:grid}.phone-sheet .phone-sheet-heading{display:contents}.phone-sheet .phone-sheet-title{overflow-wrap:anywhere;min-width:0;color:var(--phone-ink);grid-area:1/1;margin:0;line-height:24px}.phone-sheet .phone-sheet-description{overflow-wrap:anywhere;min-width:0;color:var(--phone-muted);grid-area:2/1/auto/-1;margin:0;font-size:14px;line-height:22px}.phone-sheet .phone-sheet-close{width:44px;height:44px;color:var(--phone-muted);grid-area:1/2;justify-content:center;padding:0;position:static;inset:auto}.phone-sheet .phone-sheet-body{min-height:0}.phone-sheet-footer{flex-shrink:0;gap:12px;display:flex}.phone-sheet-footer>*{flex:1;min-width:0}.phone-sheet-footer>:is(.phone-primary,.phone-secondary,.phone-danger){padding-inline:12px}.phone-sheet :focus-visible{--eoa-focus-color:var(--phone-accent);box-shadow:var(--eoa-focus-shadow);outline:none}.phone-sheet ::selection{background:var(--phone-tint);color:var(--phone-ink)}.phone-sheet input,.phone-sheet textarea{caret-color:var(--phone-accent)}
