/* XXXWIS Member Uploads – front end. Dark style to match the Kolortube theme (accent #dd3333). Mobile first. */
.xwmu{--xw-accent:#dd3333;--xw-accent2:#ff4d4d;--xw-blue:#0078d7;--xw-bg:rgba(0,0,0,.28);--xw-line:rgba(255,255,255,.12);--xw-text:rgba(255,255,255,.92);--xw-dim:rgba(255,255,255,.62);color:var(--xw-text);font-size:15px;line-height:1.5;max-width:760px;margin:0 auto 32px}
.xwmu *{box-sizing:border-box}
.xwmu a{color:#ff6b6b}
.xwmu-box{background:var(--xw-bg);border:1px solid var(--xw-line);border-radius:10px;padding:16px;margin:0 0 14px}
.xwmu-h{font-size:18px;font-weight:700;margin:0 0 12px;color:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.xwmu-step{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--xw-accent);color:#fff;font-size:14px;flex:0 0 26px}
.xwmu-label{display:block;font-weight:600;margin:14px 0 6px;color:#fff;font-size:14px}
.xwmu-label:first-of-type{margin-top:0}
.xwmu-req{color:var(--xw-accent2)}
.xwmu-opt{font-weight:400;color:var(--xw-dim);font-size:13px}
.xwmu-input{width:100%;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;padding:11px 12px;font-size:16px;font-family:inherit}
.xwmu-input:focus{outline:none;border-color:var(--xw-accent);box-shadow:0 0 0 3px rgba(221,51,51,.25)}
textarea.xwmu-input{resize:vertical;min-height:96px}
.xwmu-small{font-size:13px;color:var(--xw-dim);margin:6px 0 0}
.xwmu-center{text-align:center}
.xwmu-err{color:#ff8a8a;font-size:14px;margin:6px 0 0;font-weight:600}
.xwmu-err[hidden]{display:none}
.xwmu-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.xwmu-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* drop zone */
.xwmu-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed rgba(255,255,255,.28);border-radius:10px;padding:28px 12px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:rgba(0,0,0,.2)}
.xwmu-drop:hover,.xwmu-drop.is-over{border-color:var(--xw-accent);background:rgba(221,51,51,.08)}
.xwmu-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.xwmu-drop[hidden]{display:none}
.xwmu-drop-icon{width:52px;height:52px;border-radius:50%;background:var(--xw-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;padding-left:4px;margin-bottom:6px}
.xwmu-drop-main{font-weight:700;font-size:17px;color:#fff}
.xwmu-drop-sub{font-size:13px;color:var(--xw-dim)}
.xwmu-file-info{display:flex;gap:12px;align-items:center}
.xwmu-file-info[hidden]{display:none}
.xwmu-file-info video{width:120px;height:68px;object-fit:cover;border-radius:6px;background:#000;flex:0 0 120px}
.xwmu-file-info strong{display:block;word-break:break-all;color:#fff}
.xwmu-link{background:none;border:0;color:#ff6b6b;padding:0;margin-left:6px;cursor:pointer;font-size:13px;text-decoration:underline}
/* categories */
.xwmu-cats{border:0;padding:0;margin:0;min-width:0}
.xwmu-cat-filter{margin-bottom:8px;padding:8px 10px;font-size:15px}
.xwmu-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:228px;overflow:auto;padding:2px}
.xwmu-chip{position:relative;cursor:pointer;margin:0}
.xwmu-chip[hidden]{display:none}
.xwmu-chip input{position:absolute;opacity:0;pointer-events:none}
.xwmu-chip span{display:inline-block;padding:7px 11px;border-radius:18px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.25);font-size:13px;color:var(--xw-text);transition:all .15s;user-select:none}
.xwmu-chip:hover span{border-color:rgba(255,255,255,.5)}
.xwmu-chip input:checked+span{background:var(--xw-accent);border-color:var(--xw-accent);color:#fff}
.xwmu-chip input:focus-visible+span{outline:2px solid #fff;outline-offset:1px}
/* thumbnail */
.xwmu-thumb-row{display:flex;gap:14px;align-items:flex-start}
.xwmu-thumb-box{width:160px;flex:0 0 160px;aspect-ratio:16/9;border-radius:6px;background:rgba(0,0,0,.4);border:1px solid var(--xw-line);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--xw-dim);font-size:12px;text-align:center}
.xwmu-thumb-box img{width:100%;height:100%;object-fit:cover}
.xwmu-thumb-box img[hidden],.xwmu-thumb-box span[hidden]{display:none}
/* rules + checkboxes */
.xwmu-rules{background:rgba(221,51,51,.10);border:1px solid rgba(221,51,51,.45);border-radius:8px;padding:12px 14px;margin-bottom:12px;font-size:14px}
.xwmu-rules ul{margin:6px 0 0;padding-left:18px}
.xwmu-rules li{margin:3px 0}
.xwmu-check{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--xw-line);cursor:pointer;font-size:14px;margin:0}
.xwmu-check:first-child{border-top:0}
.xwmu-check input{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;accent-color:var(--xw-accent)}
.xwmu-radio{border-top:0;padding:6px 0}
/* buttons */
.xwmu-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--xw-accent);color:#fff!important;border:0;border-radius:6px;padding:11px 20px;font-weight:700;font-size:15px;text-decoration:none!important;cursor:pointer;transition:background .15s;font-family:inherit;line-height:1.2}
.xwmu-btn:hover{background:var(--xw-accent2)}
.xwmu-btn:disabled{opacity:.6;cursor:wait}
.xwmu-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.35)}
.xwmu-btn-ghost:hover{background:rgba(255,255,255,.08)}
.xwmu-btn-sm{padding:8px 14px;font-size:14px}
.xwmu-btn-lg{width:100%;padding:15px 20px;font-size:17px}
.xwmu-submit-row{margin:6px 0 18px}
.xwmu-progress{position:relative;height:30px;border-radius:15px;background:rgba(0,0,0,.4);overflow:hidden;margin-bottom:10px;border:1px solid var(--xw-line)}
.xwmu-progress[hidden]{display:none}
.xwmu-progress-bar{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#b52020,var(--xw-accent2));transition:width .2s}
.xwmu-progress span{position:relative;display:block;text-align:center;line-height:28px;font-size:13px;font-weight:700;color:#fff}
/* notices */
.xwmu-notice{border-left:4px solid var(--xw-blue)}
.xwmu-notice p{margin:4px 0 0}
.xwmu-notice-ok{border-left-color:#2ecc71}
.xwmu-notice-err{border-left-color:var(--xw-accent2)}
.xwmu-notice-warn{border-left-color:#f1c40f}
.xwmu-notice ul{margin:6px 0 0 18px}
/* logged-out gate */
.xwmu-gate{text-align:center;padding:28px 18px}
.xwmu-gate-icon{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:var(--xw-accent);color:#fff;font-size:34px;line-height:64px;font-weight:700}
.xwmu-gate .xwmu-h{justify-content:center;font-size:22px}
.xwmu-gate-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px 0 8px}
.xwmu-gate-actions .xwmu-btn{min-width:150px}
.xwmu-gate-points{list-style:none;padding:0;margin:18px auto 0;max-width:460px;text-align:left;font-size:14px;color:var(--xw-dim)}
.xwmu-gate-points li{padding:6px 0 6px 24px;position:relative;border-top:1px solid var(--xw-line)}
.xwmu-gate-points li:before{content:"\2713";position:absolute;left:2px;color:var(--xw-accent2);font-weight:700}
/* my uploads */
.xwmu-mine ul{list-style:none;margin:0;padding:0}
.xwmu-mine li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--xw-line)}
.xwmu-mine li:first-child{border-top:0}
.xwmu-mine-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xwmu-badge{flex:0 0 auto;font-size:12px;font-weight:700;padding:3px 9px;border-radius:10px;background:rgba(255,255,255,.12)}
.xwmu-badge-pending{background:#8a6d00;color:#fff}
.xwmu-badge-publish{background:#1e8449;color:#fff}
.xwmu-badge-trash{background:#6b1f1f;color:#fff}
.xwmu-badge-draft{background:#555;color:#fff}
.xwmu-report-target{margin:0 0 10px}
.xwmu-upload-page .entry-header,.xwmu-upload-page .entry-title{text-align:center}
@media (min-width:768px){
	.xwmu{font-size:15px}
	.xwmu-box{padding:20px 22px}
	.xwmu-btn-lg{width:auto;min-width:280px;display:flex;margin:0 auto}
	.xwmu-chips{max-height:none}
}
@media (max-width:420px){
	.xwmu-thumb-row{flex-direction:column}
	.xwmu-thumb-box{width:100%;flex-basis:auto}
}