html body dialog.loom-management-dialog{position:fixed;inset:0;box-sizing:border-box;width:min(1100px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:auto;padding:0;border:0;border-radius:0;background:#fbfaf3;color:#234b43;font:16px/1.45 system-ui;overflow:auto}
.loom-management-dialog::backdrop{background:#143a3480}
.loom-management-dialog *{box-sizing:border-box}
.loom-management-dialog .manage-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;background:#fbfaf3;border-bottom:1px solid #c7d0c3}
.loom-management-dialog h1{font:600 26px/1.2 Georgia,serif;margin:0}
.loom-management-dialog h2{font:600 21px/1.3 Georgia,serif;margin:0 0 10px}
.loom-management-dialog p{margin:8px 0;overflow-wrap:anywhere}
.loom-management-dialog button,.loom-management-dialog input,.loom-management-dialog select,.loom-management-dialog textarea{font:inherit;color:inherit}
.loom-management-dialog button{min-height:44px;padding:8px 14px;border:1px solid #aabdae;border-radius:10px;background:#e9eee2;cursor:pointer}
.loom-management-dialog button:disabled{opacity:.45;cursor:default}
.loom-management-dialog button:focus-visible,.loom-management-dialog a:focus-visible{outline:3px solid #ac8538;outline-offset:2px}
.loom-management-dialog .manage-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:14px 22px;border-bottom:1px solid #d8ddcf}
.loom-management-dialog .manage-tabs button[aria-pressed=true]{background:#244e43;color:#fffdf5}
.loom-management-dialog .manage-content{padding:20px 22px 50px}
.loom-management-dialog .manage-list{display:grid;gap:12px}
.loom-management-dialog article,.loom-management-dialog .manage-metrics>button{padding:16px;border:1px solid #c8d1c2;border-radius:14px;background:#fffef9}
.loom-management-dialog .manage-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0}
.loom-management-dialog .manage-metrics strong{display:block;font-size:28px}
.loom-management-dialog .manage-muted{font-size:14px;color:#587065}
.loom-management-dialog .manage-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.loom-management-dialog label{display:block;margin:12px 0 5px}
.loom-management-dialog :is(input:not([type=checkbox]),select,textarea){display:block;width:100%;padding:10px;border:1px solid #a8b9a8;border-radius:8px;background:#fffef9;min-height:44px}
.loom-management-dialog textarea{min-height:95px;resize:vertical}
.loom-management-dialog input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}
.loom-management-dialog .manage-status{padding:0 22px;color:#765129;white-space:pre-wrap}
.loom-management-dialog .manage-status:empty{display:none}
.loom-management-dialog .manage-copy{white-space:pre-wrap}
.loom-management-dialog img{display:block;max-width:100%;max-height:360px;object-fit:contain;margin:10px 0}
.loom-management-dialog .manage-pager{display:flex;justify-content:space-between;align-items:center;margin-top:18px}
.header-player[data-admin-pending]::after{content:attr(data-admin-pending);position:absolute;right:0;top:0;min-width:18px;height:18px;padding:1px 4px;border-radius:12px;background:#b47737;color:white;font:700 11px/16px system-ui}
.header-player[data-admin-pending]{position:relative}
@media(max-width:600px){.loom-management-dialog .manage-head{padding:14px}.loom-management-dialog .manage-tabs{padding:12px 14px}.loom-management-dialog .manage-content{padding:16px 14px 36px}}

html body [data-loom-admin][hidden]{display:none!important}
.manage-welcome-preview{padding:14px 0;margin-bottom:16px;border-bottom:1px solid var(--map-border,#c5cebf)}
.manage-welcome-preview p{margin:8px 0 0;line-height:1.5}

.loom-management-dialog .manage-metrics>button{text-align:left;display:flex;flex-direction:column;gap:6px}.loom-management-dialog .manage-metrics>button:hover{background:#e9eee2}.loom-management-dialog .manage-metrics small{font-size:12px;color:#587065}

.manage-attachments{margin:12px 0}.manage-attachments summary{cursor:pointer;padding:12px;border:1px solid var(--map-border,#bbb);border-radius:12px}.manage-attachment{margin:12px 0;padding:12px;background:var(--map-surface,#fff);border-radius:12px}.manage-attachment img{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:8px auto}.manage-attachment a{display:inline-block;padding:10px;color:inherit;text-decoration:underline}

.manage-ward-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.manage-ward-previews button{min-height:48px;text-align:left;white-space:normal}