/* 0.7: hierarchy through type, space and surfaces. Outlines are reserved for inputs and focus. */
.aiex-wrap{max-width:1240px;font-size:16px;line-height:1.7;color:#1c2c40}
.aiex-wrap,.aiex-wrap *{box-sizing:border-box}
.aiex-wrap .aiex-page-title{font-size:28px!important;letter-spacing:-.025em}
.aiex-wrap .aiex-lead{font-size:16px;color:#586779;margin:12px 0 26px}
.aiex-wrap .aiex-panel{border:0;border-radius:14px;padding:30px;background:#fff;margin:24px 0}
.aiex-wrap .aiex-panel h2{font-size:22px;margin-bottom:24px}
.aiex-wrap #aiex-form{max-width:860px;margin:0 auto}
.aiex-wrap #aiex-brief-panel .aiex-grid{grid-template-columns:minmax(0,1fr);gap:28px}
.aiex-wrap #aiex-brief-panel label{font-size:18px;line-height:1.6;font-weight:700;color:#1c2c40}
.aiex-wrap input,.aiex-wrap select,.aiex-wrap textarea{padding:12px 14px;border:1px solid #d7dfe7;border-radius:9px;font-size:16px;line-height:1.65;background:#fbfcfd;color:#1c2c40;box-shadow:none;margin-top:9px}
.aiex-wrap input,.aiex-wrap select{min-height:48px}
.aiex-wrap #aiex-brief-panel input::placeholder,.aiex-wrap #aiex-brief-panel textarea::placeholder{font-size:15px;color:#83909e}
.aiex-wrap .aiex-brief-guide,.aiex-wrap .aiex-brief-example{border:0;background:transparent;padding:0;margin:8px 0;font-size:13px;color:#67768a}
.aiex-wrap .aiex-brief-guide{margin-bottom:26px}
.aiex-wrap .aiex-brief-example[open],.aiex-wrap .aiex-brief-guide[open]{background:#f5f7fa;padding:16px;border-radius:10px}
.aiex-wrap details>summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.8;color:#516884}
.aiex-wrap details>summary:focus-visible{outline:3px solid #93b8ed;outline-offset:4px;border-radius:3px}
.aiex-wrap .aiex-field-hint{font-size:13px}
.aiex-wrap .aiex-additional-brief,.aiex-wrap .aiex-character-panel{margin-top:32px;padding-top:20px;border-top:1px solid #edf0f4}
.aiex-wrap .aiex-additional-brief>.aiex-grid{margin-top:24px}
.aiex-wrap .aiex-character-panel>summary{font-size:17px;color:#1c2c40}
.aiex-wrap .aiex-character-panel label{margin-top:20px}
.aiex-wrap #aiex-character-preview{width:200px;height:150px;background:#f3f5f8;margin:16px 0;border-radius:10px;position:relative;overflow:hidden;display:grid;place-items:center}
.aiex-wrap #aiex-character-preview img{max-width:100%;max-height:100%;object-fit:contain}
.aiex-wrap .aiex-flow{display:flex;list-style:none;margin:24px 0 32px;padding:0;gap:24px;color:#8b96a4;flex-wrap:wrap}
.aiex-wrap .aiex-flow li{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;position:relative}
.aiex-wrap .aiex-flow li+li:before{content:'›';color:#b2bac4;margin-right:8px}
.aiex-wrap .aiex-flow li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef1f5;font-size:13px}
.aiex-wrap .aiex-flow .aiex-flow-active{color:#2459a5}
.aiex-wrap .aiex-flow .aiex-flow-active>span{background:#2459a5;color:#fff}
.aiex-wrap .aiex-flow .aiex-flow-done{color:#47756a}
.aiex-wrap .aiex-flow .aiex-flow-done>span{background:#e6f1ed;color:#47756a}
.aiex-wrap .aiex-button,.aiex-wrap .button,.aiex-app .aiex-wrap .button{min-height:42px;padding:8px 16px;border:0;border-radius:8px;background:#eef2f7;color:#355372;font-size:14px;line-height:1.7;box-shadow:none}
.aiex-wrap .button:hover,.aiex-app .aiex-wrap .button:hover{background:#e5ebf4;color:#223e62}
.aiex-wrap .button-primary,.aiex-app .aiex-wrap .button-primary{background:#255aa6;color:#fff}
.aiex-wrap .button-primary:hover,.aiex-app .aiex-wrap .button-primary:hover{background:#1b488b;color:#fff}
.aiex-wrap .button:disabled{opacity:.5;cursor:default}
.aiex-wrap .aiex-generate-panel{padding:10px 30px 24px}
.aiex-wrap #aiex-generate-all{width:100%;min-height:60px;font-size:19px;font-weight:700;border-radius:11px;white-space:normal}
.aiex-wrap .aiex-character-upload,.aiex-app .aiex-wrap .aiex-character-upload{min-height:48px;font-size:16px;font-weight:700;padding:12px 20px}
.aiex-wrap .aiex-generate-panel>.description{text-align:center;font-size:13px;margin:12px 0;color:#657489}
.aiex-wrap .aiex-flow-feedback{margin:8px 0 22px}
.aiex-wrap #aiex-flow-status{font-size:15px;font-weight:600;line-height:1.8;overflow-wrap:anywhere}
.aiex-wrap #aiex-flow-meter{display:block;width:100%;height:7px;accent-color:#255aa6;margin:14px 0;border:0;border-radius:20px;overflow:hidden}
.aiex-wrap .aiex-flow-recovery{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}
.aiex-wrap #aiex-flow-cancel,.aiex-app .aiex-wrap #aiex-flow-cancel{background:#fff1f0;color:#9f2118;font-weight:700}
.aiex-wrap #aiex-flow-cancel:hover,.aiex-app .aiex-wrap #aiex-flow-cancel:hover{background:#ffe4e1;color:#7f1711}
.aiex-wrap .aiex-flow-warnings{font-size:13px;margin-top:12px;background:#fff7e8;padding:14px 18px;border-radius:9px}
.aiex-wrap .aiex-flow-warnings ul{padding-left:20px}
.aiex-wrap .aiex-tabs{gap:4px;border-bottom:1px solid #e6ebf1;padding-bottom:12px}
.aiex-wrap .aiex-tabs .button{font-size:15px;background:transparent;color:#7c8999}
.aiex-wrap .aiex-tabs .aiex-tab-active,.aiex-app .aiex-wrap .aiex-tabs .aiex-tab-active{background:#eaf0f9;color:#244f8e;font-weight:700}
.aiex-wrap .aiex-advanced-tools,.aiex-wrap .aiex-direct-edit{margin:18px 30px}
.aiex-wrap .aiex-advanced-tools>.aiex-panel{padding:20px;background:#f7f9fc}
.aiex-wrap .aiex-toolbar{border:0;background:transparent;padding:24px 30px;gap:12px}
.aiex-wrap .aiex-scene{border:0;padding:24px;background:#f4f6f9;margin:24px 0;border-radius:12px}
.aiex-wrap .aiex-cut{border:0;padding:20px;border-radius:10px}
.aiex-wrap .aiex-cut label{font-size:15px}
.aiex-wrap .aiex-empty{border:0;background:#f5f7fa;padding:30px;font-size:14px}
.aiex-wrap .aiex-preview-heading{background:#f1f5fa;padding:30px 32px;border-radius:14px}
.aiex-wrap .aiex-preview-heading h2{font-size:30px;letter-spacing:-.025em;line-height:1.4}
.aiex-wrap .aiex-preview-message{font-size:21px;font-weight:700;color:#24509a;white-space:pre-wrap;margin-top:22px}
.aiex-wrap .aiex-overview{margin:32px 0;padding:0 8px}
.aiex-wrap .aiex-overview h3{font-size:21px;margin:0 0 8px}
.aiex-wrap .aiex-sequence{display:flex;gap:16px;overflow-x:auto;padding:12px 0 18px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.aiex-wrap .aiex-sequence-cut{flex:0 0 235px;min-width:0;scroll-snap-align:start}
.aiex-wrap .aiex-sequence-cut small{display:block;font-size:12px;color:#60738b;margin-top:9px}
.aiex-wrap .aiex-sequence-cut p{font-size:15px;font-weight:600;margin:3px 0 9px}
.aiex-wrap .aiex-sequence-cut .button{font-size:12px;min-height:34px;padding:5px 12px}
.aiex-wrap .aiex-track-controls{display:flex;align-items:center;gap:6px;margin:10px 0}
.aiex-wrap .aiex-track-controls .button{min-width:36px;min-height:36px;padding:5px 10px}
.aiex-wrap .aiex-track-controls span{font-size:12px;color:#8090a2;margin-left:6px}
.aiex-wrap .aiex-script-overview{padding:18px 22px;background:#f6f8fb;border-radius:12px;margin:24px 0}
.aiex-wrap .aiex-script-overview table{border:0;font-size:14px;min-width:560px;margin-top:14px;white-space:pre-wrap}
.aiex-wrap .aiex-script-overview th,.aiex-wrap .aiex-script-overview td{vertical-align:top;padding:14px 12px;text-align:left}
.aiex-wrap .aiex-script-overview td:first-child{white-space:nowrap;width:100px}
.aiex-wrap .aiex-preview-scene{border:0;background:#fff;padding:28px 8px;border-radius:0;margin:22px 0;border-bottom:1px solid #e9eef4;scroll-margin-top:90px}
.aiex-wrap .aiex-preview-scene h3{font-size:23px;font-weight:700;letter-spacing:-.02em}
.aiex-wrap .aiex-preview-cuts{display:flex;gap:22px;overflow-x:auto;padding:10px 0 18px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.aiex-wrap .aiex-preview-cut{flex:0 0 420px;max-width:86%;scroll-snap-align:start}
.aiex-wrap .aiex-preview-cut h4{font-size:13px;font-weight:600}
.aiex-wrap .aiex-preview-frame{border:0;border-radius:9px;background:#eef1f5;max-height:none;aspect-ratio:16/9}
.aiex-wrap .aiex-frame-portrait{aspect-ratio:9/16;max-height:none}
.aiex-wrap .aiex-sequence-cut .aiex-frame-portrait{height:260px;aspect-ratio:auto}
.aiex-wrap .aiex-preview-visual{font-size:16px;line-height:1.8;margin:13px 0}
.aiex-wrap .aiex-preview-copy{border-top:0;background:#f7f9fc;border-radius:11px;padding:14px 22px;margin:14px 0}
.aiex-wrap .aiex-preview-text{grid-template-columns:120px minmax(0,1fr);gap:16px}
.aiex-wrap .aiex-preview-text h4{font-size:14px;font-weight:700}
.aiex-wrap .aiex-preview-text p{font-size:16px;line-height:1.85}
.aiex-wrap .aiex-cut-direction{font-size:13px;margin:14px 0}
.aiex-wrap .aiex-cut-direction .aiex-preview-text{grid-template-columns:90px minmax(0,1fr);gap:12px}
.aiex-wrap .aiex-cut-direction .aiex-preview-text p{font-size:14px}
.aiex-wrap .aiex-image-versions{margin-top:18px}
.aiex-wrap .aiex-image-candidate{border:0;background:#f2f5f9}
.aiex-wrap .aiex-image-selected{box-shadow:inset 0 0 0 2px #478668}
.aiex-wrap .aiex-progress{border:0;background:#fff1ee;border-radius:10px;box-shadow:none;font-size:16px}
.aiex-wrap .aiex-badge{font-size:12px;background:#edf2f8;color:#4f6d90}
.aiex-wrap .aiex-review-item{border:0;background:#f6f8fb}
.aiex-app .aiex-account-bar{border:0;background:#f5f7fa}
@media(max-width:782px){
 .aiex-wrap .aiex-page-title{font-size:24px!important}
 .aiex-wrap .aiex-panel{padding:22px 16px}
 .aiex-wrap .aiex-generate-panel{padding:8px 16px 20px}
 .aiex-wrap .aiex-advanced-tools,.aiex-wrap .aiex-direct-edit{margin:18px 16px}
 .aiex-wrap .aiex-toolbar{padding:22px 16px}
 .aiex-wrap .aiex-flow{gap:8px;justify-content:space-between}
 .aiex-wrap .aiex-flow li{font-size:12px;gap:5px}
 .aiex-wrap .aiex-flow li+li:before{margin-right:0}
 .aiex-wrap .aiex-flow li>span{width:24px;height:24px;font-size:12px}
 .aiex-wrap .aiex-preview-heading{padding:24px 18px}
 .aiex-wrap .aiex-preview-heading h2{font-size:25px}
 .aiex-wrap .aiex-preview-scene h3{font-size:21px}
 .aiex-wrap .aiex-preview-copy{padding:14px 16px}
 .aiex-wrap .aiex-preview-text{grid-template-columns:1fr;gap:4px}
 .aiex-wrap .aiex-cut-direction .aiex-preview-text{grid-template-columns:1fr;gap:4px}
 .aiex-wrap .aiex-preview-cut{flex-basis:340px;max-width:88%}
 .aiex-wrap .aiex-preview-cuts{gap:16px}
 .aiex-wrap .aiex-script-overview{padding:16px}
}