:root{--navy:#062349;--blue:#1662d9;--line:#d5dde8;--bg:#f7f9fc;--text:#172033}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px Arial,sans-serif}header{height:60px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{font-size:23px;font-weight:700}.logo{color:#71a9ff;margin-right:10px}.help{font-size:23px}.steps{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:18px}.steps b{color:#566174;white-space:nowrap}.steps b:first-child{color:var(--blue)}.steps i{font-style:normal;border:1px solid #b9c2d0;border-radius:50%;padding:8px 12px;margin-right:8px}.steps b:first-child i{background:var(--blue);color:#fff}.steps span{width:12%;height:1px;background:#bbc5d3}main{max-width:1500px;margin:auto;padding:14px}.uploadbar{height:54px;display:flex;align-items:center;gap:25px}.button,.outline,button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:10px 16px;cursor:pointer;font-weight:600}.button{background:var(--blue);color:#fff}.button input,.outline input{display:none}.uploadbar em{color:#18834b}.workspace{display:grid;grid-template-columns:300px 1fr 330px;gap:12px;height:535px}.card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.card h2{font-size:17px;margin:0;padding:14px;border-bottom:1px solid var(--line)}.images h2{margin-bottom:12px}.images>.outline{display:block;margin:0 12px;text-align:center;color:var(--blue)}.image-list{padding:8px 12px;overflow:auto;height:430px}.image-card{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:12px;border:1px solid var(--line);border-radius:7px;padding:6px;margin-bottom:8px;cursor:pointer}.image-card img{width:90px;height:68px;object-fit:cover;border-radius:4px}.image-card small{overflow-wrap:anywhere}.empty{color:#758094;line-height:1.5}.toolbar{height:49px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px;padding:6px 12px}.toolbar button{padding:7px 12px}.insert{color:var(--blue)}.insert-wrap{position:relative}.menu{display:none;position:absolute;z-index:10;top:39px;left:0;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px #10233a33;border-radius:6px;min-width:230px;max-height:280px;overflow:auto}.menu.open{display:block}.menu button{border:0;border-radius:0;width:100%;display:flex;align-items:center;text-align:left;gap:9px}.menu img{width:40px;height:32px;object-fit:cover}.script textarea{border:0;resize:none;width:100%;height:410px;padding:16px;font:15px/1.55 Arial}.script textarea:focus{outline:2px solid #8ab6ff;outline-offset:-2px}.tip{margin:0;padding:9px 16px;border-top:1px solid var(--line);color:#5d6878}.settings{padding-bottom:15px}.settings>div{margin:15px}.settings label{display:block;font-weight:600;margin-top:16px}.settings textarea,.settings select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:6px;padding:10px}.settings textarea{height:85px;resize:vertical}.settings img{width:125px;height:90px;object-fit:cover;display:block;margin-bottom:8px;border-radius:5px}.preview{margin-top:12px}.preview-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.preview-head h2{border:0}.preview-grid{display:grid;grid-template-columns:380px 1fr;gap:20px;padding:12px}.stage{height:220px;background:#132136;position:relative;display:grid;place-items:center;color:#bac5d4;overflow:hidden;border-radius:6px}.stage img{width:100%;height:100%;object-fit:contain}.stage-caption{position:absolute;bottom:0;left:0;right:0;background:#07111dcc;color:#fff;font-size:19px;font-weight:700;text-align:center;padding:12px}.timeline{display:flex;gap:8px;overflow:auto}.scene{min-width:145px;border:2px solid #dbe2ed;border-radius:7px;padding:6px;cursor:pointer}.scene.active{border-color:#4b8df8}.scene img{width:100%;height:70px;object-fit:cover}.scene small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer{display:flex;align-items:center;justify-content:space-between;padding:12px 0}footer a{margin-left:16px;color:var(--blue)}.create{background:var(--blue);color:#fff;font-size:16px;padding:14px 20px}dialog{border:0;border-radius:12px;box-shadow:0 15px 60px #0005;text-align:center;width:420px;padding:28px}.spinner{margin:20px auto;width:45px;height:45px;border:5px solid #dce8fa;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.workspace{grid-template-columns:1fr;height:auto}.card{min-height:300px}.preview-grid{grid-template-columns:1fr}.steps span{display:none}}