.media-placeholder{--media-placeholder-min-height:220px;width:100%;min-height:var(--media-placeholder-min-height);background:linear-gradient(135deg, transparent 49.5%, var(--border-color) 50%, transparent 50.5%), linear-gradient(45deg, transparent 49.5%, var(--border-color) 50%, transparent 50.5%), var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.media-placeholder--thumbnail,.media-placeholder--fill,.media-placeholder--background,.media-placeholder--inline{--media-placeholder-min-height:0px}.media-placeholder--fill,.media-placeholder--background{height:100%}.media-placeholder--background{box-shadow:none;border:0;border-radius:0}.media-placeholder--inline{vertical-align:middle;width:auto;display:inline-grid}.media-placeholder[data-media-status=ready]{background:var(--bg-secondary);min-height:0;display:block}.media-placeholder[role=button]{cursor:zoom-in}.media-placeholder[role=button]:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.media-placeholder[data-media-status=ready][data-preserve-frame=true]{min-height:var(--media-placeholder-min-height);display:grid}.media-placeholder-message{z-index:1;max-width:390px;color:var(--text-secondary);text-align:center;background:color-mix(in srgb, var(--bg-tertiary) 94%, transparent);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:4px;padding:22px;display:grid;position:relative}.media-placeholder--thumbnail .media-placeholder-message,.media-placeholder--inline .media-placeholder-message{border:0;border-radius:0;align-content:center;width:100%;height:100%;padding:.35rem;overflow:hidden}.media-placeholder--thumbnail .media-placeholder-message span,.media-placeholder--thumbnail .media-placeholder-message small,.media-placeholder--inline .media-placeholder-message span,.media-placeholder--inline .media-placeholder-message small{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.media-placeholder--thumbnail .media-placeholder-message strong,.media-placeholder--inline .media-placeholder-message strong{text-overflow:ellipsis;font-size:10px;overflow:hidden}.media-placeholder-skeleton{background:var(--bg-secondary);align-content:center;gap:14px;padding:clamp(24px,7%,56px);display:grid;position:absolute;inset:0;overflow:hidden}.media-placeholder--thumbnail .media-placeholder-skeleton,.media-placeholder--inline .media-placeholder-skeleton{gap:4px;padding:15%}.media-placeholder-skeleton:after{background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--bg-tertiary) 70%, transparent) 50%, transparent 80%);content:"";animation:1.5s ease-in-out infinite media-placeholder-shimmer;position:absolute;inset:0;transform:translate(-100%)}.media-placeholder-skeleton span{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.media-placeholder-skeleton i{background:var(--border-color);border-radius:var(--radius-sm);width:min(72%,520px);height:18px}.media-placeholder-skeleton i:first-of-type{width:min(42%,300px);height:26px}.media-placeholder-skeleton i:last-of-type{width:min(58%,420px)}.media-placeholder--thumbnail .media-placeholder-skeleton i,.media-placeholder--inline .media-placeholder-skeleton i{width:100%;height:20%;min-height:2px}@keyframes media-placeholder-shimmer{to{transform:translate(100%)}}.media-placeholder-message strong{color:var(--text-primary);font-size:13px}.media-placeholder-message span{font-size:12px}.media-placeholder-message small{color:var(--text-secondary);opacity:.72;font-size:10px}.media-placeholder .validated-media{object-fit:contain;object-position:center;opacity:0;width:100%;height:100%;position:absolute;inset:0}.media-placeholder--fit-cover .validated-media{object-fit:cover}.media-placeholder .validated-media.ready{object-fit:contain;opacity:1;width:100%;height:auto;display:block;position:static}.media-placeholder--fit-cover .validated-media.ready{object-fit:cover}.media-placeholder[data-preserve-frame=true] .validated-media.ready{width:100%;height:100%;position:absolute;inset:0}.media-placeholder audio.validated-media.ready{width:calc(100% - 32px);height:auto;margin:16px}.media-placeholder[data-preserve-frame=true] audio.validated-media.ready{position:static}.media-placeholder figcaption{color:var(--text-secondary);text-align:center;background:color-mix(in srgb, var(--bg-tertiary) 88%, transparent);border-top:1px solid var(--border-color);padding:7px 10px;font-size:10px}@media (prefers-reduced-motion:reduce){.media-placeholder-skeleton:after{animation:none}}.up-upload-lightbox{z-index:9999;box-sizing:border-box;background:var(--overlay-dark-heavy);width:100vw;max-width:none;height:100vh;max-height:none;color:var(--text-primary);cursor:zoom-out;border:0;justify-content:center;align-items:center;margin:0;padding:24px;display:flex;position:fixed;inset:0}dialog.up-upload-lightbox{position:fixed;inset:0}.up-upload-lightbox::backdrop{background:0 0}.up-upload-lightbox-content{background:var(--bg-color);border:1px solid color-mix(in srgb, var(--border-color) 70%, transparent);max-width:90vw;max-height:85vh;box-shadow:var(--shadow-lg);cursor:default;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.up-upload-lightbox-bar{border-top:1px solid var(--border-color);background:var(--bg-secondary);flex:none;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 16px;display:flex}.up-upload-lightbox-name,.up-upload-lightbox-count{line-height:1.2}.up-upload-lightbox-name{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.up-upload-lightbox-count{color:var(--text-secondary);letter-spacing:.04em;white-space:nowrap;flex:none;font-size:12px;font-weight:700}.up-upload-lightbox-bar .thread-actions{opacity:1;flex:none;align-items:center;gap:4px;padding:0;display:flex}.up-upload-lightbox-bar .action-btn{flex:none}.media-preview-lightbox .up-upload-lightbox-content{width:min(92vw,1040px);max-width:min(92vw,1040px);height:min(88vh,760px);max-height:min(88vh,760px)}.media-preview-frame{flex:auto;place-items:center;width:100%;min-height:0;display:grid;position:relative;overflow:hidden}.media-preview-lightbox .media-preview-object{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.media-preview-lightbox .up-upload-lightbox-bar{flex:none}.media-preview-cycle.action-btn.btn-ghost{z-index:2;width:34px;min-width:34px;height:34px;color:var(--text-primary);background:color-mix(in srgb, var(--bg-color) 78%, transparent);border-color:color-mix(in srgb, var(--border-color) 80%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;justify-content:center;align-items:center;gap:0;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.media-preview-cycle.action-btn.btn-ghost:hover{color:var(--primary-color);background:color-mix(in srgb, var(--bg-secondary) 92%, transparent);border-color:color-mix(in srgb, var(--primary-color) 35%, var(--border-color))}.media-preview-cycle.action-btn.btn-ghost svg{pointer-events:none;flex:none;display:block}.media-preview-cycle--prev{left:10px}.media-preview-cycle--next{right:10px}@media (width<=640px){.up-upload-lightbox{padding:12px}.media-preview-lightbox .up-upload-lightbox-content{width:100%;height:88vh}}