.login-wrap{max-width:430px;margin:12vh auto;padding:32px;background:white;border:1px solid #dce4ee;border-radius:12px}.login-wrap h1{font-size:24px;margin-bottom:24px}.login-wrap .field{margin-bottom:20px}.connection-error{color:#b42318;padding:12px 0;white-space:pre-line}.connected-editor{max-width:1100px}.connected-editor .rich-editor{min-height:200px}.connected-editor .field small{color:#63738a}.connected-editor select[multiple]{min-height:130px}.connected-editor input[type=checkbox]{width:20px;height:20px}.live-notice{background:#edf3fb;border:1px solid #cfdaec;padding:14px 18px;margin-bottom:18px;border-radius:8px;color:#344d71}.live-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.live-stats article{background:white;border:1px solid #dce4ee;border-radius:10px;padding:24px}.live-stats strong{display:block;font-size:28px;margin-top:10px}.connected-empty{padding:48px;text-align:center;color:#63738a}.live-table-image{width:64px;height:44px;object-fit:cover;border-radius:5px}.connected-editor .rich-editor img{max-width:100%;height:auto}

@media(max-width:800px){.live-stats{grid-template-columns:1fr}.live-stats article{padding:18px}.top-right{flex-wrap:wrap;font-size:12px}.connected-editor .editor-footer{gap:12px;flex-wrap:wrap}.connected-editor .editor-footer span{font-size:12px}.login-wrap{margin:5vh 14px;padding:24px}}
.workspace td .text-btn{margin-right:12px;white-space:nowrap;line-height:28px}.workspace td .text-btn:last-child{margin-right:0}
.connected-editor [hidden]{display:none!important}.editor-steps{display:flex;gap:8px;padding:20px 24px;border-bottom:1px solid #dce4ee;flex-wrap:wrap}.editor-steps button{background:#f4f6fa;border-color:transparent}.editor-steps [aria-selected=true]{background:#eaf0ff;color:#2e4bb1;border-color:#b8c8ed;font-weight:700}.connected-editor .form-section h2{font-size:18px;margin:0 0 24px}.connected-editor .form-grid{align-items:start}.connected-editor .field>label{font-weight:600;font-size:14px}.connected-editor #form-error{padding:0 24px 12px}.editor-footer{position:sticky;bottom:0;z-index:3;background:white;border-top:1px solid #dce4ee}.asset-preview{min-height:130px;border:1px dashed #c7d2e3;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:8px;color:#6b778b}.asset-preview img{max-width:100%;max-height:200px;object-fit:contain}.icon-picker{display:grid;grid-template-columns:repeat(8,minmax(64px,1fr));gap:10px}.icon-picker button{border:1px solid #dce4ee;border-radius:6px;padding:12px 6px;background:white;display:grid;justify-items:center;gap:8px;cursor:pointer;color:#435069}.icon-picker img,.category-preview img{width:30px;height:30px}.icon-picker [aria-pressed=true]{background:#edf2ff;border:2px solid #4861b6;color:#233d9c}.category-preview{width:120px;border:1px solid #dce4ee;border-radius:8px;padding:18px 10px;display:grid;justify-items:center;gap:12px;margin-top:10px}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.album-grid article{border:1px solid #dce4ee;padding:12px;border-radius:8px;min-width:0}.album-grid img,.album-grid video{width:100%;height:150px;object-fit:contain;background:#f3f5f9}.album-grid p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 0}.album-grid .buttons{gap:4px}.album-grid .btn{padding:6px 10px}.inline-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 14px}.editor-dialog{width:min(880px,calc(100vw - 48px));max-height:88vh;overflow:auto;border:1px solid #dce4ee;border-radius:10px;padding:24px;color:#24334a}.editor-dialog::backdrop{background:#18243b80}.editor-dialog .inline-heading{margin:0 0 24px}.editor-dialog .field{margin-bottom:16px}.editor-dialog input[type=checkbox]{width:18px;height:18px}.editor-dialog .form-note{line-height:1.7;margin:12px 0}.upload-consent{display:flex;gap:10px;align-items:center;margin:20px 0}.upload-status{white-space:pre-wrap;line-height:1.7;margin:16px 0;color:#2e4bb1}.publish-summary{padding:20px;border:1px solid #dce4ee;background:#f8fafc;border-radius:8px;margin:20px 0}.publish-summary p{margin-top:8px}.connected-editor iframe{width:100%;height:650px;border:1px solid #dce4ee;background:white;border-radius:8px}.connected-editor .rich-toolbar{flex-wrap:wrap}.connected-editor .rich-toolbar button{font-size:13px}.editor-dialog .btn:disabled{opacity:.55}.connected-editor .buttons{flex-wrap:wrap}
@media(max-width:900px){.icon-picker{grid-template-columns:repeat(4,1fr)}.album-grid{grid-template-columns:repeat(2,1fr)}.editor-steps{padding:14px}.editor-footer{position:static}}
.member-cell{display:flex;align-items:center;gap:10px;min-width:140px}.member-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}.member-initial{display:grid;place-items:center;background:#eef1fc;color:#4057ae;font-weight:600}.recipient-chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.recipient-chip{padding:10px 14px;background:#f1f4fc;border:1px solid #dce3f2;border-radius:6px}#coupon-send .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#coupon-send .field{display:flex;flex-direction:column;gap:8px}#coupon-recipients{margin-top:24px;padding-top:20px;border-top:1px solid #e5e9f1}#coupon-recipients input{max-width:360px}#coupon-all-note{margin:24px 0;padding:16px;background:#f1f4fc}#user-detail:not(:empty){margin-top:24px;padding-top:16px;border-top:1px solid #e5e9f1}#coupon-send-error{margin:16px 0}
#coupon-send{padding:24px;max-width:1160px}#coupon-lookup{margin-top:12px}#coupon-lookup-status{margin-top:10px;line-height:1.6}#coupon-send-error:empty{display:none}#coupon-send .form-note{margin:20px 0 14px;line-height:1.7}#coupon-send [hidden]{display:none!important}@media(max-width:760px){#coupon-send{padding:18px}#coupon-send .form-grid{grid-template-columns:1fr}}

.record-switch{width:42px;height:24px;border:0;border-radius:14px;background:#b9c3d2;cursor:pointer;padding:3px;display:inline-flex;align-items:center}.record-switch span{display:block;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .15s}.record-switch[aria-checked=true]{background:#465bc0}.record-switch[aria-checked=true] span{transform:translateX(18px)}.record-switch:focus-visible{outline:3px solid #92a8ef;outline-offset:3px}.upload-progress{margin:16px 24px;padding:18px;border:1px solid #dce4ee;border-radius:8px;background:#f7f9fd}.upload-progress p{margin:8px 0;color:#657188}.upload-jobs{max-height:240px;overflow:auto}.upload-job{display:flex;align-items:center;gap:14px;padding:8px 0;flex-wrap:wrap}.upload-job>span:nth-child(2){flex:1}#record-list input[type=checkbox]{width:18px;height:18px}.record-switch:disabled{cursor:default}
