.share-shell {max-width:1000px;margin:48px auto;padding:24px}.share-shell input,.share-create input {padding:12px;border:1px solid #777;border-radius:8px;background:transparent;color:inherit}.share-create {display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.share-cards {display:grid;gap:16px}.share-card {padding:24px;border:1px solid #7775;border-radius:16px}.share-card h2 {margin-bottom:12px}.share-card .button {margin:6px}.share-window {width:min(900px,94vw);max-height:90vh;overflow:auto;background:#181a20;color:#f3f4f6;border:1px solid #777;border-radius:20px;padding:28px}.share-window::backdrop {background:#000a}.share-drop {display:block;padding:36px;border:2px dashed #777;border-radius:16px;text-align:center;margin:20px 0;cursor:pointer}.share-drop.dragging {border-color:#7ab3ff;background:#2345}.share-files {list-style:none;padding:0}.share-files li {display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #7774}.share-files li span {flex:1;overflow-wrap:anywhere}.share-message {width:100%;min-height:130px;padding:14px}.share-create label {display:flex;gap:8px;align-items:center}
.share-create input[type="checkbox"] {width:18px;height:18px;flex:0 0 18px;padding:0;margin:0}.share-create label {white-space:nowrap}.share-create #shareName {flex:1 1 280px;width:auto}.share-shell #redeemForm {padding:24px}.share-shell #redeemForm button {margin-top:16px}
.share-create select {padding:12px;border:1px solid #777;border-radius:8px;background:#181a20;color:#f3f4f6;font:inherit}.share-create #shareHours {width:110px}.share-create [hidden] {display:none}