:root{--bg:#080a0f;--bg2:#0d1017;--panel:#11151d;--panel2:#161b25;--line:#252c38;--line2:#313a49;--text:#f7f8fb;--muted:#8e98a8;--muted2:#b8c0cc;--accent:#ff7a1a;--accent2:#ffa15d;--danger:#ff5d68;--ok:#36d58e;--warning:#f7bb45;--sidebar:256px;--shadow:0 24px 80px rgba(0,0,0,.34)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.role-viewer .editor-only,.role-viewer .admin-only,.role-editor .admin-only{display:none!important}.muted{color:var(--muted)}.eyebrow{margin:0;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:2.2px}.surface{background:linear-gradient(180deg,rgba(20,25,34,.98),rgba(13,17,24,.98));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#221007;font-weight:950;background:linear-gradient(145deg,var(--accent),#ffbd87);box-shadow:0 10px 28px rgba(255,122,26,.28)}.brand strong{display:block;font-size:14px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px;letter-spacing:.5px}.brand-large .brand-mark{width:46px;height:46px;border-radius:14px}.brand-large strong{font-size:17px}
.btn{border:1px solid var(--line);background:#171c25;color:var(--text);padding:10px 14px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;transition:.18s}.btn:hover{border-color:var(--line2);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#251006;font-weight:850}.btn.danger{background:rgba(255,93,104,.09);color:#ffcbd0;border-color:rgba(255,93,104,.3)}.btn.ghost{background:transparent}.btn.wide{width:100%;min-height:46px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.icon-btn{width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:#141922;color:var(--text);display:grid;place-items:center}.text-btn{border:0;background:transparent;color:var(--accent);font-weight:700}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#0c1016;color:var(--text);border-radius:11px;padding:12px 13px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:rgba(255,122,26,.65);box-shadow:0 0 0 3px rgba(255,122,26,.1)}.textarea{min-height:100px;resize:vertical}.field{display:grid;gap:7px}.field>span{font-size:12px;color:var(--muted2)}.form-stack{display:grid;gap:15px}.form-error{padding:10px 12px;border-radius:10px;background:rgba(255,93,104,.1);border:1px solid rgba(255,93,104,.25);color:#ffadb4;font-size:12px}.hint{font-size:12px;color:var(--muted);margin:0}.check-row{display:flex;align-items:center;gap:9px;color:var(--muted2);font-size:13px}.check-row input{accent-color:var(--accent)}
.login-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-showcase{padding:48px max(48px,8vw);position:relative;overflow:hidden;background:radial-gradient(circle at 25% 30%,rgba(255,122,26,.2),transparent 34%),linear-gradient(135deg,#0d1118,#07090e)}.login-message{position:relative;z-index:2;margin-top:20vh}.login-message h1{font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-3px;margin:14px 0 22px}.login-message>p:last-child{font-size:17px;color:var(--muted2);max-width:520px;line-height:1.8}.showcase-grid{position:absolute;inset:auto -8% -25% 20%;height:55%;transform:perspective(900px) rotateX(58deg) rotateZ(-12deg);display:grid;grid-template-columns:repeat(3,1fr);gap:14px;opacity:.5}.showcase-grid div{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(135deg,rgba(255,122,26,.28),rgba(255,255,255,.02));box-shadow:var(--shadow)}.login-panel{display:grid;place-items:center;padding:28px;background:var(--bg)}.login-card{width:min(440px,100%);padding:34px}.login-card h2{font-size:32px;margin:10px 0 6px}.login-card>.muted{margin:0 0 26px}.mobile-brand{display:none;margin-bottom:28px}
.app-shell{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--sidebar);background:#0c0f15;border-left:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;z-index:40}.sidebar-brand{padding:2px 8px 26px}.nav-list{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#aab3c0;border-radius:11px;padding:11px 12px;display:flex;align-items:center;gap:12px;text-align:right;font-weight:650}.nav-item span{width:22px;text-align:center;font-size:17px}.nav-item:hover{background:#151a22;color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(255,122,26,.18),rgba(255,122,26,.05));color:#fff;box-shadow:inset -3px 0 var(--accent)}.sidebar-footer{margin-top:auto}.storage-mini{padding:14px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px}.storage-mini>div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.storage-mini strong{color:var(--text)}.storage-mini i{height:5px;background:#1c222c;border-radius:99px;display:block;margin-top:10px;overflow:hidden}.storage-mini b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px}.user-card{width:100%;border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:right;padding:8px}.avatar{width:36px;height:36px;border-radius:11px;background:#212835;display:grid;place-items:center;font-weight:850}.user-card strong{display:block;font-size:12px}.user-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.main-shell{margin-right:var(--sidebar);min-height:100vh}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(8,10,15,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.topbar h1{font-size:23px;margin:2px 0 0}.breadcrumb{margin:0;color:var(--muted);font-size:9px;letter-spacing:1.8px}.topbar-actions{display:flex;align-items:center;gap:9px}.mobile-menu{display:none}.page-content{padding:28px;max-width:1600px;margin:0 auto}.page{display:none}.page.active{display:block}.welcome-row,.section-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.welcome-row h2{font-size:31px;margin:0 0 5px}.date-chip{padding:9px 13px;border:1px solid var(--line);border-radius:99px;color:var(--muted2);font-size:12px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stats-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-card{padding:18px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:var(--stat-glow,rgba(255,122,26,.13));top:-32px;left:-28px}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.stat-icon{width:31px;height:31px;border-radius:9px;background:#202632;display:grid;place-items:center;color:var(--accent)}.stat-value{font-size:29px;font-weight:900;margin:17px 0 4px;letter-spacing:-1px}.stat-note{font-size:10px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;margin-bottom:18px}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.panel-head h3{font-size:17px;margin:4px 0 0}.bar-chart{height:230px;display:flex;align-items:end;gap:10px;padding:20px 4px 4px;border-bottom:1px solid var(--line)}.bar-chart.large{height:300px}.chart-day{flex:1;min-width:22px;height:100%;display:flex;align-items:end;justify-content:center;gap:3px;position:relative}.chart-day i{display:block;width:min(14px,42%);min-height:2px;border-radius:4px 4px 0 0;background:var(--accent)}.chart-day i.downloads{background:#4f8cff}.chart-day span{position:absolute;bottom:-22px;font-size:9px;color:var(--muted)}.rank-list{display:grid}.rank-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.rank-row:last-child{border-bottom:0}.rank-index{width:27px;height:27px;border-radius:8px;background:#202632;display:grid;place-items:center;font-size:10px;color:var(--muted2)}.rank-row strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.rank-metric{font-weight:850;font-size:12px}.activity-list{display:grid}.activity-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;border-radius:10px;background:#1e2530;display:grid;place-items:center;color:var(--accent)}.activity-row strong{display:block;font-size:12px}.activity-row p{margin:3px 0 0;color:var(--muted);font-size:10px}.activity-row time{font-size:10px;color:var(--muted)}
.toolbar{padding:12px;display:flex;align-items:center;gap:9px;margin-bottom:14px}.search-box{flex:1;display:flex;align-items:center;gap:9px;background:#0c1016;border:1px solid var(--line);border-radius:11px;padding:0 12px}.search-box input{width:100%;border:0;background:transparent;color:var(--text);outline:0;padding:11px 0}.select{width:auto;min-width:130px}.select.wide{width:100%}.view-toggle{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.view-toggle button{border:0;background:#11161e;color:var(--muted);padding:10px 12px}.view-toggle button.active{background:#242b37;color:#fff}.bulk-bar{padding:11px 14px;border:1px solid rgba(255,122,26,.3);background:rgba(255,122,26,.08);border-radius:13px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.bulk-bar>div{display:flex;gap:8px}.section-summary{color:var(--muted);font-size:12px;margin:17px 2px}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.media-card{overflow:hidden;position:relative}.media-preview{aspect-ratio:16/9;background:radial-gradient(circle at 80% 10%,rgba(255,122,26,.13),transparent 40%),#0a0d12;position:relative;display:grid;place-items:center;overflow:hidden}.media-preview img{width:100%;height:100%;object-fit:cover}.preview-icon{font-size:35px;color:#9aa5b4}.play-pill{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:43px;height:43px;border-radius:50%;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;padding-left:2px}.select-file{position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:7px;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.24);z-index:2;display:grid;place-items:center}.select-file input{accent-color:var(--accent)}.media-body{padding:13px}.media-name{font-weight:750;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin:7px 0 12px}.media-actions{display:flex;gap:6px}.media-actions .btn{padding:7px 9px;font-size:10px;flex:1}.media-stats{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.68);border-radius:99px;padding:4px 7px;font-size:8px;color:#fff}.media-list{display:grid;gap:8px}.file-row{display:grid;grid-template-columns:auto 1fr 110px 110px 110px auto;gap:12px;align-items:center;padding:10px 12px}.row-thumb{width:76px;aspect-ratio:16/9;border-radius:9px;background:#0a0d12;overflow:hidden;display:grid;place-items:center}.row-thumb img{width:100%;height:100%;object-fit:cover}.file-row strong{font-size:12px}.file-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.row-value{font-size:10px;color:var(--muted2)}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.collection-card{overflow:hidden}.collection-cover{aspect-ratio:16/8;background:linear-gradient(135deg,#171d27,#0c1016);display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.collection-cover img{width:100%;height:100%;object-fit:cover}.collection-cover .cover-placeholder{display:grid;place-items:center;font-size:28px;color:var(--accent)}.collection-body{padding:16px}.collection-body h3{margin:0 0 6px;font-size:16px}.collection-body p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.collection-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.collection-stats{font-size:10px;color:var(--muted)}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{text-align:right;padding:13px 15px;border-bottom:1px solid var(--line);font-size:11px}.data-table th{color:var(--muted);font-weight:650;background:#11161e}.data-table td strong{display:block}.data-table td small{color:var(--muted);display:block;margin-top:3px}.status-badge,.role-badge{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:9px;background:#202632;color:var(--muted2)}.status-badge.active{background:rgba(54,213,142,.1);color:#77e9b4}.status-badge.expired,.status-badge.disabled{background:rgba(255,93,104,.1);color:#ffadb4}.role-badge.admin{background:rgba(255,122,26,.12);color:#ffbd8f}.role-badge.editor{background:rgba(79,140,255,.12);color:#9fc0ff}.table-actions{display:flex;gap:5px}.table-actions button{border:0;background:#1a202a;color:var(--muted2);border-radius:8px;padding:6px 8px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.empty-state{text-align:center;padding:64px 24px}.empty-state>span{font-size:46px;color:var(--accent)}.empty-state h3{font-size:21px;margin:13px 0 7px}.empty-state p{color:var(--muted);margin:0}.loading-state{padding:40px;text-align:center;color:var(--muted)}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);z-index:80;display:grid;place-items:center;padding:20px}.modal{width:min(680px,100%);max-height:90vh;overflow:auto;padding:22px}.modal.wide{width:min(980px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal-head h2{margin:4px 0 0;font-size:23px}.modal-close{border:0;background:transparent;color:var(--muted);font-size:25px}.modal-footer{display:flex;justify-content:flex-start;gap:9px;margin-top:20px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.file-detail-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.detail-preview{background:#000;min-height:320px;border-radius:14px;overflow:hidden;display:grid;place-items:center}.detail-preview video,.detail-preview img{width:100%;max-height:60vh;object-fit:contain}.detail-data{display:grid;gap:10px}.detail-line{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.detail-line span{color:var(--muted)}.file-picker{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:11px}.picker-row{display:flex;align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid var(--line);font-size:11px}.picker-row input{accent-color:var(--accent)}
.upload-dock{position:fixed;left:18px;bottom:18px;width:min(440px,calc(100vw - 36px));background:#10151d;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);z-index:70;overflow:hidden}.upload-dock-head{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line)}.upload-item{padding:11px 14px;border-bottom:1px solid var(--line)}.upload-item:last-child{border-bottom:0}.upload-item-head{display:flex;justify-content:space-between;font-size:10px}.upload-item-head strong{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress{height:5px;background:#202632;border-radius:99px;margin-top:9px;overflow:hidden}.progress b{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:.2s}.popover{position:fixed;right:17px;bottom:76px;width:190px;background:#161b24;border:1px solid var(--line);border-radius:12px;padding:6px;z-index:60;box-shadow:var(--shadow)}.popover button{width:100%;border:0;background:transparent;color:var(--text);padding:9px 10px;border-radius:8px;text-align:right}.popover button:hover{background:#202632}.toast{position:fixed;left:20px;bottom:20px;max-width:min(430px,calc(100vw - 40px));padding:12px 15px;border:1px solid var(--line);background:#171c25;border-radius:12px;box-shadow:var(--shadow);z-index:120;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{border-color:rgba(255,93,104,.45)}
.share-page{background:radial-gradient(circle at 80% 0,rgba(255,122,26,.12),transparent 30%),var(--bg)}.share-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1400px)/2));background:rgba(8,10,15,.86);backdrop-filter:blur(16px)}.share-expiry{border:1px solid rgba(255,122,26,.25);background:rgba(255,122,26,.08);color:#ffc49a;border-radius:99px;padding:8px 11px;font-size:10px}.share-layout{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:42px 0 70px}.share-layout.with-playlist{width:min(1420px,calc(100% - 32px));display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.share-title{text-align:center;margin-bottom:22px}.share-title h1{font-size:clamp(28px,4vw,48px);margin:8px 0 9px;overflow-wrap:anywhere}.share-title p{color:var(--muted);margin:0}.viewer-shell{overflow:hidden;background:#000;min-height:240px;display:grid;place-items:center}.shared-viewer{display:block;width:100%;max-height:74vh;background:#000}.shared-viewer.image{object-fit:contain}.audio-shell{width:min(700px,90%);padding:70px 0;text-align:center}.audio-shell>span{font-size:55px;color:var(--accent);display:block;margin-bottom:20px}.audio-shell audio{width:100%}.unsupported{text-align:center;padding:70px 20px}.unsupported>span{font-size:50px;color:var(--accent)}.share-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.download-disabled{color:var(--muted);font-size:11px}.share-playlist{background:#10151d;border:1px solid var(--line);border-radius:18px;overflow:hidden;height:max-content;margin-top:92px}.playlist-head{padding:14px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.playlist-item{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:10px;display:grid;grid-template-columns:78px 1fr;gap:10px;text-align:right}.playlist-item.active{background:rgba(255,122,26,.08)}.playlist-thumb{aspect-ratio:16/9;background:#080a0f;border-radius:8px;overflow:hidden;display:grid;place-items:center;position:relative}.playlist-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.playlist-thumb b{color:var(--accent)}.playlist-item strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item small{color:var(--muted);font-size:8px}.share-gate{min-height:100vh;display:grid;place-items:center;padding:24px}.share-gate-card{width:min(480px,100%);padding:30px;text-align:center}.share-gate-card .brand{justify-content:center;margin-bottom:28px}.lock-icon{font-size:48px;color:var(--accent);margin-bottom:10px}.share-gate-card h1{font-size:29px;margin:9px 0}.share-gate-card>.muted{line-height:1.7;margin-bottom:22px}
@media(max-width:1250px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid.compact{grid-template-columns:repeat(3,1fr)}.media-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){:root{--sidebar:232px}.dashboard-grid,.file-detail-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.collection-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.share-layout.with-playlist{display:block}.share-playlist{margin-top:18px}.login-layout{grid-template-columns:1fr}.login-showcase{display:none}.mobile-brand{display:flex}}
@media(max-width:760px){.sidebar{transform:translateX(105%);transition:.2s}.sidebar.open{transform:none}.main-shell{margin-right:0}.mobile-menu{display:grid}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:35}.topbar{padding:0 14px}.topbar h1{font-size:18px}.page-content{padding:18px 13px}.stats-grid,.stats-grid.compact{grid-template-columns:repeat(2,1fr)}.media-grid,.collection-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search-box{flex-basis:100%}.toolbar .select{flex:1}.view-toggle{margin-right:auto}.bulk-bar{align-items:stretch;flex-direction:column}.bulk-bar>div{flex-wrap:wrap}.file-row{grid-template-columns:auto 1fr auto}.file-row .row-value:nth-of-type(n+2){display:none}.modal-grid{grid-template-columns:1fr}.welcome-row{align-items:flex-start}.date-chip{display:none}.topbar-actions .icon-btn{display:none}.share-actions{align-items:stretch;flex-direction:column;gap:10px}.share-actions .btn{width:100%}.share-header{padding:0 14px}.share-expiry{display:none}.modal{padding:17px}.login-panel{padding:15px}.login-card{padding:25px}.activity-row{grid-template-columns:auto 1fr}.activity-row time{grid-column:2}.settings-grid{display:block}.settings-grid>*{margin-bottom:15px}}
@media(max-width:430px){.stats-grid,.stats-grid.compact{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-value{font-size:24px}.topbar-actions .btn{font-size:0;padding:10px}.topbar-actions .btn:after{content:'＋';font-size:18px}.share-layout{width:min(100% - 18px,1200px);padding-top:18px}}
.format-badge{position:absolute;top:10px;left:10px;padding:5px 8px;border-radius:8px;background:rgba(7,9,13,.78);border:1px solid rgba(255,255,255,.1);font-size:9px;font-weight:750;letter-spacing:.08em;backdrop-filter:blur(8px)}.format-badge.raw,.raw-badge{background:rgba(255,122,26,.14);border:1px solid rgba(255,122,26,.35);color:#ffc49a}.media-submeta{display:flex;gap:8px;min-height:18px;margin-top:7px;color:var(--muted2);font-size:9px}.media-submeta span{padding:3px 6px;border-radius:6px;background:#171c24}.file-detail-grid.cinematic{grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:20px}.detail-preview.cinematic{min-height:420px;border:1px solid var(--line);background:#020304}.admin-video-stage,.public-video-stage{position:relative;width:100%;height:100%;min-height:inherit;display:grid;place-items:center;background:#000;overflow:hidden}.admin-video-stage video{width:100%;max-height:68vh;background:#000}.detail-fallback,.playback-fallback{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#05070a}.detail-fallback>img,.playback-fallback>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(6px);opacity:.38;transform:scale(1.04)}.detail-fallback:after,.fallback-shade{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,4,7,.25),rgba(3,4,7,.92))}.detail-fallback>div,.fallback-content{position:relative;z-index:2;width:min(520px,88%);text-align:center;padding:25px}.detail-fallback h3,.fallback-content h3{font-size:25px;margin:13px 0 8px}.detail-fallback p,.fallback-content p{color:var(--muted2);line-height:1.8;margin:0 0 18px}.raw-badge{display:inline-flex;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:800;letter-spacing:.12em}.player-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.detail-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.detail-badges span,.share-file-meta span{display:inline-flex;padding:5px 8px;border-radius:99px;background:#171d26;border:1px solid var(--line);color:var(--muted2);font-size:9px}.modal-footer.stacked{display:grid}.media-modal-head h2{max-width:760px;overflow-wrap:anywhere}.upload-dock-head>div{display:flex;align-items:center;gap:5px}.upload-clear,.upload-cancel{border:0;background:#1b222d;color:var(--muted2);border-radius:8px;padding:6px 8px;font-size:9px}.upload-cancel{color:#ffb3b8;background:rgba(255,93,104,.08)}.upload-cancel:disabled{opacity:.55}.upload-item-head{align-items:center;gap:12px}.upload-file{min-width:0;display:grid;gap:3px}.upload-file small{color:var(--muted);font-size:8px}.upload-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.upload-status{font-size:9px;color:var(--muted2);font-weight:600}.upload-detail{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:8px}.upload-item.done .progress b{background:#36d58e}.upload-item.cancelled .progress b{background:#6e7683}.upload-item.failed .progress b{background:#ff5d68}.share-title.compact{text-align:right;margin:0 0 17px}.share-title.compact h1{font-size:clamp(22px,3vw,38px);margin:5px 0 7px;line-height:1.25}.share-title.compact p{line-height:1.7}.share-file-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.viewer-shell{border-radius:20px;aspect-ratio:16/9;min-height:0}.shared-viewer{height:100%;max-height:none;object-fit:contain}.original-notice{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);font-size:10px}.original-notice b{color:#ffc49a;white-space:nowrap}.original-notice span{color:var(--muted);line-height:1.6}.share-actions{min-height:44px}.share-content{min-width:0}
@media(max-width:980px){.file-detail-grid.cinematic{grid-template-columns:1fr}.detail-preview.cinematic{min-height:360px}.share-title.compact{text-align:right}.share-layout.with-playlist{display:flex;flex-direction:column}.share-playlist{order:2}}
@media(max-width:760px){.share-header{height:64px}.share-header .brand small{display:none}.share-header .brand-mark{width:42px;height:42px}.share-title.compact{margin-bottom:12px}.share-title.compact h1{font-size:24px}.share-title.compact p{font-size:12px}.viewer-shell{border-radius:14px}.share-actions{margin-top:10px}.original-notice{display:grid;gap:5px}.fallback-content{width:92%;padding:18px}.fallback-content h3{font-size:21px}.upload-dock{left:9px;bottom:9px;width:calc(100vw - 18px)}.detail-preview.cinematic{min-height:280px}.media-modal-head h2{font-size:18px}}