*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,Segoe UI,Microsoft YaHei,sans-serif;background:#f6f8fb;color:#1f2329}a{color:#ff5a1f;text-decoration:none}.site-root{display:flex;min-height:100vh;flex-direction:column}.site-content{flex:1 1;min-height:0}.site-footer{flex-shrink:0;padding:12px 20px;border-top:1px solid #e8ecf3;background:#fff;font-size:13px;text-align:center}.site-footer,.site-footer a{color:#6b7280}.site-footer a:hover{color:#ff5a1f}.layout{display:flex;min-height:calc(100vh - 43px)}.sidebar{width:240px;background:#fff;color:#475569;padding:6px 0 16px;flex-shrink:0;border-right:1px solid #e8ecf3}.sidebar h1{font-size:clamp(18px,2.05vw,22px);font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ff5a1f;padding:18px;margin:0;border-bottom:1px solid #eef1f6}.sidebar nav{margin-top:8px}.sidebar nav a{display:flex;align-items:center;color:#475569;height:52px;padding:0 18px;font-size:18px;border-left:4px solid transparent}.sidebar nav a:hover{background:#f4f6fb;color:#1f2329}.sidebar nav a.active{background:#fff3ee;color:#ff5a1f;border-left-color:#ff5a1f;font-weight:700}.main{flex:1 1;width:100%;min-width:0;padding:20px 28px;max-width:none}.topbar{justify-content:space-between;margin-bottom:18px;background:#fff;border:1px solid #e8ecf3;border-radius:10px;padding:10px 16px;box-shadow:0 1px 3px rgba(16,24,40,.04)}.topbar,.topbar .left{display:flex;align-items:center}.topbar .left{gap:12px}.topbar .project-pick{display:flex;align-items:center;gap:8px}.topbar .project-pick select{width:auto;min-width:160px}h2{font-size:20px;margin:4px 0 16px}h3{font-size:15px;margin:0 0 10px}.card{background:#fff;border:1px solid #e8ecf3;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px rgba(16,24,40,.04)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:14px;gap:14px}.stat{background:#fff;border:1px solid #e8ecf3;border-radius:8px;padding:18px;box-shadow:0 1px 3px rgba(16,24,40,.04)}.stat .num{font-size:30px;font-weight:700;color:#ff5a1f}.stat .label{color:#6b7280;font-size:13px;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:16px;gap:16px;align-items:start}.dashboard-main,.dashboard-side{min-width:0}.dashboard-side .card{margin-bottom:14px}.guide-list{margin:0;padding-left:18px;color:#475569;font-size:14px;line-height:1.8}.quick-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.quick-actions .btn{text-align:center;padding:10px 12px}.readonly-code{display:flex;align-items:center;min-height:38px;padding:8px 10px;border:1px solid #d6dce6;border-radius:6px;background:#f8fafc;color:#1f2329;font-weight:700}@media (max-width:1180px){.dashboard-grid{grid-template-columns:1fr}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:14px;gap:14px}.dh-card{background:#fff;border:1px solid #e8ecf3;border-radius:10px;overflow:hidden;cursor:pointer;transition:box-shadow .15s,border-color .15s}.dh-card:hover{box-shadow:0 4px 14px rgba(16,24,40,.1)}.dh-card.selected{border-color:#ff5a1f;box-shadow:0 0 0 2px #ffd9c9}.dh-card.disabled{opacity:.55;cursor:not-allowed}.dh-card .thumb{width:100%;aspect-ratio:3/4;background:#eef1f6 50%/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#9aa4b2;font-size:13px}.dh-card .body{padding:10px 12px}.dh-card .body .nm{font-weight:600;font-size:14px}.dh-card .body .meta{color:#6b7280;font-size:12px;margin-top:3px}.dh-card .body .selected-mark{color:#ff5a1f;font-weight:700}.dh-card .body .row{gap:8px;flex-wrap:wrap}.dh-card .body .btn{font-size:13px;padding:7px 10px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:9px 10px;border-bottom:1px solid #eef1f6}th{color:#6b7280;font-weight:600}.btn,button{background:#ff5a1f;color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:14px;cursor:pointer;display:inline-block}.btn:hover,button:hover{background:#ec4a12;color:#fff}button.secondary{background:#eef1f6;color:#1f2329}button.secondary:hover{background:#e2e7f0}.btn.secondary{background:#eef1f6;color:#1f2329}.btn.secondary:hover{background:#e2e7f0;color:#1f2329}button.danger{background:#dc2626}button.danger:hover{background:#b91c1c}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;padding:8px 10px;border:1px solid #d6dce6;border-radius:6px;font-size:14px;font-family:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:#ff5a1f}label{display:block;font-size:13px;color:#374151;margin:10px 0 4px}textarea{min-height:140px;resize:vertical}.readonly-field{width:100%;padding:8px 10px;border:1px solid #d6dce6;border-radius:6px;font-size:14px;background:#f8fafc;color:#374151}.badge{display:inline-block;padding:2px 9px;border-radius:10px;font-size:12px;background:#eef1f6;color:#475569}.badge.active,.badge.completed,.badge.ready{background:#dcfce7;color:#166534}.badge.failed{background:#fee2e2;color:#991b1b}.badge.generating,.badge.running{background:#ffedd5;color:#c2410c}.badge.creating{background:#dbeafe;color:#1e40af}.error{color:#dc2626;font-size:14px;margin:8px 0}.muted{color:#6b7280;font-size:13px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hint{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:8px;padding:12px 14px;font-size:14px}.create-grid{display:grid;grid-template-columns:300px 1fr 320px;grid-gap:16px;gap:16px;align-items:start}@media (max-width:1100px){.create-grid{grid-template-columns:1fr}}.preview-stage{background:#0b1220;border-radius:10px;aspect-ratio:9/16;max-height:70vh;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#94a3b8;overflow:hidden}.preview-stage video{width:100%;height:100%;object-fit:contain}.preview-message{text-align:center;padding:18px;line-height:1.7}.preview-message small{display:block;margin-top:8px;color:#cbd5e1;font-size:12px}.steps{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.steps .step{padding:6px 12px;border-radius:20px;background:#eef1f6;color:#6b7280;font-size:13px}.steps .step.active{background:#ff5a1f;color:#fff}.steps .step.done{background:#dcfce7;color:#166534}.notif{position:relative}.notif .dot{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;border-radius:10px;font-size:11px;padding:0 5px}.notif-panel{position:absolute;right:0;top:36px;width:280px;background:#fff;border:1px solid #e8ecf3;border-radius:8px;box-shadow:0 6px 24px rgba(16,24,40,.12);z-index:20;padding:8px}.notif-panel .item{padding:8px 10px;border-bottom:1px solid #f1f4f9;font-size:13px}.folder-btn{display:flex;align-items:center;gap:8px;padding:12px 14px;margin-bottom:10px;border:1px solid #e2e7f0;border-radius:8px;background:#fafbfd;color:#374151;font-size:15px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.folder-btn:hover{background:#f1f4f9}.folder-btn:before{content:"📁";font-size:16px}.folder-btn.active{background:#fff3ee;border-color:#ff5a1f;color:#ff5a1f;border-left:4px solid #ff5a1f;padding-left:11px}.folder-btn.active:before{content:"📂"}.subcat-card{border:1px solid #e2e7f0;border-radius:8px;padding:10px 12px;margin-bottom:8px;background:#fff;cursor:pointer;transition:border-color .12s,background .12s}.subcat-card:hover{border-color:#ffb89e}.subcat-card.selected{border-color:#ff5a1f;background:#fff3ee}.subcat-card.disabled{opacity:.55}.subcat-card .nm{font-weight:600;font-size:14px}.thumb-wrap{position:relative;width:72px;height:96px;cursor:pointer}.asset-thumb{width:72px;height:96px;border-radius:6px;object-fit:cover;background:#eef1f6;display:block}.asset-thumb.placeholder{color:#9aa4b2;font-size:11px}.asset-thumb.placeholder,.thumb-wrap .play-overlay{display:flex;align-items:center;justify-content:center}.thumb-wrap .play-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:12px;padding-left:2px;pointer-events:none;transition:background .12s}.thumb-wrap:hover .play-overlay{background:#ff5a1f}.modal-mask{position:fixed;inset:0;background:rgba(8,12,20,.66);display:flex;align-items:center;justify-content:center;z-index:60}.modal-box{background:#0b1220;border-radius:12px;padding:14px;max-width:92vw;max-height:92vh;position:relative}.modal-box video{max-width:86vw;max-height:80vh;border-radius:8px;display:block}.modal-box .close{position:absolute;top:-12px;right:-12px;background:#fff;color:#1f2329;border-radius:50%;width:30px;height:30px;padding:0;font-size:16px;line-height:30px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.3)}.modal-box .cap{color:#cbd5e1;font-size:13px;margin-top:8px;text-align:center}.dialog-box{background:#fff;border-radius:10px;padding:20px;width:min(520px,calc(100vw - 32px));box-shadow:0 18px 48px rgba(8,12,20,.28)}.dialog-box h3{font-size:18px;margin-bottom:8px}.dialog-box p{margin:0;color:#475569;line-height:1.7;font-size:14px}.login-wrap{display:flex;min-height:100vh;align-items:center;justify-content:center}.login-box{background:#fff;padding:32px;border-radius:12px;width:340px;box-shadow:0 8px 30px rgba(16,24,40,.1)}.login-box h1{color:#ff5a1f;font-size:20px;margin:0 0 16px;text-align:center}