.matrix-v2{color:#102452}.matrix-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:14px}.matrix-v2 .card{border:1px solid #dfeaff;border-radius:14px;box-shadow:none;padding:20px;background:#fff}.matrix-v2 h2{font-size:21px;margin:0 0 10px}.matrix-v2 .muted{font-size:13px}.matrix-accounts>div{display:grid;gap:10px;margin:16px 0}.matrix-account-wrap{border:1px solid #dce7fc;border-radius:9px;overflow:hidden}.matrix-account{display:grid;gap:6px;width:100%;text-align:left;background:#fff;border:0;border-radius:0;padding:14px;color:#152951}.matrix-account.selected{background:#edf4ff;box-shadow:inset 3px 0 #1767ff}.matrix-account span,.matrix-account small{font-weight:400;font-size:12px;color:#7284a7}.matrix-account-wrap>.secondary{font-size:12px;margin:0 10px 8px}.matrix-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.matrix-form>label{display:grid;gap:8px;font-size:14px;min-width:0}.matrix-form>label:first-child,.matrix-states,.matrix-message,.matrix-actions{grid-column:1/-1}.matrix-form input,.matrix-form select,.matrix-form textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid #ccdafa;border-radius:7px;padding:10px;background:#fff;color:#12234d}.matrix-preview{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}.matrix-states{display:grid;grid-template-columns:1fr 1fr;gap:8px}.matrix-states span{padding:12px;border:1px solid #e0e9fb;border-radius:8px;font-size:13px}.matrix-message{font-size:13px;color:#667b9e;margin:0;min-height:20px;overflow-wrap:anywhere}.matrix-actions{display:flex;justify-content:flex-end;gap:10px}.matrix-list{margin-top:14px;overflow:auto}.matrix-v2 button:disabled{opacity:.5;cursor:not-allowed}.matrix-v2 table{min-width:650px}.matrix-v2 .card-head{gap:8px}.matrix-v2 .card-head h2{margin:0}@media(max-width:1000px){.matrix-layout{grid-template-columns:230px minmax(0,1fr)}.matrix-v2 .card{padding:14px}.matrix-form{grid-template-columns:1fr}.matrix-form>*{grid-column:1!important}.matrix-states{grid-template-columns:1fr}}@media(max-width:650px){.matrix-layout{grid-template-columns:1fr}.matrix-actions{flex-wrap:wrap}.matrix-v2 .card-head{flex-wrap:wrap}.matrix-list{max-width:100%;box-sizing:border-box}}
.matrix-preview .studio-thumbnail{width:108px;min-width:108px;height:72px;aspect-ratio:auto}.matrix-accounts>button,.matrix-actions>button,.matrix-editor .card-head>button{border:1px solid #cfddfa;border-radius:7px;padding:9px 15px}.matrix-states span:nth-child(3){background:#fff8e9;border-color:#ffe3b0}.matrix-form input,.matrix-form select{align-self:start}.matrix-form>label{align-content:start}
/* A grid item's automatic minimum must not expand the page to the table width. */
#matrix>.matrix-v2,#matrix>div{min-width:0}
.matrix-v2 .card{min-width:0}
/* Matrix is a sibling of #creation, so its shared thumbnail needs its own scope. */
.matrix-preview .studio-thumbnail{position:relative;display:block;box-sizing:border-box;flex-shrink:0;padding:0;border:0;border-radius:8px;overflow:hidden;background:#e4efff;color:#345b83;cursor:pointer}
.matrix-preview .studio-thumbnail video,.matrix-preview .studio-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.matrix-preview .studio-thumb-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:#ffffffdb;color:#246bcc;font-size:18px;pointer-events:none}
.matrix-preview .studio-thumb-hint{position:absolute;left:0;right:0;top:72%;font-size:10px;pointer-events:none}
.matrix-preview .studio-duration{position:absolute;bottom:7px;right:7px;background:#112c48cc;color:white;border-radius:5px;padding:3px 5px;font-size:11px;pointer-events:none}