.storyboard-dialog{width:min(1180px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:22px;background:#111827;color:#eef2ff;border:1px solid #39445f;border-radius:16px;box-shadow:0 24px 80px #000a;overflow:auto}
.storyboard-dialog::backdrop{background:#050914d9;backdrop-filter:blur(4px)}
.storyboard-head,.storyboard-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.storyboard-head h2{margin:4px 0 0;font-size:22px}.storyboard-head button{border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer}.storyboard-eyebrow{color:#95a8ff;font-size:10px;font-weight:800;letter-spacing:.16em}.storyboard-note,.storyboard-no-captions{color:#aeb8cf;font-size:13px;line-height:1.6}.storyboard-upload-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.storyboard-upload-grid label,.storyboard-options label{display:grid;gap:7px;padding:11px;border:1px solid #35415d;border-radius:10px;background:#182137;font-size:12px}.storyboard-upload-grid input{max-width:100%;font-size:11px}.storyboard-status,.storyboard-reference-status{margin:8px 0;color:#c8d2e8;font-size:12px}.storyboard-validation{padding:10px 12px;margin:10px 0;border:1px solid #745b32;border-radius:9px;background:#382d1c;color:#ffe2a6;font-size:12px;white-space:pre-wrap}.storyboard-table-wrap{max-height:34vh;overflow:auto;border:1px solid #303a52;border-radius:10px}.storyboard-dialog table{width:100%;min-width:1380px;border-collapse:collapse;font-size:12px}.storyboard-dialog th,.storyboard-dialog td{padding:8px;border-bottom:1px solid #2b354b;text-align:left;vertical-align:top}.storyboard-dialog th{position:sticky;top:0;background:#1b263e;z-index:1}.storyboard-dialog td input,.storyboard-dialog td select,.storyboard-options select{max-width:100%;min-width:72px;background:#0e1525;color:#eef2ff;border:1px solid #414d68;border-radius:6px;padding:6px}.storyboard-dialog td .storyboard-time{width:62px}.storyboard-inline-option{display:flex;align-items:center;gap:5px;margin:0 0 5px;font-size:11px}.storyboard-inline-option input[type=checkbox]{min-width:0}.storyboard-upload-progress{margin:8px 0}.storyboard-upload-progress p{font-size:12px;color:#c4cde0}.storyboard-warning{color:#ffd18c}.storyboard-ok{color:#a8e5c3}.storyboard-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.storyboard-cost{font-size:17px;font-weight:800;margin:12px 0;color:#fff}.storyboard-progress-bar{height:8px;background:#29334a;border-radius:9px;overflow:hidden}.storyboard-progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#6f8fff,#86e0c2);transition:width .2s}.storyboard-progress p{font-size:12px;color:#c4cde0}.storyboard-failure{margin:8px 0;color:#ffb3b3;white-space:pre-wrap;font-size:12px}.storyboard-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:16px}.storyboard-actions button,.storyboard-actions a{border:1px solid #4c5b7c;border-radius:8px;background:#202d49;color:#f4f6ff;padding:9px 13px;font:inherit;font-size:12px;text-decoration:none;cursor:pointer}.storyboard-actions button:disabled{opacity:.45;cursor:not-allowed}.storyboard-actions #storyboardApproveBtn{background:#4267d5;border-color:#5d7fea}.storyboard-dialog[open]{margin:auto}
.storyboard-meta{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin:10px 0}.storyboard-meta label{display:grid;gap:6px;color:#ccd5e8;font-size:12px}.storyboard-meta input,.storyboard-meta textarea{background:#0e1525;color:#eef2ff;border:1px solid #414d68;border-radius:6px;padding:8px;font:inherit;min-width:0}
.canvas-demo-entry{grid-column:2;grid-row:2;align-self:center;justify-self:center;width:min(720px,calc(100% - 36px));padding:32px;border:1px solid #303a52;border-radius:18px;background:radial-gradient(circle at 80% 10%,#263961,#121a2a 58%);color:#eef2ff}.canvas-demo-entry h1{margin:10px 0;font-size:clamp(24px,4vw,38px)}.canvas-demo-entry p{color:#aeb8cf;line-height:1.7}.canvas-demo-entry a{display:inline-block;margin-top:10px;padding:12px 16px;border-radius:9px;background:#4267d5;color:#fff;text-decoration:none;font-weight:700}
@media(max-width:760px){.storyboard-dialog{padding:15px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.storyboard-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storyboard-options,.storyboard-meta{grid-template-columns:1fr}.storyboard-actions{display:grid;grid-template-columns:1fr}.storyboard-actions>*{text-align:center}.storyboard-head h2{font-size:19px}.canvas-demo-entry{grid-column:1;grid-row:2;padding:20px}}