main .secure-composer .media-icon-button{min-width:40px;width:40px;padding:0;display:grid;place-items:center;font-size:23px;color:#9fcbfa;background:transparent;border:1px solid #34455c;border-radius:11px;flex:none}
main .secure-composer .media-info-button{font:600 16px Georgia,serif;width:30px;min-width:30px;border:0}
.media-attach-wrap{position:relative;flex:none}.media-menu{position:absolute;bottom:54px;left:0;z-index:20;min-width:150px;background:#192536;border:1px solid #405977;border-radius:12px;padding:6px;box-shadow:0 8px 30px #0008}.media-menu[hidden]{display:none}main .secure-composer .media-menu button{display:block;width:100%;height:auto;padding:12px;text-align:left;background:transparent;border:0;color:#e6eef9}
.media-status{font-size:12px;color:#a8c8eb;margin:0;padding:0 20px;background:#10161f}.media-status:empty{display:none}
.media-card{width:245px;max-width:100%;color:#e9f2ff}.media-card-icon{display:block;font-size:32px;color:#85bcf8;margin-bottom:8px}.media-card strong{font-size:15px}.media-card-detail,.media-card-state{font-size:12px;margin:8px 0;color:#bfcee2;line-height:1.5}.media-card-state{min-height:18px;font-variant-numeric:tabular-nums}.media-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}
.media-actions button,.media-dialog button{cursor:pointer;border:1px solid #3c526e;border-radius:9px;padding:10px 14px;background:#202f43;color:#eef5ff;font:inherit;font-size:14px;min-height:40px}.media-actions .primary,.media-dialog .primary{background:#1761a6;border-color:#4288d4}.media-dialog button:disabled{opacity:.5;cursor:default}.media-dialog button:focus-visible,.media-dialog input:focus-visible{outline:3px solid #83baff;outline-offset:3px}
.media-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 28px);border:1px solid #354b65;border-radius:18px;padding:26px;background:#111b29;color:#e8f0fc;box-shadow:0 24px 100px #000a;overflow:auto;font-family:inherit}.media-dialog::backdrop{background:#030810ed}.media-dialog h2{font-size:20px;margin:0 70px 18px 0}.media-dialog p,.media-dialog li{line-height:1.7;font-size:14px}.media-dialog li{margin:10px 0}.media-dialog .media-close{position:absolute;top:12px;right:12px;font-size:12px;padding:8px}.media-preview{display:grid;place-items:center}.media-preview img,.media-preview video{display:block;max-width:100%;max-height:45dvh;border-radius:10px;object-fit:contain}.media-preparing{color:#b9d7f6}.media-viewer{width:min(1000px,calc(100vw - 20px));padding:22px;background:#070b12}.media-clock{font-variant-numeric:tabular-nums;color:#91c7ff;margin:0 0 12px}.media-stage{height:min(65dvh,650px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#030507}.media-stage img,.media-stage video{display:block;max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-select:none}.media-stage img{transform-origin:center;will-change:transform}.media-viewer input[type=range]{width:100px;accent-color:#68a9f0}.media-viewer:fullscreen{max-height:100vh;width:100vw;height:100vh}.media-viewer:fullscreen .media-stage{height:75vh}
@media(max-width:600px){.secure-composer{gap:5px;padding-inline:8px}main .secure-composer .media-icon-button{width:36px;min-width:36px}main .secure-composer .media-info-button{width:24px;min-width:24px}.media-card{width:220px}.media-dialog{padding:20px}.media-dialog h2{font-size:18px}.media-stage{height:60dvh}.media-actions{gap:7px}.media-actions button{padding:9px 11px}}
