:root{--bg:#0f1115;--panel:#151924;--muted:#8b95a7;--text:#e7ecf3;--primary:#6aa7ff;--primary-600:#4a8df0;--danger:#ff6b6b;--ring:0 0 0 3px rgba(106,167,255,.25)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:radial-gradient(1200px 800px at 80% -10%,#1b2140 0%,transparent 60%),radial-gradient(1000px 600px at -10% 10%,#18203a 0%,transparent 60%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;moz-osx-font-smoothing:grayscale}.header{padding:32px 20px 10px;max-width:1100px;margin:0 auto}.brand{display:flex;align-items:center;gap:10px}.logo{font-size:28px}.title{margin:0;font-size:28px;letter-spacing:.3px}.subtitle{margin:6px 0 0;color:var(--muted)}.container{max-width:1100px;margin:0 auto;padding:10px 20px 40px}.controls{background:var(--panel);border:1px solid #23283a;border-radius:14px;padding:16px;box-shadow:inset 0 1px #ffffff08,0 8px 24px #00000040}.control-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.options{align-items:center}.opt{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #27324d;border-radius:10px;background:#151a2a;color:#cfe0ff}.opt select{background:#0e1422;border:1px solid #2a3552;color:#cfe0ff;border-radius:8px;padding:6px}.timer{margin-left:auto;font-variant-numeric:tabular-nums;background:#0c1424;border:1px solid #27324d;border-radius:10px;padding:6px 10px;color:#9ad178}.hints{color:var(--muted);font-size:13px}.btn{appearance:none;border:1px solid #25314a;background:#1a2236;color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer;transition:.15s ease;box-shadow:inset 0 1px #ffffff0f}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:focus{outline:none;box-shadow:var(--ring)}.btn.primary{background:linear-gradient(180deg,var(--primary),var(--primary-600));border-color:#2c5da8;color:#0b1426}.btn.danger{background:linear-gradient(180deg,#ff8787,var(--danger));border-color:#a33030;color:#2b0b0b}.btn.ghost{background:transparent}.preview{margin:18px 0}.preview video{width:100%;max-height:60vh;background:#0a0d14;border:1px solid #23283a;border-radius:14px}.status{margin-top:8px;color:var(--muted);min-height:18px}.gallery{margin-top:24px}.gallery h2{margin:0 0 10px;font-size:18px;color:#cfd8e3}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.card{background:var(--panel);border:1px solid #23283a;border-radius:12px;overflow:hidden}.card .thumb{width:100%;aspect-ratio:16/10;object-fit:cover;background:#0a0d14}.card .meta{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;color:#c9d3e7}.card .actions{display:flex;gap:8px;padding:0 10px 10px}.link{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;border:1px solid #2a3552;background:#172034;color:var(--text);text-decoration:none}.link:hover{transform:translateY(-1px)}.empty{color:var(--muted);text-align:center;padding:20px;border:1px dashed #303957;border-radius:12px}@media (max-width:640px){.control-row{flex-direction:column}.btn{width:100%}}