diff --git a/feed.php b/feed.php
index 80a0d01..8874775 100644
--- a/feed.php
+++ b/feed.php
@@ -3,6 +3,15 @@ date_default_timezone_set('Europe/Copenhagen');
$config = require __DIR__ . "/config.php";
function x($s){ return htmlspecialchars((string)$s, ENT_XML1 | ENT_QUOTES, "UTF-8"); }
function nice_title($s){ return trim(ucwords(str_replace(['_','-'], ' ', $s))); }
+function hidden_video_outputs($config){
+ $hidden = [];
+ foreach (glob($config['uploads_dir'].'/*', GLOB_ONLYDIR) ?: [] as $dir) {
+ if (!is_file($dir . '/.mvlog-hidden')) continue;
+ $state = is_file($dir . '/.movmaker-state.json') ? json_decode((string)file_get_contents($dir . '/.movmaker-state.json'), true) : [];
+ if (is_array($state) && !empty($state['output'])) $hidden[basename((string)$state['output'])] = true;
+ }
+ return $hidden;
+}
function video_metadata($path){
$base = pathinfo($path, PATHINFO_FILENAME);
$meta = ['title'=>nice_title($base),'date'=>date('Y-m-d',filemtime($path)),'location'=>'','description'=>''];
@@ -22,7 +31,8 @@ function video_metadata($path){
$scheme = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') ? 'https' : 'https';
$host = $_SERVER['HTTP_HOST'] ?? 'bubulescu.org';
$baseUrl = $scheme . '://' . $host . rtrim(dirname($_SERVER['SCRIPT_NAME']), '/');
-$videos = glob($config['videos_dir'].'/*.{mp4,webm,mov,m4v}', GLOB_BRACE) ?: [];
+$hiddenOutputs = hidden_video_outputs($config);
+$videos = array_values(array_filter(glob($config['videos_dir'].'/*.{mp4,webm,mov,m4v}', GLOB_BRACE) ?: [], fn($v)=>empty($hiddenOutputs[basename($v)])));
usort($videos, fn($a,$b)=>filemtime($b)<=>filemtime($a));
$videos = array_slice($videos,0,20);
header('Content-Type: application/rss+xml; charset=UTF-8');
diff --git a/index.php b/index.php
index df2fed3..8ff8249 100644
--- a/index.php
+++ b/index.php
@@ -5,6 +5,15 @@ foreach (["videos_dir", "thumbs_dir", "uploads_dir"] as $d) if (!is_dir($config[
if (!is_dir(__DIR__ . "/cache")) mkdir(__DIR__ . "/cache", 0775, true);
function h($s){ return htmlspecialchars((string)$s, ENT_QUOTES, "UTF-8"); }
function nice_title($s){ return trim(ucwords(str_replace(['_','-'], ' ', $s))); }
+function hidden_video_outputs($config){
+ $hidden = [];
+ foreach (glob($config['uploads_dir'].'/*', GLOB_ONLYDIR) ?: [] as $dir) {
+ if (!is_file($dir . '/.mvlog-hidden')) continue;
+ $state = is_file($dir . '/.movmaker-state.json') ? json_decode((string)file_get_contents($dir . '/.movmaker-state.json'), true) : [];
+ if (is_array($state) && !empty($state['output'])) $hidden[basename((string)$state['output'])] = true;
+ }
+ return $hidden;
+}
function video_metadata($path){
$base = pathinfo($path, PATHINFO_FILENAME);
$meta = ['title' => nice_title($base), 'date' => date('Y-m-d', filemtime($path)), 'sort_date' => date('Y-m-d', filemtime($path)), 'location' => '', 'description' => ''];
@@ -75,7 +84,8 @@ function load_video_cache($videos){
}
return $newItems;
}
-$videos = glob($config['videos_dir'].'/*.{mp4,webm,mov,m4v}', GLOB_BRACE) ?: [];
+$hiddenOutputs = hidden_video_outputs($config);
+$videos = array_values(array_filter(glob($config['videos_dir'].'/*.{mp4,webm,mov,m4v}', GLOB_BRACE) ?: [], fn($v)=>empty($hiddenOutputs[basename($v)])));
$videoCache = load_video_cache($videos);
usort($videos, function($a, $b) use ($videoCache) {
$am = $videoCache[basename($a)] ?? [];
diff --git a/new.php b/new.php
index c20fd50..f324027 100644
--- a/new.php
+++ b/new.php
@@ -6,7 +6,7 @@ foreach (["videos_dir", "thumbs_dir", "uploads_dir"] as $d) if (!is_dir($config[
function h($s){ return htmlspecialchars((string)$s, ENT_QUOTES, "UTF-8"); }
function slugify($s){ $s = strtolower(trim($s)); $s = preg_replace('/[^a-z0-9]+/', '-', $s); return trim($s, '-') ?: 'movie'; }
function rrmdir($dir){ if(!is_dir($dir)) return; foreach(scandir($dir) as $f){ if($f==='.'||$f==='..') continue; $p="$dir/$f"; is_dir($p)?rrmdir($p):unlink($p);} rmdir($dir); }
-function input_dirs($base){ $dirs = glob($base.'/*', GLOB_ONLYDIR) ?: []; usort($dirs, fn($a,$b)=>filemtime($b)<=>filemtime($a)); return $dirs; }
+function input_dirs($base){ return glob($base.'/*', GLOB_ONLYDIR) ?: []; }
function safe_input_dir($base, $name){ $name = basename((string)$name); $path = realpath($base . '/' . $name); $root = realpath($base); if (!$path || !$root || !str_starts_with($path, $root . DIRECTORY_SEPARATOR) || !is_dir($path)) throw new RuntimeException('Invalid input directory.'); return $path; }
function read_data($dir){
$data = ['title'=>'','date'=>'','place'=>'','description'=>'','captions'=>[],'video_audio'=>[]]; $file = $dir . '/data.txt';
@@ -133,6 +133,16 @@ function unique_input_dir($base, $slug){
if (!file_exists($candidate)) return $candidate;
}
}
+function input_dir_sort_date($dir){
+ $data = read_data($dir);
+ return input_dir_date_from_text($data['date'] ?? '') ?? input_dir_date_from_media($dir);
+}
+function sort_input_dirs_by_metadata_date(&$dirs){
+ usort($dirs, function($a, $b) {
+ $cmp = strcmp(input_dir_sort_date($b), input_dir_sort_date($a));
+ return $cmp !== 0 ? $cmp : strnatcasecmp(basename($b), basename($a));
+ });
+}
function orphan_videos($config){
$referenced = [];
foreach (input_dirs($config['uploads_dir']) as $dir) {
@@ -152,6 +162,18 @@ function input_dir_status($dir){
return in_array($status, ['processing', 'stale'], true) ? $status : '';
}
function input_dir_running($dir){ return input_dir_status($dir) !== ''; }
+function input_dir_enabled($dir){ return is_file($dir . '/.movmaker-enabled'); }
+function set_input_dir_enabled($dir, $enabled){
+ $path = $dir . '/.movmaker-enabled';
+ if ($enabled) { file_put_contents($path, "enabled\n"); chmod($path, 0664); }
+ elseif (is_file($path)) unlink($path);
+}
+function input_dir_visible($dir){ return !is_file($dir . '/.mvlog-hidden'); }
+function set_input_dir_visible($dir, $visible){
+ $path = $dir . '/.mvlog-hidden';
+ if ($visible) { if (is_file($path)) unlink($path); }
+ else { file_put_contents($path, "hidden\n"); chmod($path, 0664); }
+}
function paginate($items, $page, $perPage = 10){
$total = count($items);
$pages = max(1, (int)ceil($total / $perPage));
@@ -208,6 +230,16 @@ try {
write_data($dir, $_POST);
$msg = "Created movmaker input directory: in-dir/$slug";
$_GET['edit'] = $slug;
+ } elseif ($action === 'set_enabled') {
+ $dir = safe_input_dir($config['uploads_dir'], $_POST['dir'] ?? '');
+ set_input_dir_enabled($dir, !empty($_POST['enabled']));
+ header('Location: new.php?tab=edit&msg=' . rawurlencode((!empty($_POST['enabled']) ? 'Enabled rendering for: in-dir/' : 'Disabled rendering for: in-dir/') . basename($dir)));
+ exit;
+ } elseif ($action === 'set_visible') {
+ $dir = safe_input_dir($config['uploads_dir'], $_POST['dir'] ?? '');
+ set_input_dir_visible($dir, !empty($_POST['visible']));
+ header('Location: new.php?tab=edit&msg=' . rawurlencode((!empty($_POST['visible']) ? 'Shown: in-dir/' : 'Hidden: in-dir/') . basename($dir)));
+ exit;
} elseif ($action === 'update') {
$dir = safe_input_dir($config['uploads_dir'], $_POST['dir'] ?? '');
if (input_dir_running($dir)) throw new RuntimeException('This input directory is being rendered. Editing is disabled until the job completes.');
@@ -252,6 +284,7 @@ try {
}
} catch (Throwable $e) { $err = $e->getMessage(); }
$dirs = input_dirs($config['uploads_dir']);
+sort_input_dirs_by_metadata_date($dirs);
$orphanVideos = orphan_videos($config);
$tab = $_GET['tab'] ?? (isset($_GET['edit']) ? 'edit' : 'new');
$page = max(1, (int)($_GET['page'] ?? 1));
@@ -266,7 +299,7 @@ if ($editName !== '') { try { $editDir = safe_input_dir($config['uploads_dir'],
=h($msg)?>
=h($err)?>
Videos without input dir
No orphan videos.
=page_links('videos',$videoPage,$videoPages)?>
-Existing input dirs
No input directories yet.
=h($data['title'] ?: basename($d))?>
=h(basename($d))?> · =h(count(list_files($d)))?> files= $running ? ' · '.h(ucfirst($runStatus)) : '' ?>
=h(ucfirst($runStatus))?>Edit =page_links('edit',$editPage,$editPages)?>
+Existing input dirs
No input directories yet.
=h($data['title'] ?: basename($d))?>
=h(basename($d))?> · =h(count(list_files($d)))?> files · = $enabled ? 'Rendering enabled' : 'Rendering disabled' ?> · = $visible ? 'Shown' : 'Hidden' ?>= $running ? ' · '.h(ucfirst($runStatus)) : '' ?>
=h(ucfirst($runStatus))?>Edit =page_links('edit',$editPage,$editPages)?>
Edit input dir
in-dir/=h(basename($editDir))?>
This input directory is =h($editStatus)?>. Editing is disabled until the job completes.
diff --git a/style.css b/style.css
index 750b64a..2c368f7 100644
--- a/style.css
+++ b/style.css
@@ -1 +1 @@
-@font-face{font-family:BebasNeue;src:url('assets/fonts/BebasNeue-Regular.ttf')}@font-face{font-family:IBMPlexCaption;src:url('assets/fonts/IBMPlexSans-SemiBold.ttf')}@font-face{font-family:NotoStamp;src:url('assets/fonts/NotoSans-Bold.ttf')}:root{font-family:IBMPlexCaption,system-ui,sans-serif;color:#F3F4F6;background:#111315}body{margin:0;background:#111315 url(assets/img/background.jpg) center center/cover fixed no-repeat;min-height:100vh}body::before{content:'';position:fixed;inset:0;background:rgba(17,19,21,.78);z-index:-1}header{position:sticky;top:0;z-index:1000;background:rgba(27,30,34,.96);backdrop-filter:blur(6px);color:#F3F4F6;padding:.55rem max(1rem,calc((100vw - 1100px)/2 + 1rem));box-sizing:border-box;text-align:center;box-shadow:0 2px 16px #0008}header h1{font-family:NotoStamp,system-ui,sans-serif;font-size:2.15rem;letter-spacing:.06em;margin:0}.site-header{background:linear-gradient(180deg,rgba(27,30,34,.88),rgba(27,30,34,.62));border-bottom:1px solid rgba(59,167,160,.35)}.brand-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.brand{display:inline-block;padding:.1rem 1.5rem .3rem;border-bottom:2px solid #3BA7A0;text-decoration:none;color:#F3F4F6}.brand p{font-family:NotoStamp,system-ui,sans-serif;margin:.1rem 0 0;color:#A0A4AB;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase}.header-logo{position:absolute;right:calc(100% - 1.65rem);top:60%;transform:translateY(-50%);display:block;width:6.7rem;height:6.7rem;overflow:visible}.header-logo img{width:100%;height:100%;object-fit:contain;display:block}.rss-link{position:absolute;right:max(1rem,calc((100vw - 1100px)/2 + 1rem));top:.8rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;background:#F26522;border:1px solid #F26522;border-radius:.4rem;text-decoration:none;color:#fff}.rss-link svg{width:1rem;height:1rem;fill:currentColor}.rss-link:hover{background:#ff7a33;border-color:#ff7a33;color:#fff}.admin-header{padding-bottom:.55rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.admin-header .brand-wrap{grid-column:2}.admin-header .brand{grid-column:auto}.admin-left{grid-column:1;justify-self:start;display:flex;align-items:center;gap:.7rem}.admin-right{grid-column:3;justify-self:end;display:flex;align-items:center;gap:.6rem}.job-status{display:flex;align-items:center;gap:.45rem;max-width:360px;overflow:hidden;white-space:nowrap;color:#A0A4AB;font-size:.82rem}.job-status strong{color:#F3F4F6;font-weight:600}.job-dot{width:.55rem;height:.55rem;border-radius:50%;background:#C46A3A;box-shadow:0 0 0 .18rem rgba(196,106,58,.18)}.logout-link{background:#111315;border:1px solid #3BA7A0;border-radius:.4rem;padding:.35rem .7rem;text-decoration:none;color:#F3F4F6;font-size:.82rem}.logout-link:hover{background:#3BA7A0;color:#111315}a{color:#3BA7A0}.button,button{background:#C46A3A;color:#111315;border:0;border-radius:.5rem;padding:.7rem 1rem;text-decoration:none;cursor:pointer}.button.disabled{background:#3a3d42;color:#A0A4AB;cursor:not-allowed;opacity:.75}button.danger{background:#8B1E1E;color:#F3F4F6}button.danger:hover{background:#B32626}nav a{margin-left:1rem;color:#F3F4F6}main{max-width:1100px;margin:2rem auto;padding:0 1rem}.tabs{display:flex;gap:.25rem;justify-content:flex-start;margin:0;border-bottom:0}.tabs a{background:#111315;padding:.35rem .7rem;border:1px solid #3BA7A0;border-radius:.4rem;text-decoration:none;color:#F3F4F6;margin:0;font-size:.82rem;position:static}.tabs a.active{background:#C46A3A;color:#111315;border-color:#C46A3A}.video-list{display:flex;flex-direction:column;gap:1rem}.video-row,form{background:rgba(27,30,34,.92);backdrop-filter:blur(2px);border-radius:.8rem;padding:1rem;box-shadow:0 2px 16px #0006}.video-row{position:relative;display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:1rem;align-items:start}.video-row>.created-at{position:absolute;top:.75rem;right:1rem;color:#A0A4AB;font-family:system-ui,sans-serif;font-size:.9rem;font-weight:400}.video-row video{width:100%;aspect-ratio:16/9;background:#111315;border-radius:.5rem}.video-info h2{font-size:1.6rem;margin:.1rem 0 .5rem}.meta{display:flex;gap:.5rem;flex-wrap:wrap;color:#A0A4AB;margin:.25rem 0}.meta span{background:#26383A;border-radius:999px;padding:.25rem .55rem}.meta .new-badge{background:#C46A3A;color:#111315;text-transform:uppercase;letter-spacing:.08em}.description{font-family:system-ui,sans-serif;font-weight:400;font-size:.9rem;line-height:1.4;color:#F3F4F6;margin:.8rem 0}.details{color:#A0A4AB;font-size:.9rem}label{display:block;margin:.8rem 0;font-weight:600}.counter{display:block;margin-top:.25rem;color:#A0A4AB;font-size:.8rem;font-weight:400}input,textarea{display:block;width:100%;box-sizing:border-box;margin-top:.3rem;padding:.65rem;border:1px solid #3BA7A0;background:#111315;color:#F3F4F6;border-radius:.45rem}.checkbox-label{display:flex;align-items:center;justify-content:flex-start;gap:.55rem;width:max-content;max-width:100%;margin:.8rem 0}.checkbox-label input{display:inline-block;width:auto;margin:0;padding:0}.checkbox-label span{font-weight:600}textarea{min-height:6rem}.ok,.err{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.ok{background:#1f3b32;color:#F3F4F6}.err{background:#4a241f;color:#F3F4F6}.pages a{display:inline-block;margin:.2rem;padding:.45rem .7rem;background:#1B1E22;border-radius:.4rem;text-decoration:none}.pages .active{background:#C46A3A;color:#111315}footer{font-family:NotoStamp,system-ui,sans-serif;text-align:center;color:#A0A4AB;padding:2rem;font-size:.8rem}.admin-list{display:flex;flex-direction:column;gap:.7rem}.admin-item,.file-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:rgba(27,30,34,.92);padding:.8rem;border-radius:.6rem}.admin-item span,.file-row span{color:#A0A4AB}.file-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.file-row{margin:0}.file-row button{padding:.45rem .7rem}.caption-row{display:grid;grid-template-columns:140px 1fr auto;gap:1rem;align-items:start;background:rgba(27,30,34,.92);padding:.8rem;border-radius:.6rem}.preview img,.preview video{width:140px;aspect-ratio:16/9;object-fit:cover;border-radius:.4rem;background:#111315}.preview span{display:grid;place-items:center;width:140px;aspect-ratio:16/9;background:#111315;border-radius:.4rem;color:#A0A4AB}.caption-fields textarea{min-height:4rem}.caption-fields strong{display:block;margin-bottom:.35rem}@media(max-width:760px){.caption-row{grid-template-columns:1fr}.preview img,.preview video,.preview span{width:100%}}@media(max-width:760px){.video-row{grid-template-columns:1fr}header h1{font-size:1.8rem}}
+@font-face{font-family:BebasNeue;src:url('assets/fonts/BebasNeue-Regular.ttf')}@font-face{font-family:IBMPlexCaption;src:url('assets/fonts/IBMPlexSans-SemiBold.ttf')}@font-face{font-family:NotoStamp;src:url('assets/fonts/NotoSans-Bold.ttf')}:root{font-family:IBMPlexCaption,system-ui,sans-serif;color:#F3F4F6;background:#111315}body{margin:0;background:#111315 url(assets/img/background.jpg) center center/cover fixed no-repeat;min-height:100vh}body::before{content:'';position:fixed;inset:0;background:rgba(17,19,21,.78);z-index:-1}header{position:sticky;top:0;z-index:1000;background:rgba(27,30,34,.96);backdrop-filter:blur(6px);color:#F3F4F6;padding:.55rem max(1rem,calc((100vw - 1100px)/2 + 1rem));box-sizing:border-box;text-align:center;box-shadow:0 2px 16px #0008}header h1{font-family:NotoStamp,system-ui,sans-serif;font-size:2.15rem;letter-spacing:.06em;margin:0}.site-header{background:linear-gradient(180deg,rgba(27,30,34,.88),rgba(27,30,34,.62));border-bottom:1px solid rgba(59,167,160,.35)}.brand-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.brand{display:inline-block;padding:.1rem 1.5rem .3rem;border-bottom:2px solid #3BA7A0;text-decoration:none;color:#F3F4F6}.brand p{font-family:NotoStamp,system-ui,sans-serif;margin:.1rem 0 0;color:#A0A4AB;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase}.header-logo{position:absolute;right:calc(100% - 1.65rem);top:60%;transform:translateY(-50%);display:block;width:6.7rem;height:6.7rem;overflow:visible}.header-logo img{width:100%;height:100%;object-fit:contain;display:block}.rss-link{position:absolute;right:max(1rem,calc((100vw - 1100px)/2 + 1rem));top:.8rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;background:#F26522;border:1px solid #F26522;border-radius:.4rem;text-decoration:none;color:#fff}.rss-link svg{width:1rem;height:1rem;fill:currentColor}.rss-link:hover{background:#ff7a33;border-color:#ff7a33;color:#fff}.admin-header{padding-bottom:.55rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.admin-header .brand-wrap{grid-column:2}.admin-header .brand{grid-column:auto}.admin-left{grid-column:1;justify-self:start;display:flex;align-items:center;gap:.7rem}.admin-right{grid-column:3;justify-self:end;display:flex;align-items:center;gap:.6rem}.job-status{display:flex;align-items:center;gap:.45rem;max-width:360px;overflow:hidden;white-space:nowrap;color:#A0A4AB;font-size:.82rem}.job-status strong{color:#F3F4F6;font-weight:600}.job-dot{width:.55rem;height:.55rem;border-radius:50%;background:#C46A3A;box-shadow:0 0 0 .18rem rgba(196,106,58,.18)}.logout-link{background:#111315;border:1px solid #3BA7A0;border-radius:.4rem;padding:.35rem .7rem;text-decoration:none;color:#F3F4F6;font-size:.82rem}.logout-link:hover{background:#3BA7A0;color:#111315}a{color:#3BA7A0}.button,button{background:#C46A3A;color:#111315;border:0;border-radius:.5rem;padding:.7rem 1rem;text-decoration:none;cursor:pointer}.button.disabled{background:#3a3d42;color:#A0A4AB;cursor:not-allowed;opacity:.75}button.danger{background:#8B1E1E;color:#F3F4F6}button.danger:hover{background:#B32626}nav a{margin-left:1rem;color:#F3F4F6}main{max-width:1100px;margin:2rem auto;padding:0 1rem}.tabs{display:flex;gap:.25rem;justify-content:flex-start;margin:0;border-bottom:0}.tabs a{background:#111315;padding:.35rem .7rem;border:1px solid #3BA7A0;border-radius:.4rem;text-decoration:none;color:#F3F4F6;margin:0;font-size:.82rem;position:static}.tabs a.active{background:#C46A3A;color:#111315;border-color:#C46A3A}.video-list{display:flex;flex-direction:column;gap:1rem}.video-row,form{background:rgba(27,30,34,.92);backdrop-filter:blur(2px);border-radius:.8rem;padding:1rem;box-shadow:0 2px 16px #0006}.video-row{position:relative;display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:1rem;align-items:start}.video-row>.created-at{position:absolute;top:.75rem;right:1rem;color:#A0A4AB;font-family:system-ui,sans-serif;font-size:.9rem;font-weight:400}.video-row video{width:100%;aspect-ratio:16/9;background:#111315;border-radius:.5rem}.video-info h2{font-size:1.6rem;margin:.1rem 0 .5rem}.meta{display:flex;gap:.5rem;flex-wrap:wrap;color:#A0A4AB;margin:.25rem 0}.meta span{background:#26383A;border-radius:999px;padding:.25rem .55rem}.meta .new-badge{background:#C46A3A;color:#111315;text-transform:uppercase;letter-spacing:.08em}.description{font-family:system-ui,sans-serif;font-weight:400;font-size:.9rem;line-height:1.4;color:#F3F4F6;margin:.8rem 0}.details{color:#A0A4AB;font-size:.9rem}label{display:block;margin:.8rem 0;font-weight:600}.counter{display:block;margin-top:.25rem;color:#A0A4AB;font-size:.8rem;font-weight:400}input,textarea{display:block;width:100%;box-sizing:border-box;margin-top:.3rem;padding:.65rem;border:1px solid #3BA7A0;background:#111315;color:#F3F4F6;border-radius:.45rem}.checkbox-label{display:flex;align-items:center;justify-content:flex-start;gap:.55rem;width:max-content;max-width:100%;margin:.8rem 0}.checkbox-label input{display:inline-block;width:auto;margin:0;padding:0}.checkbox-label span{font-weight:600}textarea{min-height:6rem}.ok,.err{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.ok{background:#1f3b32;color:#F3F4F6}.err{background:#4a241f;color:#F3F4F6}.pages a{display:inline-block;margin:.2rem;padding:.45rem .7rem;background:#1B1E22;border-radius:.4rem;text-decoration:none}.pages .active{background:#C46A3A;color:#111315}footer{font-family:NotoStamp,system-ui,sans-serif;text-align:center;color:#A0A4AB;padding:2rem;font-size:.8rem}.admin-list{display:flex;flex-direction:column;gap:.7rem}.admin-item,.file-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:rgba(27,30,34,.92);padding:.8rem;border-radius:.6rem}.admin-switches{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.admin-main{flex:1}.admin-actions{display:flex;align-items:center;gap:.6rem}.inline-form{display:inline;margin:0;padding:0;background:none;box-shadow:none;backdrop-filter:none}.switch-label{display:flex;align-items:center;gap:.45rem;margin:0;color:#A0A4AB;font-size:.85rem;cursor:pointer}.switch-label input{position:absolute;opacity:0;pointer-events:none}.switch-ui{position:relative;display:inline-block;width:2.55rem;height:1.35rem;border-radius:999px;background:#3a3d42;border:1px solid #555b63;transition:.18s}.switch-ui::after{content:"";position:absolute;width:1rem;height:1rem;left:.15rem;top:.13rem;border-radius:50%;background:#A0A4AB;box-shadow:0 1px 4px #0008;transition:.18s}.switch-label input:checked+.switch-ui{background:#1f5f59;border-color:#3BA7A0;box-shadow:0 0 0 .18rem rgba(59,167,160,.13)}.switch-label input:checked+.switch-ui::after{left:1.32rem;background:#F3F4F6}.switch-label input:disabled+.switch-ui{opacity:.45;cursor:not-allowed}.switch-label input:disabled~.switch-text{opacity:.55}.admin-item span,.file-row span{color:#A0A4AB}.file-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.file-row{margin:0}.file-row button{padding:.45rem .7rem}.caption-row{display:grid;grid-template-columns:140px 1fr auto;gap:1rem;align-items:start;background:rgba(27,30,34,.92);padding:.8rem;border-radius:.6rem}.preview img,.preview video{width:140px;aspect-ratio:16/9;object-fit:cover;border-radius:.4rem;background:#111315}.preview span{display:grid;place-items:center;width:140px;aspect-ratio:16/9;background:#111315;border-radius:.4rem;color:#A0A4AB}.caption-fields textarea{min-height:4rem}.caption-fields strong{display:block;margin-bottom:.35rem}@media(max-width:760px){.caption-row{grid-template-columns:1fr}.preview img,.preview video,.preview span{width:100%}}@media(max-width:760px){.video-row{grid-template-columns:1fr}header h1{font-size:1.8rem}}