:root{font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;color:#3e5a6b;background:#f3f7fa;font-synthesis:none;--line:#d7e4ec;--mint:#30ac97;--muted:#8198aa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#e5f5f3,transparent 45%),#f5f8fb;font-size:14px}.workspace{max-width:1700px;width:92%;margin:auto}.heading{padding:34px 0 24px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#398d87;font-weight:800;background:#e1f1e8;border-radius:20px;padding:8px 13px}.title-line{display:flex;align-items:center;gap:15px;margin-top:17px}h1{font-size:38px;letter-spacing:-1.3px;margin:0;color:#233f4c}h2{font-size:19px;margin:0;color:#38566a}.heading p,.supporting{color:var(--muted);line-height:1.8}.heading p{margin-bottom:0}.mode,.tag{background:linear-gradient(110deg,#b9ece0,#f3e8b8);border-radius:7px;padding:6px 11px;font-size:12px;font-weight:700;color:#38675f}.toolbar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:11px;border-radius:15px;box-shadow:0 4px 14px #385c7110}.project-label{width:285px}.project-label input{font-weight:700;background:#f4f8fa}.save-state{flex:1;text-align:center;font-size:12px;color:#8ba79b}.api-button{font-weight:700;background:#eff8f4;border-color:#bfded3}button,.button,select{font:inherit;min-height:39px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 14px;color:#527285;cursor:pointer;transition:.18s}button:hover,.button:hover{border-color:#72c5b2;background:#f2fbf8}button:disabled{opacity:.55;cursor:wait}.primary,.selected{background:linear-gradient(115deg,#b4ecdf,#f2e5ad)!important;border:1px solid #b6dacb!important;font-weight:700;color:#345d56}.file-button{position:relative;display:inline-flex;align-items:center}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}input,textarea{font:inherit;border:1px solid var(--line);border-radius:9px;padding:12px;color:#476579;background:#f8fafc;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #7fcbb8;outline-offset:2px}textarea{resize:vertical;line-height:1.85}.steps{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:9px;background:#ffffffed;border:1px solid var(--line);border-radius:12px;margin:12px 0 24px;backdrop-filter:blur(12px)}.steps a{display:flex;align-items:center;gap:12px;background:#f3f8f7;border:1px solid #deebe8;border-radius:8px;padding:13px 12px;text-decoration:none;color:#4a6c69;font-weight:700}.steps a.done{background:linear-gradient(170deg,#c7eee4,#91ccbd)}.steps b{background:#daeee8;padding:10px 8px;border-radius:7px;color:#3e9a8f}.steps small{display:block;font-size:11px;margin-top:5px;font-weight:400}.first-row{display:grid;grid-template-columns:1.06fr 1fr;gap:22px}.card{background:white;border:1.5px solid #b8ccdb;border-radius:14px;padding:22px;margin-bottom:23px;box-shadow:0 6px 18px #3553670b;scroll-margin-top:105px}.card-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px;min-height:55px}.step-number{font-size:25px;color:#cf4743;font-weight:800;text-align:center;border:1px solid #f2d7d7;border-radius:11px;padding:7px 10px;line-height:1.1}.step-number small{display:block;font-size:10px;margin-bottom:4px}.stage-icon{font-size:32px;line-height:1;background:linear-gradient(120deg,#bce7dc,#eee6c0);border:3px solid #ecf5ec;border-radius:15px;padding:5px 10px;color:#4f8d80;box-shadow:0 2px 4px #365b6010}.stage-icon.violet{background:linear-gradient(130deg,#e8e5fa,#ede9d2);color:#877fa4}.section-meta{font-size:12px;color:#839aaa;margin:10px 0}.script-input{height:230px;margin:9px 0 15px;font-size:13px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:13px 0}.supporting{font-size:12px;margin:10px 0 0}.style-preview{height:225px;position:relative;border-radius:11px;overflow:hidden;background:linear-gradient(130deg,#223f45,#365d60 45%,#112830);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:25px;color:#f2f8f6}.style-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 36%,#d1f4e42c 36.3%,transparent 52%),repeating-linear-gradient(90deg,transparent 0 9%,#c3e6df19 9.4% 9.7%,transparent 10%),linear-gradient(0deg,#0c232c 0%,transparent 75%)}.style-preview strong{font-size:24px;letter-spacing:2px;z-index:1}.style-preview p,.preview-label{z-index:1;font-size:11px;color:#c6dfd8;letter-spacing:2px}.preview-label{position:absolute;right:15px;top:15px;background:#102a35ad;padding:7px;border-radius:6px}.style-preview p{margin:11px 0 0}.model-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#f4f8fb;border:1px solid #e0eaf0;padding:13px;border-radius:8px;font-size:13px}.model-bar>span:first-child{color:#5ca8a0;font-size:12px}.model-divider{height:16px;border-left:1px solid #ccdae0;margin:0 10px}.minor{margin-left:auto;color:var(--muted);font-size:12px}.asset-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.asset-result{border:1px solid #d0dfe7;border-radius:11px;padding:16px;min-height:130px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-heading h3{font-size:15px;margin:0}.result-heading button{font-size:12px;min-height:30px;padding:6px 10px}.asset-result p{font-size:12px;color:var(--muted);line-height:1.8}.tabs{display:flex;gap:10px;margin:20px 0}.asset-grid,.storyboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.empty{grid-column:1/-1;text-align:center;padding:45px 15px;background:#f7fafb;border:1px dashed #d6e3e9;border-radius:10px;color:#8ca1af}.asset-tile,.story-tile{border:1px solid #d2e1e9;border-radius:11px;overflow:hidden;background:#fff}.tile-image{aspect-ratio:16/9;background:linear-gradient(135deg,#f0f6f5,#e6eef2);display:flex;align-items:center;justify-content:center;color:#86a1a2;font-size:35px}.tile-image img,.tile-image video{width:100%;height:100%;object-fit:contain}.tile-body{padding:13px}.tile-body h3{font-size:14px;margin:0 0 7px}.tile-body p{font-size:12px;color:var(--muted);margin:0 0 10px;line-height:1.7}.tile-body button,.tile-body .button{font-size:12px;min-height:32px;padding:7px 9px}.tile-actions{display:flex;gap:8px;flex-wrap:wrap}.status-good{color:#169d7d;font-size:12px}.job-status{font-size:12px;color:#7c96a8;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.job-status.error{color:#b66448;background:#fff8ee;padding:12px;border-radius:8px}.story-tile .tile-image{font-size:27px}.clip-note{border-left:3px solid #81c9b7;padding:10px 12px;font-size:12px;line-height:1.8;background:#f0f8f5;margin-top:12px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}dialog{width:min(840px,92vw);max-height:88vh;border:1px solid #d1e2e6;border-radius:18px;padding:25px 28px;color:#456476;box-shadow:0 25px 100px #132f4140}dialog::backdrop{background:#1e384363;backdrop-filter:blur(5px)}dialog textarea{min-height:240px;font-size:13px}dialog .dialog-copy{font-size:13px;line-height:1.9;color:#7a91a0}.interface-card{padding:17px 0;border-top:1px solid var(--line)}.interface-card h3{font-size:16px;margin:0 0 8px}.interface-card p{font-size:13px;line-height:1.8;margin:5px 0}.interface-card code{display:block;font-size:11px;overflow-wrap:anywhere;background:#f4f8fa;padding:10px;border-radius:6px;color:#60818e}.interface-card a,footer a{color:#428b88;text-decoration:none}.interface-card a:hover,footer a:hover{text-decoration:underline}.notice{background:#f1f7ee;border-radius:9px;padding:14px;line-height:1.9;font-size:12px;color:#7a9276}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:8px 0 30px;font-size:12px;color:#8b9eaa}footer div{display:flex;gap:22px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;background:#2c5147;color:#fff;padding:15px 22px;border-radius:11px;max-width:90vw;box-shadow:0 8px 30px #18362e25}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){.workspace{width:95%}.first-row{grid-template-columns:1fr}.asset-grid,.storyboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-label{width:190px}.save-state{display:none}.steps{gap:5px}.steps a{padding:9px 5px;gap:6px}.steps b{padding:8px 5px}.asset-columns{gap:10px}}@media(max-width:600px){h1{font-size:29px}.heading{padding-top:25px}.toolbar{flex-wrap:wrap}.project-label{width:100%}.toolbar button,.toolbar .button{flex:1;font-size:12px}.steps{overflow:auto;grid-template-columns:repeat(5,130px)}.card{padding:16px}.card-heading{gap:10px}.asset-columns{grid-template-columns:1fr}.asset-grid,.storyboard-grid{grid-template-columns:1fr}.stage-icon{font-size:25px}.model-bar{font-size:12px}.minor{margin-left:0}footer{align-items:flex-start;flex-direction:column}footer div{flex-direction:column;gap:9px}.style-preview strong{font-size:19px}}