/* Sharing surfaces use explicit theme colors, including readonly fields. */
.studio .share-dialog{width:min(600px,calc(100% - 32px));max-width:600px;max-height:calc(100dvh - 32px);overflow:auto;padding:28px}
.share-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.studio .share-dialog-heading h2{font-size:20px;line-height:1.3;margin:0}
.share-dialog-heading>.btn{flex-shrink:0}
.share-options{display:grid;gap:16px}
.share-option{margin:0;padding:20px;border-radius:16px;background:var(--hover);min-width:0}
.studio .share-option h3{font-size:15px;margin:0 0 8px}
.studio .share-option p{margin:0 0 16px}
.studio .share-option label{display:block;margin:0 0 8px}
.studio .share-option>.btn.ghost{background:var(--card)}
.share-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}
body.studio :is(.share-input-row input,#sharePass){background:var(--paper);color:var(--ink);-webkit-text-fill-color:var(--ink);opacity:1;min-width:0;width:100%;margin:0;min-height:46px}
body.studio :is(.share-input-row input,#sharePass)::placeholder{color:var(--faint);-webkit-text-fill-color:var(--faint);opacity:1}
.share-input-row>.btn{margin:0;min-height:46px;white-space:nowrap}
.share-created{max-width:760px;width:100%;margin:0 auto}
.studio .share-created-heading h1{font-size:clamp(28px,4vw,40px);margin:10px 0}
.share-created-heading p{overflow-wrap:anywhere;margin:0 0 26px}
.studio .share-created-card{padding:28px;margin:0}
.share-created-card>p:first-child{margin-top:0}
.share-created-card #copyHint{min-height:1.7em;margin:10px 0}
.share-created-card>p:last-child{margin-bottom:0}
.studio #sharePass{margin-bottom:18px}
@media(max-width:520px){.studio .share-dialog{padding:20px;border-radius:20px}.share-dialog-heading{align-items:flex-start;gap:8px}.studio .share-dialog-heading h2{font-size:18px}.share-dialog-heading>.btn{padding:8px;font-size:11px;min-height:32px}.share-option{padding:16px}.share-input-row{grid-template-columns:minmax(0,1fr)}.share-input-row>.btn,.share-option>.btn{width:100%}.studio .share-created-card{padding:20px}}