:root{--bg:#171b18;--panel:#202621;--panel-2:#272e28;--text:#e1e8df;--muted:#a8b2a7;--accent:#93ad82;--accent-2:#c2b58e;--line:#3c463d;--danger:#b97171}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Georgia,"Noto Serif JP",serif;font-size:16px;line-height:1.8;background:radial-gradient(circle at 85% 0,#91aa7d10 0,transparent 32%),repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 6px),var(--bg)}button,input,textarea,select{font:inherit;color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 28px}.top{border-bottom:1px solid var(--line);background:#171b18ef;backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.row{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:28px;font-weight:900;letter-spacing:-.04em}.back{border:1px solid var(--line);padding:10px 14px;text-decoration:none;color:inherit;background:var(--panel);border-radius:10px;font-weight:800}.back:hover{border-color:var(--accent);background:var(--panel-2)}.hero{padding:46px 0 22px}.hero h1{font-size:58px;line-height:1.05;letter-spacing:-.055em;margin:0 0 12px}.hero p{font-size:16px;color:var(--muted);margin:0}.notice{border:1px solid var(--line);background:var(--panel);padding:14px 16px;font-size:14px;line-height:1.75;margin:18px 0;border-radius:12px;color:#c5cec3}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:1px solid var(--line);background:var(--panel);padding:20px;border-radius:16px;box-shadow:0 12px 32px #0002}.form label{display:grid;gap:7px;font:900 12px ui-monospace,monospace;color:#bdc7bb}.form input,.form textarea,.form select{border:1px solid var(--line);background:#151915;padding:12px 13px;border-radius:10px;font-size:16px;outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #93ad8218}.form textarea{min-height:150px;resize:vertical;line-height:1.7}.form input[type=file]{padding:10px;background:#181d19}.full{grid-column:1/-1}.media-help{font:700 12px/1.6 ui-monospace,monospace;color:var(--muted)}.media-status{grid-column:1/-1;display:none;border:1px solid var(--line);background:#181d19;padding:11px 13px;border-radius:10px;font:800 12px/1.6 ui-monospace,monospace;color:#cbd4c9}.media-status.on{display:block}.media-status.good{border-color:#56705b;color:#bbd1bc}.media-status.bad{border-color:#784d4d;color:#e0b2b2}.current-media{grid-column:1/-1;display:none;gap:10px;border:1px solid var(--line);background:#181d19;padding:12px;border-radius:12px}.current-media.on{display:grid}.current-media video,.current-media img{width:min(440px,100%);max-height:260px;object-fit:contain;background:#0f120f;border-radius:10px;border:1px solid var(--line)}.actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.actions button{border:1px solid var(--line);padding:12px 16px;font-weight:900;border-radius:10px;background:var(--accent);color:#121612}.actions button:disabled{opacity:.55;cursor:wait}.actions .sub{background:var(--panel-2);color:var(--text)}.list{display:grid;gap:14px;margin:34px 0 76px}.item{border:1px solid var(--line);background:var(--panel);padding:18px;border-radius:14px;display:grid;grid-template-columns:1fr auto;gap:16px;box-shadow:0 10px 28px #0002}.item small{font:800 11px ui-monospace,monospace;color:var(--accent)}.item h3{font-size:23px;line-height:1.35;margin:6px 0 10px}.item p{font-size:15px;line-height:1.85;color:#c0c9be;margin:0}.item video,.item img{display:block;width:min(380px,100%);max-height:220px;object-fit:contain;margin:12px 0;background:#0f120f;border-radius:10px;border:1px solid var(--line)}.item .btns{display:flex;gap:8px;align-items:start}.item button{border:1px solid var(--line);padding:8px 11px;background:var(--panel-2);font-size:13px;font-weight:900;border-radius:8px}.item button:hover{border-color:var(--accent)}.item button.del{background:#3a2424;color:#e4baba;border-color:#6b3d3d}.empty{border:1px dashed #566158;padding:28px;text-align:center;color:var(--muted);border-radius:12px;font-size:15px}@media(max-width:700px){.wrap{padding:0 18px}.form{grid-template-columns:1fr}.full,.actions,.media-status,.current-media{grid-column:1}.item{grid-template-columns:1fr}.item .btns{justify-content:flex-start}.hero h1{font-size:44px}.brand{font-size:23px}}