:root{--bg:#0b0d12;--panel:#121722;--panel2:#171d2a;--text:#edf2ff;--muted:#8e9ab4;--line:#263146;--accent:#6d8cff;--accent2:#9b6dff;--danger:#ff6270;--ok:#31c48d;--radius:18px;--shadow:0 18px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(109,140,255,.2),transparent 35%),linear-gradient(135deg,#080a0f,#0e111a 55%,#0b0f17);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:rgba(9,12,18,.82);border-right:1px solid var(--line);padding:26px 18px;backdrop-filter:blur(16px)}.brand{font-weight:800;font-size:28px;letter-spacing:-1px;margin-bottom:28px}.brand span{color:var(--accent)}nav a{display:block;padding:13px 14px;margin:8px 0;border-radius:12px;color:var(--muted)}nav a.active,nav a:hover{background:linear-gradient(135deg,rgba(109,140,255,.25),rgba(155,109,255,.17));color:#fff}.logout{position:absolute;bottom:24px;left:18px;right:18px}.logout button{width:100%;background:#161b26;color:var(--muted);border:1px solid var(--line);padding:10px;border-radius:12px}.main{margin-left:230px;padding:32px;max-width:1380px}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(109,140,255,.22),rgba(155,109,255,.08)),rgba(18,23,34,.85);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px}.hero h1,.page-title h1{margin:0 0 10px;font-size:34px}.hero p,.page-title p{margin:0;color:var(--muted)}.card{background:rgba(18,23,34,.82);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:22px}.card h2{margin:0 0 16px;font-size:20px}.card h3{margin:16px 0 8px}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.compact{gap:14px}.stat b{font-size:36px;display:block}.stat span{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#1a2130;color:#fff;border-radius:12px;padding:11px 16px;cursor:pointer;font-weight:650}.btn:hover{border-color:var(--accent)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border:none}.btn.big{font-size:16px;padding:14px 20px}.btn.small{font-size:13px;padding:7px 11px;border-radius:9px}.btn.danger{background:rgba(255,98,112,.12);color:#ff9aa4}.notice{padding:14px 16px;border-radius:14px;margin-bottom:18px;border:1px solid var(--line)}.notice.ok{background:rgba(49,196,141,.12);border-color:rgba(49,196,141,.35)}.notice.danger,.notice.error{background:rgba(255,98,112,.12);border-color:rgba(255,98,112,.35)}.muted{color:var(--muted)}.small{font-size:13px}.page-title{margin-bottom:24px}.form label{display:block;color:#cdd6eb;margin:15px 0 8px;font-weight:650}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);background:#0c1018;color:#fff;border-radius:13px;padding:12px 13px;outline:none}.form textarea{resize:vertical;line-height:1.65}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--accent)}.checks{display:flex;flex-wrap:wrap;gap:12px}.checks label{display:flex;align-items:center;gap:7px;background:#0d121b;border:1px solid var(--line);padding:10px 12px;border-radius:12px;margin:0}.checks input{width:auto}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.template-card{background:#0d121b;border:1px solid var(--line);border-radius:16px;padding:16px}.template-card h3{margin:12px 0 6px}.template-card p{color:var(--muted);font-size:13px;min-height:36px}.thumb{height:120px;border-radius:14px;background:linear-gradient(135deg,rgba(109,140,255,.8),rgba(155,109,255,.8));display:flex;align-items:center;justify-content:center}.thumb span{font-size:28px;font-weight:800}.actions{display:flex;gap:10px;align-items:center}.actions form{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px;vertical-align:top}th{color:#ccd7ef;font-weight:700;background:#111824}td{color:#e8eefc}.check-list{list-style:none;margin:0;padding:0}.check-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.check-list li.yes em{color:var(--ok)}.check-list li.no em{color:var(--danger)}.steps{color:#dce5f8;line-height:1.85}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}code{background:#0c1018;border:1px solid var(--line);border-radius:8px;padding:2px 7px;color:#b9c7ff}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px}.login-card{width:420px;background:rgba(18,23,34,.9);border:1px solid rgba(255,255,255,.09);border-radius:24px;box-shadow:var(--shadow);padding:34px;text-align:center}.login-card h1{margin:12px 0 8px}.login-card p{color:var(--muted)}.login-card input{width:100%;padding:14px;border-radius:13px;border:1px solid var(--line);background:#0c1018;color:white;margin:14px 0}.login-card button{width:100%}.logo-badge{width:66px;height:66px;border-radius:20px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;margin:0 auto;font-weight:900;font-size:20px}@media(max-width:900px){.sidebar{position:static;width:auto;border-right:none;border-bottom:1px solid var(--line)}.main{margin-left:0;padding:20px}.grid.two,.grid.three{grid-template-columns:1fr}.hero{display:block}.hero .btn{margin-top:18px}nav{display:flex;overflow:auto;gap:8px}nav a{white-space:nowrap}.logout{position:static;margin-top:16px}}

/* v3: async generation, template picker, live preview */
.template-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:8px 0 18px}.pick-card{display:flex;align-items:center;gap:12px;background:#0d121b;border:1px solid var(--line);border-radius:16px;padding:12px;cursor:pointer;transition:.18s}.pick-card:hover,.pick-card.active{border-color:var(--accent);background:linear-gradient(135deg,rgba(109,140,255,.18),rgba(155,109,255,.1)),#0d121b}.pick-card input{display:none}.mini-thumb{width:58px;height:58px;flex:0 0 58px;border-radius:14px;background:linear-gradient(135deg,rgba(109,140,255,.8),rgba(155,109,255,.8));display:flex;align-items:center;justify-content:center;font-weight:800}.pick-info{flex:1;min-width:0}.pick-info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-info em{display:block;color:var(--muted);font-size:12px;font-style:normal;margin-top:4px}.progress-bar{height:16px;background:#0c1018;border:1px solid var(--line);border-radius:999px;overflow:hidden}.progress-bar i{display:block;height:100%;background:linear-gradient(135deg,var(--accent),var(--accent2));transition:width .28s ease}.live-preview{margin-top:16px}.slide-preview-placeholder{min-height:180px;border:1px dashed var(--line);border-radius:16px;background:#0d121b;color:var(--muted);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}.slide-live-card{min-height:230px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(135deg,rgba(109,140,255,.18),rgba(155,109,255,.08)),#0d121b;padding:28px}.slide-live-card .slide-num{color:#aebbef;font-size:13px;margin-bottom:16px}.slide-live-card h3{font-size:28px;margin:0 0 8px}.slide-live-card .subtitle{color:#c7d2ff}.slide-live-card ul{line-height:1.85}.slide-live-card .body{color:var(--muted);line-height:1.7}.danger-text{color:var(--danger)!important}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:50}.modal-mask{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}.modal-box{position:relative;width:min(1060px,calc(100vw - 36px));max-height:86vh;overflow:auto;margin:7vh auto;background:#111724;border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:var(--shadow);padding:22px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.modal-head h2{margin:0}.modal-close{width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:#0d121b;color:#fff;font-size:24px;cursor:pointer}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.preview-card{background:#0d121b;border:1px solid var(--line);border-radius:16px;padding:14px}.preview-shot{height:160px;border-radius:12px;background:#080c13;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px}.preview-shot img{width:100%;height:100%;object-fit:cover}.preview-shot .no-img{color:var(--muted);font-size:13px}.preview-card b{display:block;margin-bottom:4px}.preview-card em{display:block;color:var(--muted);font-size:12px;font-style:normal}.preview-texts{margin-top:10px;max-height:170px;overflow:auto}.preview-texts p{margin:0 0 7px;color:#dce5f8;font-size:13px;line-height:1.45}.thumb{border:0;color:#fff;width:100%;cursor:pointer;position:relative}.thumb em{position:absolute;right:10px;bottom:9px;font-size:12px;color:#e7ecff;font-style:normal;background:rgba(0,0,0,.28);padding:4px 7px;border-radius:999px}.template-card .actions{flex-wrap:wrap}@media(max-width:900px){.preview-grid{grid-template-columns:1fr}.template-picker{grid-template-columns:1fr}.pick-card{align-items:flex-start}.pick-card .btn{margin-left:auto}}