/* A compact creative workspace: visual library, composer, storyboard, inspector. */
body[data-page=skills] main:has(.creative-studio){padding-bottom:64px}
.creative-studio{--cs-ink:#263b55;--cs-muted:#6c7786;--cs-line:#dfe6ef;--cs-accent:#3d618e;--cs-soft:#eef3f9;max-width:1440px;margin:0 auto;color:var(--cs-ink);font-size:16px;line-height:1.6;font-family:"Segoe UI","Microsoft YaHei",sans-serif}
.creative-studio *,.cs-detail-dialog *{box-sizing:border-box;min-width:0}
.creative-studio [hidden],.cs-detail-dialog [hidden]{display:none!important}
.creative-studio :is(h1,h2,h3){color:var(--cs-ink);letter-spacing:-.3px}
.creative-studio :is(button,input,textarea,select){font-family:inherit}
.creative-studio button{cursor:pointer}
.creative-studio button:disabled{opacity:.45;cursor:not-allowed}
.creative-studio :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #89a7cc;outline-offset:3px}
.creative-studio .cs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.creative-studio .cs-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}
.creative-studio .cs-header h1{font-size:32px;line-height:1.3;font-weight:650;margin:0}
.creative-studio .cs-header p{color:var(--cs-muted);font-size:15px;margin:6px 0 0}
.creative-studio .cs-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body:not(.auth-home) .creative-studio .button,.creative-studio .cs-header-actions button,.cs-detail-dialog .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin:0;padding:9px 15px;border:1px solid var(--cs-line,#dfe6ef);border-radius:8px;background:#fff;color:#405c80;font-size:15px;font-weight:500;line-height:1.4;box-shadow:none;text-decoration:none}
body:not(.auth-home) .creative-studio .button:hover,.creative-studio .cs-header-actions button:hover{background:#f4f7fb;border-color:#bfcde0;color:#294b78}
body:not(.auth-home) .creative-studio .button.primary,.cs-detail-dialog .button.primary{background:#385c8a;color:#fff;border-color:#385c8a;box-shadow:0 3px 7px #27436712}
body:not(.auth-home) .creative-studio .button.primary:hover,.cs-detail-dialog .button.primary:hover{background:#2c4e79;color:#fff;border-color:#2c4e79}
.creative-studio .cs-tabs{display:flex;align-items:center;gap:28px;margin:0 0 19px;border-bottom:1px solid var(--cs-line);overflow-x:auto}
.creative-studio .cs-tabs button{flex-shrink:0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--cs-muted);font-size:17px;font-weight:500;line-height:1.5;padding:8px 0 11px;margin:0 0 -1px}
.creative-studio .cs-tabs button[aria-selected=true]{color:#2e4e79;border-bottom-color:#406493}
.creative-studio .cs-library-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.creative-studio .cs-filters{display:flex;align-items:center;gap:3px;padding:4px;background:#eaf0f7;border:1px solid #e2e9f2;border-radius:10px;flex-wrap:wrap}
.creative-studio .cs-filters button{border:0;border-radius:7px;padding:7px 16px;min-height:36px;background:none;color:#687d96;font-size:15px;white-space:nowrap}
.creative-studio .cs-filters button[aria-pressed=true]{background:#fff;color:#36577f;box-shadow:0 1px 5px #3456780e}
.creative-studio .cs-filters button:hover{color:#36577f}
.creative-studio #cs-search{width:238px;max-width:100%;margin:0;padding:10px 14px;border:1px solid var(--cs-line);border-radius:9px;background:#fff;color:#3b5472;font-size:15px;line-height:1.5}
.creative-studio .cs-skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.creative-studio .cs-skill-card{min-width:0;border:1px solid var(--cs-line);border-radius:13px;background:#fff;overflow:hidden;transition:box-shadow .18s,border-color .18s,transform .18s}
.creative-studio .cs-skill-card:hover{border-color:#b8cbe2;box-shadow:0 9px 22px #243e6310;transform:translateY(-2px)}
.creative-studio .cs-template-card{padding:0;display:flex;flex-direction:column}
.creative-studio .cs-card-preview{display:block;position:relative;width:100%;padding:0;margin:0;border:0;border-radius:0;background:#edf2f8;overflow:hidden;text-align:left;aspect-ratio:2.5;min-height:110px}
.creative-studio .cs-artwork{display:block;width:100%;height:100%;fill:none;stroke:none;flex-shrink:0;stroke-linecap:round}
.creative-studio .cs-card-preview>.cs-artwork{width:100%;height:100%;transition:transform .3s}
.creative-studio .cs-template-card:hover .cs-card-preview>.cs-artwork{transform:scale(1.035)}
.creative-studio .cs-preview-kind{position:absolute;left:13px;top:11px;font-size:14px;line-height:1.4;color:#617d9f;background:#ffffffb8;padding:3px 8px;border-radius:5px}
.creative-studio .cs-card-content{padding:17px 19px 13px;display:flex;flex:1;flex-direction:column}
.creative-studio .cs-skill-card h2{margin:0 0 7px;font-size:19px;font-weight:600;line-height:1.5;color:#2b4564}
.creative-studio .cs-skill-card p{margin:0 0 15px;color:#687380;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.creative-studio .cs-skill-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:11px;border-top:1px solid #edf1f6}
.creative-studio .cs-skill-footer>span{font-size:15px;color:#77899e}
.creative-studio .cs-skill-footer button,body:not(.auth-home) .creative-studio .cs-skill-footer .button{border:0;border-radius:5px;background:none;padding:5px 0;min-height:31px;color:#59738f;font-size:15px;box-shadow:none}
.creative-studio .cs-skill-footer button:last-child{font-weight:550;color:#345d8d}
.creative-studio .cs-skill-footer button:hover,body:not(.auth-home) .creative-studio .cs-skill-footer .button:hover{background:none;color:#254b7d;text-decoration:underline;text-underline-offset:4px}
.creative-studio .cs-empty{padding:40px 24px;text-align:center;border:1px dashed #cdd8e6;border-radius:12px;background:#ffffffa8}
.creative-studio .cs-empty h2{font-size:22px;margin:0 0 9px}.creative-studio .cs-empty p{color:var(--cs-muted);margin:0}
/* A single composer replaces the long left-hand brief form. */
.creative-studio .cs-composer{display:block;padding:13px 20px 0;border:1px solid #dce5f0;border-radius:15px;background:#fff;box-shadow:0 4px 14px #243e6305}
.creative-studio .cs-composer-top{display:flex;align-items:center;gap:10px}
.creative-studio .cs-composer-state{margin-left:auto;color:#788ca3;font-size:14px;white-space:nowrap}
.creative-studio .cs-composer .cs-inline-field{display:inline-flex;align-items:center;gap:7px;margin:0;color:#77899e;font-size:15px;line-height:1.4;flex-shrink:0}
.creative-studio .cs-composer :is(input,select,textarea){font-family:inherit;font-size:15px;color:#365170;box-shadow:none;min-height:0}
.creative-studio .cs-composer .cs-inline-field select,.creative-studio .cs-composer .cs-inline-field input{width:auto;max-width:100%;padding:6px 9px;margin:0;border:1px solid #e1e8f0;border-radius:7px;background:#f8fafd;line-height:1.5}
.creative-studio .cs-composer-top .cs-inline-field select{background:#edf3fa;border-color:#edf3fa;font-weight:500}
.creative-studio .cs-composer .cs-inline-field input[type=number]{width:64px;padding-right:4px}
.creative-studio .cs-subject-input{display:block;margin:10px 0 10px}
.creative-studio .cs-subject-input textarea{display:block;width:100%;height:48px;min-height:48px;max-height:180px;padding:4px 0;margin:0;resize:vertical;border:0;border-radius:0;background:transparent;box-shadow:none;color:#2f4868;font-size:17px;line-height:1.6}
.creative-studio .cs-subject-input textarea:focus{outline:none}.creative-studio .cs-subject-input textarea:focus-visible{outline:2px solid #aac0dc;outline-offset:6px;border-radius:3px}
.creative-studio .cs-composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:11px}
.creative-studio .cs-format-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
body:not(.auth-home) .creative-studio #cs-build{flex-shrink:0;min-width:125px;min-height:41px;padding:10px 16px;border-radius:8px}
.creative-studio .cs-settings{border-top:1px solid #e8edf4;padding:0;margin:0}
.creative-studio .cs-settings>summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:9px 0;font-size:15px;font-weight:500;color:#55718f;list-style:none}
.creative-studio .cs-settings>summary::-webkit-details-marker{display:none}.creative-studio .cs-settings>summary::after{content:'＋';font-size:19px;font-weight:400;margin-left:auto;color:#859ab4}.creative-studio .cs-settings[open]>summary::after{content:'−'}
.creative-studio .cs-settings>summary>span{font-weight:400;color:#8a9bae;font-size:14px}
.creative-studio .cs-settings-body{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:20px;padding:4px 0 20px}
body:not(.auth-home) .creative-studio .cs-settings-body .field,.creative-studio .cs-settings-body .field{display:grid;gap:8px;margin:0;color:#64809e;font-size:15px;line-height:1.5}
body:not(.auth-home) .creative-studio .cs-settings-body input{width:100%;padding:10px 12px;border:1px solid #dce5ef;border-radius:7px;background:#f8fafd;color:#3c587a;font-size:15px;line-height:1.5;box-shadow:none}
.creative-studio .cs-director-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 9px}
.creative-studio .cs-director-bar h2{font-size:19px;font-weight:600;margin:0}
.creative-studio .cs-simulation-label{display:flex;align-items:center;gap:7px;font-size:14px;color:#647387}
.creative-studio .cs-simulation-label::before{content:'';width:6px;height:6px;border:1px solid #7a96b6;border-radius:50%}
.creative-studio .cs-flow{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:thin;padding:1px 0 12px;margin-bottom:0}
.creative-studio .cs-flow button{position:relative;display:flex;align-items:center;gap:8px;flex:1 0 auto;border:0;border-radius:0;background:none;color:#7b899b;padding:7px 20px 7px 0;font-size:15px;line-height:1.5;text-align:left;white-space:nowrap}
.creative-studio .cs-flow button::after{content:'';flex:1;min-width:12px;height:1px;background:#dce5ef;margin-left:8px}
.creative-studio .cs-flow button:last-child{padding-right:0;flex-grow:0}.creative-studio .cs-flow button:last-child::after{display:none}
.creative-studio .cs-flow button>span{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;font-size:13px;font-variant-numeric:tabular-nums;background:#e8eef6;color:#7c94b0}
.creative-studio .cs-flow button>strong{font-weight:400;font-size:15px}
.creative-studio .cs-flow button[aria-pressed=true]>span{background:#496d99;color:#fff}.creative-studio .cs-flow button[aria-pressed=true]>strong{color:#3c5d87;font-weight:550}
.creative-studio .cs-workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;align-items:start}
.creative-studio .cs-plan{min-width:0;background:#fff;border:1px solid var(--cs-line);border-radius:14px;overflow:hidden}
.creative-studio .cs-canvas-wrap{display:grid;place-items:center;min-height:220px;padding:20px;background-color:#f1f5fa;background-image:radial-gradient(#a2b8d044 .7px,transparent .7px);background-size:16px 16px;border-bottom:1px solid #e4ebf3}
.creative-studio .cs-monitor{position:relative;width:100%;max-width:min(100%,calc(300px * var(--preview-ratio,1.7778)));aspect-ratio:16/9;overflow:hidden;background:#e7eef6;border:1px solid #d5dfeb;border-radius:4px;box-shadow:0 5px 24px #34587b12}
.creative-studio .cs-monitor-art{position:absolute;inset:0;display:grid;place-items:center}.creative-studio .cs-monitor-art .cs-artwork{width:100%;height:100%;object-fit:contain}
.creative-studio .cs-frame-index,.creative-studio .cs-frame-ratio{position:absolute;top:11px;font-size:13px;color:#718cae;letter-spacing:1px;font-variant-numeric:tabular-nums}.creative-studio .cs-frame-index{left:14px}.creative-studio .cs-frame-ratio{right:14px}
.creative-studio .cs-monitor-caption{padding:18px 20px 5px;background:#fff}
.creative-studio .cs-monitor-caption strong{display:block;color:#2f4c70;font-size:19px;font-weight:550;line-height:1.5}
.creative-studio .cs-monitor-caption p{color:#738090;font-size:15px;line-height:1.65;margin:5px 0 0}
.creative-studio .cs-monitor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px 15px;font-size:14px;color:#7b8ea5}
.creative-studio .cs-monitor-footer>div{display:flex;align-items:center;gap:7px}
body:not(.auth-home) .creative-studio .cs-monitor-footer .button{min-height:34px;padding:6px 11px;background:#f7f9fc;border-color:#e4eaf2;color:#587698;font-size:14px;border-radius:6px}
.creative-studio .cs-shot-strip{display:flex;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;padding:0 20px 16px;margin:0;scrollbar-width:thin;scrollbar-color:#c3d0e0 transparent}
.creative-studio .cs-shot-strip>button{display:block;flex:1 0 106px;max-width:160px;padding:5px;border:1px solid #e3eaf3;border-radius:8px;background:#fff;text-align:left;transition:border-color .15s,background .15s;overflow:hidden}
.creative-studio .cs-shot-strip>button[aria-pressed=true]{border-color:#7799c2;background:#eff4fb;box-shadow:0 0 0 1px #7799c218}
.creative-studio .cs-mini-frame{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#e7edf5}
.creative-studio .cs-mini-frame>.cs-artwork{width:100%;height:100%}.creative-studio .cs-mini-frame>span{position:absolute;top:3px;left:5px;color:#617d9f;font-size:11px;font-variant-numeric:tabular-nums}
.creative-studio .cs-shot-strip>button>strong{display:block;font-size:15px;font-weight:500;color:#47668b;padding:7px 4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creative-studio .cs-shot-meta{display:block;padding:2px 4px 3px;font-size:13px;color:#8294aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creative-studio .cs-shot-sheet{margin:0 20px;border-top:1px solid #e7edf5}.creative-studio .cs-shot-sheet>summary{cursor:pointer;color:#57718f;font-size:15px;line-height:1.5;padding:13px 0;list-style:none}.creative-studio .cs-shot-sheet>summary::after{content:'＋';float:right;color:#8ea1ba}.creative-studio .cs-shot-sheet[open]>summary::after{content:'−'}.creative-studio .cs-shot-sheet>summary>span{margin-left:12px;color:#7d8999;font-size:14px}
.creative-studio .cs-shot-table{max-width:100%;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}
.creative-studio .cs-shot-table table{width:100%;min-width:570px;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.65}
.creative-studio .cs-shot-table th{background:#f1f5fa;color:#5f7c9e;font-weight:500;white-space:nowrap}.creative-studio .cs-shot-table td{color:#64758a;vertical-align:top}
.creative-studio .cs-shot-table :is(th,td){border:0;border-bottom:1px solid #e9eef5;padding:11px 12px}.creative-studio .cs-shot-table td>span{display:block;color:#899aaf;font-size:14px;margin-top:4px}
.creative-studio .cs-inspector{border:1px solid var(--cs-line);border-radius:14px;background:#fff;overflow:hidden}
.creative-studio .cs-output-tabs{display:flex;gap:0;padding:7px;margin:0;border-bottom:1px solid #e5ebf3;background:#fbfcfe}
.creative-studio .cs-output-tabs button{flex:1;min-width:0;margin:0;padding:9px 8px;border:0;border-radius:7px;color:#7b8ca3;background:none;font-size:15px;font-weight:500;line-height:1.5;white-space:nowrap}
.creative-studio .cs-output-tabs button[aria-selected=true]{color:#3c618f;background:#eaf0f8}
.creative-studio .cs-output-body{padding:19px;min-height:465px;max-height:615px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c9d5e4 transparent}
.creative-studio .cs-prompt-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.creative-studio .cs-prompt-heading h3{font-size:16px;font-weight:500;margin:0;color:#6b829f}
body:not(.auth-home) .creative-studio .cs-prompt-heading .button{min-height:31px;padding:5px 8px;border:0;background:#f0f4fa;color:#46698e;font-size:14px;border-radius:6px}
.creative-studio .cs-prompt-shot{font-size:18px;font-weight:550;line-height:1.5;margin:12px 0 15px;color:#355174}
.creative-studio .cs-prompt textarea{display:block;min-height:400px;height:400px;max-height:600px;width:100%;padding:0;margin:0;border:0;border-radius:0;background:#fff;color:#526173;font-family:inherit;font-size:15px;line-height:1.95;resize:vertical;box-shadow:none;scrollbar-width:thin;scrollbar-color:#c9d5e4 transparent}
.creative-studio .cs-stage-number{display:block;color:#8da1b9;font-size:14px;font-variant-numeric:tabular-nums;margin:0 0 9px}
.creative-studio .cs-stage-detail h3{font-size:20px;margin:0 0 20px;font-weight:550}.creative-studio .cs-stage-io{display:grid;gap:16px}.creative-studio .cs-stage-io strong{font-size:15px;font-weight:500;color:#758da9}.creative-studio .cs-stage-io p{font-size:15px;color:#4f6e91;line-height:1.8;margin:5px 0 0}
.creative-studio .cs-method-details{border-top:1px solid #e5edf5;margin-top:23px;padding-top:15px}.creative-studio .cs-method-details summary{cursor:pointer;font-size:15px;color:#4e6e93;font-weight:550}.creative-studio .cs-method-details ol{list-style:none;padding:0;margin:17px 0 0;counter-reset:method}
.creative-studio .cs-method-details li{position:relative;padding:0 0 17px 26px;font-size:15px;line-height:1.7;counter-increment:method}.creative-studio .cs-method-details li::before{content:counter(method);position:absolute;left:0;top:2px;color:#9aadc4;font-size:13px}.creative-studio .cs-method-details strong{font-weight:500;color:#567699}.creative-studio .cs-method-details p{margin:4px 0 0;color:#6f7c8d;font-size:15px;line-height:1.7}
.creative-studio .cs-checklist h3{font-size:17px;font-weight:550;margin:0 0 14px}.creative-studio .cs-checklist ul{padding:0;margin:0 0 25px;list-style:none}.creative-studio .cs-checklist li{position:relative;padding:0 0 13px 23px;margin:0;font-size:15px;color:#647387;line-height:1.75}.creative-studio .cs-checklist li::before{content:'✓';position:absolute;left:0;top:0;color:#7d9dbf;font-size:15px}
.creative-studio .cs-status{font-size:14px;min-height:1.7em;line-height:1.7;color:#8194ac;margin:12px 0 0}
@media(min-width:1700px){.creative-studio .cs-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.creative-studio .cs-workspace{grid-template-columns:minmax(0,1fr) 370px;gap:24px}.creative-studio .cs-canvas-wrap{padding:20px;min-height:260px}.creative-studio .cs-monitor{max-width:min(100%,calc(320px * var(--preview-ratio,1.7778)))}.creative-studio .cs-output-body{max-height:710px}.creative-studio .cs-prompt textarea{height:435px;min-height:435px}}
@media(max-width:1250px){.creative-studio .cs-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.creative-studio .cs-flow button{gap:6px;padding-right:10px;font-size:14px}.creative-studio .cs-flow button::after{margin-left:2px;min-width:8px}.creative-studio .cs-flow button>strong{font-size:14px}.creative-studio .cs-canvas-wrap{padding:17px}.creative-studio .cs-output-body{padding:16px}.creative-studio .cs-card-content{padding:15px 16px 11px}.creative-studio .cs-skill-grid{gap:15px}.creative-studio .cs-format-controls{gap:10px}}
@media(max-width:1050px){.creative-studio .cs-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-studio .cs-workspace{grid-template-columns:minmax(0,1fr)}.creative-studio .cs-inspector{min-height:0}.creative-studio .cs-output-body{max-height:none;min-height:0}.creative-studio .cs-prompt textarea{height:285px;min-height:285px}.creative-studio .cs-flow button{flex:0 0 auto;padding-right:16px}.creative-studio .cs-flow button::after{width:14px}.creative-studio .cs-monitor{max-width:min(100%,calc(350px * var(--preview-ratio,1.7778)))}.creative-studio .cs-composer-bottom{align-items:flex-end}.creative-studio .cs-format-controls{gap:9px}.creative-studio .cs-composer-state{font-size:13px}}
@media(max-width:780px){.creative-studio .cs-header{gap:16px;align-items:flex-start;margin-bottom:20px}.creative-studio .cs-header h1{font-size:29px}.creative-studio .cs-header p{font-size:15px;max-width:210px}.creative-studio .cs-header-actions{justify-content:flex-end}.creative-studio .cs-header-actions .button{padding:9px 12px}.creative-studio .cs-tabs{gap:24px;margin-bottom:20px}.creative-studio .cs-tabs button{font-size:16px}.creative-studio .cs-library-tools{gap:13px;flex-wrap:wrap}.creative-studio #cs-search{flex:1;min-width:160px;width:auto}.creative-studio .cs-composer{padding:16px 17px 0}.creative-studio .cs-composer-state{display:none}.creative-studio .cs-subject-input textarea{font-size:17px}.creative-studio .cs-settings-body{grid-template-columns:1fr;gap:16px}.creative-studio .cs-monitor{max-width:min(100%,calc(330px * var(--preview-ratio,1.7778)))}.creative-studio .cs-monitor-caption{padding:16px 17px 4px}.creative-studio .cs-monitor-footer{padding:11px 17px 14px;flex-wrap:wrap}.creative-studio .cs-shot-strip{padding:0 17px 15px}.creative-studio .cs-shot-sheet{margin:0 17px}.creative-studio .cs-canvas-wrap{min-height:220px}.creative-studio .cs-skill-card h2{font-size:18px}}
@media(max-width:530px){.creative-studio .cs-header{flex-wrap:wrap;gap:14px}.creative-studio .cs-header p{max-width:none}.creative-studio .cs-header-actions{width:100%;justify-content:flex-start}.creative-studio .cs-header-actions button{flex:1}.creative-studio .cs-filters{width:100%;justify-content:space-between;gap:0}.creative-studio .cs-filters button{padding:7px 12px}.creative-studio #cs-search{width:100%;flex:auto}.creative-studio .cs-skill-grid{grid-template-columns:minmax(0,1fr);gap:17px}.creative-studio .cs-card-preview{aspect-ratio:2.7}.creative-studio .cs-card-content{padding:16px 19px 12px}.creative-studio .cs-skill-card h2{font-size:20px}.creative-studio .cs-composer-bottom{flex-wrap:wrap;gap:13px}.creative-studio .cs-format-controls{width:100%;justify-content:space-between;gap:7px}.creative-studio .cs-composer .cs-inline-field{gap:5px;font-size:14px}.creative-studio .cs-composer .cs-inline-field select{padding:6px 5px}.creative-studio .cs-composer .cs-inline-field input[type=number]{width:50px}.creative-studio .cs-composer-top .cs-inline-field select{padding:7px 9px}.creative-studio .cs-composer-bottom #cs-build{width:100%}.creative-studio .cs-settings>summary>span{font-size:13px}.creative-studio .cs-director-bar{margin:22px 0 12px}.creative-studio .cs-canvas-wrap{min-height:0;padding:12px}.creative-studio .cs-monitor-caption strong{font-size:18px}.creative-studio .cs-monitor-footer{gap:10px}.creative-studio .cs-monitor-footer>div{gap:5px}.creative-studio .cs-shot-strip>button{flex-basis:110px}.creative-studio .cs-shot-sheet>summary>span{display:none}.creative-studio .cs-monitor-caption p{font-size:15px}.creative-studio .cs-output-body{padding:17px}}
@media(prefers-reduced-motion:reduce){.creative-studio *,.cs-detail-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.cs-detail-dialog { --cs-ink:#26384e; --cs-line:#dde5ef; width:min(900px,calc(100vw - 32px)); max-width:900px; max-height:90dvh; padding:0; border:1px solid #d7e2ee; border-radius:14px; background:#fff; color:#4f6782; box-shadow:0 25px 90px #10263c30; font-family:inherit; font-size:16px; line-height:1.8; overflow:auto; }
.cs-detail-dialog::backdrop { background:#162a425e; backdrop-filter:blur(4px); }
.cs-detail-dialog>header { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 28px; background:#fff; border-bottom:1px solid #e4eaf3; }
.cs-detail-dialog h2 { font-size:25px; font-weight:600; line-height:1.4; margin:0; }
.cs-detail-dialog header p { margin:7px 0 0; font-size:15px; color:#788ca2; }
.cs-detail-dialog header span { display:block; margin-bottom:5px; color:#7890ab; font-size:14px; }
.cs-detail-dialog>header>button { display:grid; place-items:center; flex:0 0 36px; min-width:36px; height:36px; border:1px solid #e1e8f0; border-radius:8px; background:#f6f8fb; color:#6c8199; font-size:22px; }
.cs-detail-dialog .cs-detail-columns { display:grid; grid-template-columns:1fr 1fr; gap:28px; padding:25px 28px; }
.cs-detail-dialog h3 { margin:0 0 12px; font-size:18px; font-weight:600; }
.cs-detail-dialog p { margin:0 0 15px; font-size:15px; color:#697f96; overflow-wrap:anywhere; }
.cs-detail-dialog>p { margin:0; padding:22px 28px 0; font-size:16px; }
.cs-detail-dialog>h3 { padding:0 28px; margin-top:10px; }
.cs-detail-dialog>.cs-detail-steps { padding:2px 28px 10px; }
.cs-detail-dialog>ul { margin:0 28px 28px; padding-left:20px; }
.cs-detail-dialog ul { padding-left:20px; margin:0 0 22px; font-size:15px; }
.cs-detail-dialog li { margin:9px 0; }
.cs-detail-dialog .cs-detail-steps { counter-reset:cs-step; margin:0; list-style:none; }
.cs-detail-dialog .cs-detail-steps li { position:relative; padding:0 0 17px 36px; margin:0; min-height:43px; font-size:15px; line-height:1.8; }
.cs-detail-dialog .cs-detail-steps li::before { counter-increment:cs-step; content:counter(cs-step,decimal-leading-zero); position:absolute; left:0; top:0; width:25px; color:#8aa1bd; font-size:14px; font-variant-numeric:tabular-nums; }
.cs-detail-dialog .cs-detail-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:20px 28px; border-top:1px solid #e4eaf3; background:#f8fafd; }
.cs-detail-dialog .cs-detail-footer>span { font-size:14px; color:#7a8ca2; }

@media(max-width:600px){.cs-detail-dialog{width:calc(100vw - 24px);max-height:92dvh}.cs-detail-dialog .cs-detail-columns{grid-template-columns:1fr;gap:15px;padding:20px}.cs-detail-dialog>header,.cs-detail-dialog .cs-detail-footer{padding:20px}.cs-detail-dialog>p,.cs-detail-dialog>h3,.cs-detail-dialog>.cs-detail-steps{padding-left:20px;padding-right:20px}.cs-detail-dialog h2{font-size:22px}}