/* UCMU_PUBLICS_OWNER */
.ucmu-publics-screen{display:grid;gap:0;min-width:0}
.ucmu-public-directory{display:grid;gap:22px;padding:18px 28px 32px}
.ucmu-public-directory-section{display:grid;gap:10px;min-width:0}
.ucmu-public-directory-section[hidden]{display:none}
.ucmu-public-directory-section>header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}
.ucmu-public-directory-section>header b{font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.ucmu-public-directory-section>header span{min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:rgba(47,54,62,.07);color:var(--ucmu-muted);font-size:10px;font-weight:950}
.ucmu-public-directory .ucmu-publics-list{width:100%;padding:0;display:grid;gap:12px;align-content:start;min-width:0}
.ucmu-public-empty,.ucmu-public-status{border-radius:20px;padding:20px;background:var(--ucmu-card,#fff);color:var(--ucmu-muted);font-size:12px;font-weight:850;box-shadow:var(--shadow-card)}

.ucmu-route-head-actions .ucmu-public-search{position:relative;width:44px;height:44px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;overflow:hidden;border-radius:999px;background:var(--ucmu-card,#fff);box-shadow:0 8px 24px rgba(31,38,50,.08);transition:width .26s cubic-bezier(.22,1,.36,1),box-shadow .18s ease}
.ucmu-route-head-actions .ucmu-public-search.is-open{width:min(330px,42vw);box-shadow:0 12px 32px rgba(31,38,50,.13)}
.ucmu-public-search input{width:0;min-width:0;height:44px;flex:1;border:0;padding:0;opacity:0;background:transparent;color:var(--ucmu-text);font:inherit;outline:0;transition:width .24s ease,padding .24s ease,opacity .16s ease}
.ucmu-public-search.is-open input{width:auto;padding:0 8px 0 16px;opacity:1}
.ucmu-public-search>button{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ucmu-muted);cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}
.ucmu-public-search>button:hover{color:var(--ucmu-text);background:rgba(47,54,62,.055)}
.ucmu-public-search.is-open>button{color:var(--ucmu-red)}
.ucmu-public-search-glyph{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ucmu-public-create-button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--ucmu-red);color:#fff;font-size:25px;font-weight:500;line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(209,15,25,.24);transition:transform .18s ease,box-shadow .18s ease}
.ucmu-public-create-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(209,15,25,.30)}
.ucmu-public-create-button:active{transform:scale(.94)}
.ucmu-publics-view-button{order:3;font-size:18px}

.ucmu-public-card{position:relative;min-width:0;border:0;border-radius:22px;background:var(--ucmu-card,#fff);color:var(--ucmu-text);box-shadow:0 12px 34px rgba(31,38,50,.08);cursor:pointer;text-align:left;overflow:hidden;touch-action:none;transition:box-shadow .18s ease,transform .18s ease}
.ucmu-public-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(31,38,50,.13)}
.ucmu-public-card>span{min-width:0}
.ucmu-public-card b,.ucmu-public-card small,.ucmu-public-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ucmu-public-card b{font-size:13px;font-weight:950}
.ucmu-public-card small{margin-top:4px;color:var(--ucmu-muted);font-size:10px;font-weight:750}
.ucmu-public-card em{margin-top:7px;display:flex;align-items:center;gap:6px;color:var(--ucmu-muted);font-style:normal;font-size:9px;font-weight:850}
.ucmu-public-avatar{width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:3px solid rgba(255,255,255,.96);border-radius:50%;background:var(--ucmu-graphite);color:#fff;box-shadow:0 7px 20px rgba(25,31,38,.20);font-style:normal;font-size:13px;font-weight:950;box-sizing:border-box}
.ucmu-public-avatar img{width:100%;height:100%;object-fit:cover}
.ucmu-public-avatar.lg{width:104px;height:104px;border-radius:50%;font-size:24px;box-shadow:0 12px 30px rgba(0,0,0,.25)}


.ucmu-public-drag-list{position:relative;user-select:none}
.ucmu-public-drag-item{will-change:transform}
.ucmu-card-dragging,.ucmu-card-dragging *{cursor:grabbing}
.ucmu-public-drag-item.is-public-drag-placeholder{position:relative;color:transparent;background:transparent;box-shadow:none;overflow:visible}
.ucmu-public-drag-item.is-public-drag-placeholder>*:not(.ucmu-drag-placeholder-outline){visibility:hidden;pointer-events:none}
.ucmu-drag-placeholder-outline{position:absolute;inset:0;z-index:5;display:grid;place-items:center;border:2px dashed rgba(209,15,25,.76);background:rgba(209,15,25,.025);box-sizing:border-box;pointer-events:none}
.ucmu-drag-placeholder-ring{width:36px;height:36px;display:grid;place-items:center;border:2px dashed rgba(209,15,25,.92);border-radius:50%;background:var(--ucmu-card,#fff);color:var(--ucmu-red);box-shadow:0 8px 20px rgba(209,15,25,.12)}
.ucmu-drag-placeholder-ring svg{width:20px;height:20px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.ucmu-public-detail-screen{padding:0}
.ucmu-public-hero{position:relative;min-height:260px;box-sizing:border-box;padding:82px 32px 30px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;background:linear-gradient(135deg,#eef1f4,#dfe4e9);background-size:cover;background-position:center;isolation:isolate}
.ucmu-public-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,19,24,.48),rgba(15,19,24,.12));z-index:-1}
.ucmu-public-hero-main{display:flex;align-items:end;gap:16px;min-width:0}
.ucmu-public-hero h2{margin:0;color:#fff;font-size:clamp(30px,4vw,46px);line-height:1;font-weight:950;text-shadow:0 3px 16px rgba(0,0,0,.32)}
.ucmu-public-hero p{margin:7px 0 0;color:#fff;font-size:13px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.28)}
.ucmu-public-hero-tools{position:absolute;left:18px;right:18px;top:18px;display:flex;align-items:center;justify-content:space-between}
.ucmu-public-hero-actions-top{display:flex;align-items:center;gap:8px}
.ucmu-public-hero-actions-top .ucmu-notifications-toggle,.ucmu-public-hero-actions-top [data-public-settings]{width:44px;height:44px;border-radius:18px}
.ucmu-public-count-button{height:42px;min-width:58px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:999px;background:#fff;color:var(--ucmu-graphite);box-shadow:0 10px 25px rgba(31,38,50,.12);font-size:11px;font-weight:950;cursor:pointer}
.ucmu-public-person-icon{position:relative;width:16px;height:16px;display:inline-block;flex:0 0 auto;background:transparent}
.ucmu-public-person-icon::before{content:"";position:absolute;left:5px;top:1px;width:6px;height:6px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box}
.ucmu-public-person-icon::after{content:"";position:absolute;left:2px;bottom:0;width:12px;height:7px;border:2px solid currentColor;border-bottom:0;border-radius:9px 9px 0 0;box-sizing:border-box}
.ucmu-public-back,.ucmu-public-settings-button{height:42px;border:0;border-radius:999px;background:#fff;color:var(--ucmu-graphite);box-shadow:0 10px 25px rgba(31,38,50,.12);font-weight:900;cursor:pointer}
.ucmu-public-back{padding:0 15px}
.ucmu-public-settings-button{width:42px;font-size:17px}
.ucmu-public-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.ucmu-public-message,.ucmu-public-subscribe{height:42px;border:0;border-radius:999px;padding:0 17px;background:var(--ucmu-red);color:#fff;font-size:10px;font-weight:950;text-transform:uppercase;cursor:pointer}
.ucmu-public-subscribe{background:#fff;color:var(--ucmu-graphite)}
.ucmu-public-subscribe.is-active{background:rgba(255,255,255,.86)}
.ucmu-public-message.is-busy,.ucmu-public-subscribe.is-busy,.ucmu-public-editor .is-busy,.ucmu-public-image-editor .is-busy{opacity:.58;pointer-events:none}
.ucmu-public-posts{padding:20px 28px 32px}

.ucmu-public-list-modal,.ucmu-public-editor,.ucmu-view-scale-window{width:min(430px,calc(100vw - 28px));display:grid;grid-template-rows:auto auto;border-radius:26px;background:var(--ucmu-card,#fff);overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.32)}
.ucmu-view-scale-body{padding:28px 24px 24px;display:grid;gap:14px}
.ucmu-view-scale-body input[type=range]{width:100%;accent-color:var(--ucmu-red);cursor:pointer}
.ucmu-view-scale-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.ucmu-view-scale-labels span{padding:7px 5px;border-radius:999px;color:var(--ucmu-muted);font-size:10px;font-weight:900;cursor:pointer;transition:background .16s ease,color .16s ease}
.ucmu-view-scale-labels span.is-active{background:rgba(209,15,25,.11);color:var(--ucmu-red)}
.ucmu-conversation-window{width:min(920px,calc(100vw - 36px));height:min(820px,calc(100vh - 36px));display:grid;grid-template-rows:auto minmax(0,1fr);border-radius:28px;background:var(--ucmu-card,#fff);overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.36)}
.ucmu-conversation-window-body{min-height:0;overflow:hidden}
.ucmu-conversation-window-body>.ucmu-chats-screen,.ucmu-conversation-window-body .ucmu-chat-thread-view,.ucmu-conversation-window-body .ucmu-chat-thread{height:100%;min-height:0}
.ucmu-conversation-window-body .ucmu-chat-thread-view{padding:0}
.ucmu-conversation-window-body .ucmu-chat-thread-head{border-radius:0}
.ucmu-conversation-window-body .ucmu-chat-thread{box-shadow:none;border-radius:0}
.ucmu-shell-nav-drag-list{position:relative;user-select:none;touch-action:none}
.ucmu-shell-nav-drag-item{will-change:transform}
.ucmu-shell-nav-drag-item.is-shell-nav-drag-placeholder{position:relative;color:transparent;background:transparent;box-shadow:none;overflow:visible}
.ucmu-shell-nav-drag-item.is-shell-nav-drag-placeholder>*:not(.ucmu-drag-placeholder-outline){visibility:hidden;pointer-events:none}
.ucmu-public-image-editor{width:min(620px,calc(100vw - 28px));max-height:calc(100vh - 28px);display:grid;border-radius:26px;background:var(--ucmu-card,#fff);color:var(--ucmu-text);box-shadow:0 28px 90px rgba(0,0,0,.32);overflow:hidden}
.ucmu-public-list-modal{grid-template-rows:auto minmax(0,1fr)}
.ucmu-public-list-modal>header,.ucmu-public-editor>header,.ucmu-public-image-editor>header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px;border-bottom:1px solid rgba(47,54,62,.09)}
.ucmu-public-list-modal>header b,.ucmu-public-list-modal>header span,.ucmu-public-editor>header b,.ucmu-public-editor>header span,.ucmu-public-image-editor>header b,.ucmu-public-image-editor>header span{display:block}
.ucmu-public-list-modal>header span,.ucmu-public-editor>header span,.ucmu-public-image-editor>header span{margin-top:2px;color:var(--ucmu-muted);font-size:10px;font-weight:750}
.ucmu-public-list-modal>header button,.ucmu-public-editor>header button,.ucmu-public-image-editor>header button{width:38px;height:38px;border:0;border-radius:50%;background:rgba(47,54,62,.07);color:var(--ucmu-text);font-size:21px;cursor:pointer}
.ucmu-public-modal-list{min-height:180px;overflow:auto;padding:12px;display:grid;gap:7px}
.ucmu-public-subscriber-row,.ucmu-public-inbox-row{min-height:58px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;border:0;border-radius:16px;padding:7px 10px;background:transparent;color:var(--ucmu-text);text-align:left}
.ucmu-public-inbox-row{cursor:pointer}
.ucmu-public-inbox-row:hover{background:rgba(47,54,62,.055)}
.ucmu-public-subscriber-row i,.ucmu-public-inbox-row i{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--ucmu-graphite);color:#fff;font-style:normal;font-size:11px;font-weight:950}
.ucmu-public-subscriber-row img,.ucmu-public-inbox-row img{width:100%;height:100%;object-fit:cover}
.ucmu-public-inbox-row b,.ucmu-public-inbox-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ucmu-public-inbox-row small{margin-top:3px;color:var(--ucmu-muted);font-size:10px}

.ucmu-public-editor{position:relative;grid-template-rows:auto minmax(0,1fr) auto;overflow:visible}
.ucmu-public-editor-body{overflow:auto;padding:18px;display:grid;gap:14px}
.ucmu-public-editor-body label{display:grid;gap:6px}
.ucmu-public-editor-body label>span{color:var(--ucmu-muted);font-size:10px;font-weight:900}
.ucmu-public-editor input[type=text],.ucmu-public-editor textarea{width:100%;box-sizing:border-box;border:1px solid rgba(47,54,62,.12);border-radius:15px;padding:11px 13px;background:rgba(47,54,62,.035);color:var(--ucmu-text);font:inherit;outline:0}
.ucmu-public-editor textarea{resize:vertical}
.ucmu-public-editor-media{position:relative;height:190px;margin-bottom:22px}
.ucmu-public-editor-cover{position:absolute;inset:0 0 18px;width:100%;border:0;border-radius:20px;background:linear-gradient(135deg,#2c333b,#151a20);background-size:cover;background-position:center;color:#fff;cursor:pointer}
.ucmu-public-editor-avatar{position:absolute;left:18px;bottom:0;width:84px;height:84px;border:5px solid var(--ucmu-card,#fff);border-radius:50%;background:var(--ucmu-graphite);background-size:cover;background-position:center;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.20);font-size:25px;cursor:pointer}
.ucmu-public-color-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(47,54,62,.10);border-radius:17px;padding:10px 11px;background:rgba(47,54,62,.025)}
.ucmu-public-color-row>span{color:var(--ucmu-muted);font-size:10px;font-weight:900}
.ucmu-public-color-row>div{display:flex;align-items:center;gap:8px}
.ucmu-color-swatch{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;background:rgba(47,54,62,.07);cursor:pointer}
.ucmu-color-swatch i{width:28px;height:28px;border:3px solid #fff;border-radius:50%;background:var(--ucmu-picked-color);box-shadow:0 3px 10px rgba(0,0,0,.20)}
.ucmu-color-code-copy{height:34px;border:0;border-radius:999px;padding:0 11px;background:rgba(47,54,62,.07);color:var(--ucmu-text);font-size:10px;font-weight:900;letter-spacing:.04em;cursor:pointer}
.ucmu-color-code-copy:hover{background:rgba(47,54,62,.11)}
.ucmu-color-dialog{width:min(390px,calc(100vw - 28px));display:grid;grid-template-rows:auto minmax(0,1fr);border-radius:26px;background:var(--ucmu-card,#fff);overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.32)}
.ucmu-color-dialog>header,.ucmu-view-scale-window>header,.ucmu-conversation-window>header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px;border-bottom:1px solid rgba(47,54,62,.09)}
.ucmu-color-dialog>header b,.ucmu-color-dialog>header span,.ucmu-view-scale-window>header b,.ucmu-view-scale-window>header span,.ucmu-conversation-window>header b,.ucmu-conversation-window>header span{display:block}
.ucmu-color-dialog>header span,.ucmu-view-scale-window>header span,.ucmu-conversation-window>header span{margin-top:2px;color:var(--ucmu-muted);font-size:10px;font-weight:750}
.ucmu-color-dialog>header button,.ucmu-view-scale-window>header button,.ucmu-conversation-window>header button{width:38px;height:38px;border:0;border-radius:50%;background:rgba(47,54,62,.07);color:var(--ucmu-text);font-size:21px;cursor:pointer}
.ucmu-color-dialog-body{padding:18px;display:grid;gap:14px;overflow:hidden}
.ucmu-color-dialog-body h3{margin:0;text-align:center;font-size:24px;font-weight:950;transition:color .1s linear}
.ucmu-color-wheel{position:relative;width:240px;height:240px;margin:auto}
.ucmu-color-wheel canvas{width:240px;height:240px;display:block;border-radius:50%;cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 10px 26px rgba(0,0,0,.12)}
.ucmu-color-wheel-marker{position:absolute;width:16px;height:16px;border:3px solid #fff;border-radius:50%;box-sizing:border-box;transform:translate(-50%,-50%);box-shadow:0 2px 8px rgba(0,0,0,.45);pointer-events:none}
.ucmu-color-brightness,.ucmu-color-code-field{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px}
.ucmu-color-brightness span,.ucmu-color-code-field span{color:var(--ucmu-muted);font-size:10px;font-weight:900}
.ucmu-color-brightness input{width:100%}
.ucmu-color-code-field input{height:40px;border:1px solid rgba(47,54,62,.12);border-radius:13px;padding:0 12px;background:rgba(47,54,62,.035);color:var(--ucmu-text);font:inherit;font-size:12px;font-weight:900;letter-spacing:.08em;outline:0}
.ucmu-public-editor-status{min-height:18px;color:var(--ucmu-red);font-size:11px;font-weight:850}
.ucmu-public-editor>footer,.ucmu-public-image-editor>footer{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px;border-top:1px solid rgba(47,54,62,.09)}
.ucmu-public-editor>footer>div{display:flex;gap:8px}
.ucmu-public-editor footer button,.ucmu-public-image-editor footer button{height:40px;border:0;border-radius:999px;padding:0 15px;font-size:10px;font-weight:900;cursor:pointer}
.ucmu-public-editor footer .primary,.ucmu-public-image-editor footer .primary{background:var(--ucmu-red);color:#fff}
.ucmu-public-editor footer .secondary,.ucmu-public-image-editor footer .secondary{background:rgba(47,54,62,.08);color:var(--ucmu-text)}
.ucmu-public-editor footer .danger{background:transparent;color:var(--ucmu-red)}

.ucmu-public-image-editor{grid-template-rows:auto minmax(0,1fr) auto auto}
.ucmu-public-image-stage{min-height:280px;display:grid;place-items:center;padding:18px;background:#11161c;touch-action:none;cursor:grab}
.ucmu-public-image-stage.is-dragging{cursor:grabbing}
.ucmu-public-image-stage canvas{display:block;max-width:100%;max-height:52vh;object-fit:contain}
.ucmu-public-image-stage.is-avatar canvas{border-radius:50%}
.ucmu-public-image-zoom{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:13px 18px}
.ucmu-public-image-zoom span{font-size:10px;font-weight:900}
.ucmu-public-image-zoom input{width:100%}

@media(max-width:900px){
  .ucmu-public-directory{padding:14px 12px 24px}
  .ucmu-route-head-actions .ucmu-public-search.is-open{width:min(280px,52vw)}
  .ucmu-public-hero{grid-template-columns:1fr;padding:82px 16px 22px}
  .ucmu-public-actions{justify-content:flex-start}
  .ucmu-public-posts{padding:14px 12px 24px}
}
@media(max-width:620px){
  .ucmu-route-head-copy span{display:none}
  .ucmu-route-head-actions .ucmu-public-search.is-open{position:absolute;left:10px;right:112px;width:auto;z-index:4}
}
@media(max-width:560px){
  .ucmu-public-hero-main{align-items:center}
  .ucmu-public-avatar.lg{width:82px;height:82px;border-radius:50%}
  .ucmu-public-editor-media{height:160px}
  .ucmu-public-image-stage{min-height:220px}
}