.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}
.share-stats {color:#aebed4;font-size:.88rem;line-height:1.5}.share-window progress {display:block;width:100%;height:12px;accent-color:#78a8f4}.share-window progress[hidden] {display:none}.preview-window {text-align:center}.preview-window img,.preview-window video,.preview-window iframe {display:block;max-width:100%;max-height:72vh;margin:16px auto 0;border:0;border-radius:12px}.preview-window iframe {width:100%;height:70vh;background:white}
.live-panel {margin-top:20px}.live-screen {min-height:220px;display:grid;place-items:center;background:#0a1222;border:1px solid #334b68;border-radius:16px;overflow:hidden;touch-action:none}.live-screen img {display:block;max-width:100%;max-height:65vh;object-fit:contain}.live-screen img[hidden] {display:none}.live-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.live-hint {color:#aebed4;font-size:.88rem}