/* Dragon AI v20.0 — Estúdio mapeado: Original, Imersivo e Movimento */
#studio-app.studio-v20{display:none;min-height:100%;padding:18px 22px 110px;background:
radial-gradient(circle at 82% 4%,rgba(236,35,55,.08),transparent 31%),
radial-gradient(circle at 12% 75%,rgba(135,17,33,.06),transparent 34%),#090a0d;color:#f6f7f9}
#studio-app.studio-v20.active{display:block!important}
#studio-app.studio-v20 *{box-sizing:border-box}
#studio-app.studio-v20 button,#studio-app.studio-v20 input,#studio-app.studio-v20 textarea{font:inherit}
#studio-app.studio-v20 .sv20-topbar{position:sticky;top:10px;z-index:35;width:min(1240px,100%);margin:0 auto 15px;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:rgba(13,15,19,.94);backdrop-filter:blur(16px);box-shadow:0 16px 44px rgba(0,0,0,.27)}
#studio-app.studio-v20 .sv20-progress{display:grid;gap:7px}
#studio-app.studio-v20 .sv20-progress-item{min-width:0;min-height:48px;padding:8px 9px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:#111319;color:#737985;font-size:10px;font-weight:800}
#studio-app.studio-v20 .sv20-progress-item .n{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:#191b21;color:#818793}
#studio-app.studio-v20 .sv20-progress-item .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#studio-app.studio-v20 .sv20-progress-item.active{color:#fff;border-color:rgba(241,54,70,.38);background:linear-gradient(135deg,rgba(239,38,57,.13),#111319 70%);box-shadow:inset 2px 0 0 #ef3342}
#studio-app.studio-v20 .sv20-progress-item.active .n{border-color:#f45461;background:linear-gradient(145deg,#ef3342,#aa1021);color:#fff}
#studio-app.studio-v20 .sv20-progress-item.done{color:#aab1ba}
#studio-app.studio-v20 .sv20-progress-item.done .n{border-color:#2b6e4d;background:#173a29;color:#68da9d}
#studio-app.studio-v20 .sv20-note{width:min(1240px,100%);margin:0 auto 12px;padding:10px 14px;border:1px solid rgba(255,80,80,.16);border-radius:11px;background:rgba(120,0,0,.06);font-size:10px;color:#8f949e}
#studio-app.studio-v20 .sv20-stage{width:min(1180px,100%);margin:0 auto}
#studio-app.studio-v20 .sv20-panel{padding:28px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:linear-gradient(150deg,#101217,#0c0e12);box-shadow:0 18px 55px rgba(0,0,0,.16)}
#studio-app.studio-v20 .sv20-head{margin-bottom:23px}
#studio-app.studio-v20 .sv20-kicker{display:inline-flex;margin-bottom:9px;padding:6px 9px;border:1px solid rgba(239,51,66,.2);border-radius:8px;background:rgba(239,38,57,.055);color:#ef5966;font-size:8.5px;font-weight:950;letter-spacing:1px}
#studio-app.studio-v20 .sv20-head h1{margin:0;font-size:clamp(28px,3vw,39px);line-height:1.08;letter-spacing:-1px}
#studio-app.studio-v20 .sv20-head h1 em{font-style:normal;color:#ef3d4d}
#studio-app.studio-v20 .sv20-head p{max-width:760px;margin:9px 0 0;color:#858b96;font-size:11.5px;line-height:1.6}
#studio-app.studio-v20 .sv20-grid{display:grid;gap:13px}
#studio-app.studio-v20 .sv20-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#studio-app.studio-v20 .sv20-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#studio-app.studio-v20 .sv20-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#studio-app.studio-v20 .sv20-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#studio-app.studio-v20 .sv20-card{position:relative;width:100%;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#121419;color:#f5f6f8;text-align:left;cursor:pointer;transition:.18s ease}
#studio-app.studio-v20 .sv20-card:hover{transform:translateY(-1px);border-color:rgba(239,61,77,.34);background:#15171d}
#studio-app.studio-v20 .sv20-card.selected{border-color:#ef3342;box-shadow:0 0 0 1px rgba(239,51,66,.3),0 0 28px rgba(239,38,57,.09);background:linear-gradient(145deg,rgba(239,38,57,.1),#121419 62%)}
#studio-app.studio-v20 .sv20-check{position:absolute;right:10px;top:10px;width:25px;height:25px;display:none;place-items:center;border-radius:50%;background:#ef3342;color:#fff;font-size:11px;font-weight:900;z-index:3}
#studio-app.studio-v20 .sv20-card.selected .sv20-check{display:grid}
#studio-app.studio-v20 .sv20-format-card{overflow:hidden;min-height:390px;padding:0}
#studio-app.studio-v20 .sv20-format-media{height:268px;background:#181a20;overflow:hidden}
#studio-app.studio-v20 .sv20-format-media video{width:100%;height:100%;display:block;object-fit:cover}
#studio-app.studio-v20 .sv20-format-copy{padding:16px 17px 18px}
#studio-app.studio-v20 .sv20-format-copy small{color:#ef5865;font-size:8px;font-weight:900;letter-spacing:.6px}
#studio-app.studio-v20 .sv20-format-copy h3{margin:6px 0 5px;font-size:22px}
#studio-app.studio-v20 .sv20-format-copy p{margin:0;color:#8f949d;font-size:10px;line-height:1.5}
#studio-app.studio-v20 .sv20-source{min-height:116px;padding:18px}
#studio-app.studio-v20 .sv20-source .icon{font-size:25px}
#studio-app.studio-v20 .sv20-source strong{display:block;margin-top:10px;font-size:13px}
#studio-app.studio-v20 .sv20-source small{display:block;margin-top:4px;color:#828894;font-size:9px;line-height:1.45}
#studio-app.studio-v20 .sv20-tools{display:flex;gap:9px;align-items:center;margin:16px 0 12px}
#studio-app.studio-v20 .sv20-search{flex:1;height:46px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#101217;color:#f6f7f9;outline:none}
#studio-app.studio-v20 .sv20-search:focus,#studio-app.studio-v20 textarea:focus,#studio-app.studio-v20 input[type="text"]:focus{border-color:rgba(239,51,66,.55);box-shadow:0 0 0 3px rgba(239,51,66,.07)}
#studio-app.studio-v20 .sv20-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}
#studio-app.studio-v20 .sv20-chip{min-height:35px;padding:7px 12px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:#15171c;color:#a5aab3;cursor:pointer;font-size:9px;font-weight:800}
#studio-app.studio-v20 .sv20-chip.selected{border-color:#ef3342;background:rgba(239,38,57,.11);color:#fff}
#studio-app.studio-v20 .sv20-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;max-height:430px;overflow:auto;padding-right:3px}
#studio-app.studio-v20 .sv20-product{overflow:hidden;padding:0}
#studio-app.studio-v20 .sv20-product-media{height:166px;background:#17191f}
#studio-app.studio-v20 .sv20-product-media img{width:100%;height:100%;display:block;object-fit:cover}
#studio-app.studio-v20 .sv20-product-copy{padding:11px}
#studio-app.studio-v20 .sv20-product-copy b{display:block;font-size:10.5px;line-height:1.35}
#studio-app.studio-v20 .sv20-product-copy small{display:block;margin-top:5px;color:#818792;font-size:8.5px}
#studio-app.studio-v20 .sv20-selected{margin-top:14px;padding:11px 13px;display:flex;align-items:center;gap:11px;border:1px solid rgba(83,211,135,.19);border-radius:12px;background:rgba(44,117,75,.06)}
#studio-app.studio-v20 .sv20-selected img{width:48px;height:48px;border-radius:9px;object-fit:cover;background:#fff}
#studio-app.studio-v20 .sv20-selected small{display:block;color:#62dc91;font-size:8px;font-weight:900}
#studio-app.studio-v20 .sv20-selected b{display:block;margin-top:3px;font-size:10.5px}
#studio-app.studio-v20 .sv20-upload{padding:24px;border:1px dashed rgba(239,51,66,.28);border-radius:15px;background:rgba(239,38,57,.025)}
#studio-app.studio-v20 .sv20-upload-row{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}
#studio-app.studio-v20 .sv20-upload-preview{height:180px;border-radius:13px;overflow:hidden;background:#16181e;display:grid;place-items:center;color:#747985}
#studio-app.studio-v20 .sv20-upload-preview img{width:100%;height:100%;object-fit:contain;background:#f4f4f4}
#studio-app.studio-v20 .sv20-file-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid rgba(239,51,66,.35);border-radius:10px;background:rgba(239,38,57,.09);color:#fff;cursor:pointer;font-size:9.5px;font-weight:900}
#studio-app.studio-v20 .sv20-field{margin-top:12px}
#studio-app.studio-v20 .sv20-field label{display:block;margin-bottom:6px;color:#9da2ab;font-size:8.5px;font-weight:900;letter-spacing:.4px}
#studio-app.studio-v20 .sv20-field input[type="text"],#studio-app.studio-v20 .sv20-field textarea{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0e1015;color:#f7f7f8;outline:none}
#studio-app.studio-v20 .sv20-field input[type="text"]{height:43px;padding:0 12px}
#studio-app.studio-v20 .sv20-field textarea{min-height:94px;padding:11px 12px;resize:vertical;line-height:1.5}
#studio-app.studio-v20 .sv20-avatar-tabs{display:flex;gap:7px;margin-bottom:14px}
#studio-app.studio-v20 .sv20-avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#studio-app.studio-v20 .sv20-avatar{overflow:hidden;padding:0}
#studio-app.studio-v20 .sv20-avatar-media{height:235px;background:#17191e}
#studio-app.studio-v20 .sv20-avatar-media img{width:100%;height:100%;display:block;object-fit:cover}
#studio-app.studio-v20 .sv20-avatar-copy{padding:11px 12px}
#studio-app.studio-v20 .sv20-avatar-copy b{font-size:11px}
#studio-app.studio-v20 .sv20-block{margin-top:14px;padding:19px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#111319}
#studio-app.studio-v20 .sv20-block:first-of-type{margin-top:0}
#studio-app.studio-v20 .sv20-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
#studio-app.studio-v20 .sv20-block-head .left{display:flex;align-items:flex-start;gap:10px}
#studio-app.studio-v20 .sv20-stepbadge{padding:5px 7px;border-radius:7px;background:rgba(239,38,57,.1);color:#ef5966;font-size:8px;font-weight:950}
#studio-app.studio-v20 .sv20-block-head h3{margin:0;font-size:14px}
#studio-app.studio-v20 .sv20-block-head p{margin:4px 0 0;color:#818793;font-size:9px;line-height:1.45}
#studio-app.studio-v20 .sv20-option{min-height:96px;padding:13px}
#studio-app.studio-v20 .sv20-option .oi{font-size:22px;color:#ef5966}
#studio-app.studio-v20 .sv20-option b{display:block;margin-top:9px;font-size:10px}
#studio-app.studio-v20 .sv20-option small{display:block;margin-top:4px;color:#7e848f;font-size:8.5px;line-height:1.4}
#studio-app.studio-v20 .sv20-inline{display:flex;align-items:center;justify-content:space-between;gap:16px}
#studio-app.studio-v20 .sv20-inline .sv20-chips{margin:0;justify-content:flex-end}
#studio-app.studio-v20 .sv20-voice-banner{padding:17px 19px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(239,51,66,.16);border-radius:15px;background:linear-gradient(90deg,rgba(239,38,57,.1),rgba(105,18,132,.06))}
#studio-app.studio-v20 .sv20-voice-banner strong{font-size:14px}
#studio-app.studio-v20 .sv20-voice-banner small{display:block;margin-top:4px;color:#8d929c;font-size:9px}
#studio-app.studio-v20 .sv20-wave{color:#ef3a50;letter-spacing:2px}
#studio-app.studio-v20 .sv20-takes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
#studio-app.studio-v20 .sv20-take{min-height:88px;padding:13px;text-align:center}
#studio-app.studio-v20 .sv20-take b{display:block;font-size:25px}
#studio-app.studio-v20 .sv20-take small{display:block;margin-top:5px;color:#858a94;font-size:8.5px}
#studio-app.studio-v20 .sv20-dialog{margin-top:10px;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:#0f1116}
#studio-app.studio-v20 .sv20-dialog label{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:#fff;font-size:9px;font-weight:850}
#studio-app.studio-v20 .sv20-dialog label span:last-child{color:#8b9099;font-weight:700}
#studio-app.studio-v20 .sv20-dialog textarea{width:100%;min-height:72px;padding:10px 11px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#0b0d11;color:#f7f7f8;outline:none;resize:vertical;line-height:1.45}
#studio-app.studio-v20 .sv20-airow{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
#studio-app.studio-v20 .sv20-primary-small{min-height:38px;padding:0 16px;border:1px solid #ef3342;border-radius:10px;background:linear-gradient(135deg,#ff315c,#d4143b);color:#fff;cursor:pointer;font-size:9px;font-weight:950;box-shadow:0 8px 22px rgba(239,51,66,.25);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
#studio-app.studio-v20 .sv20-primary-small:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(239,51,66,.34);filter:brightness(1.05)}
#studio-app.studio-v20 .sv20-primary-small.has-options{min-width:112px}
#studio-app.studio-v20 .sv20-primary-small:disabled{opacity:.55;cursor:wait}
#studio-app.studio-v20 .sv20-option-nav{display:flex;align-items:center;gap:6px}
#studio-app.studio-v20 .sv20-option-nav button{width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#16181e;color:#fff;cursor:pointer}
#studio-app.studio-v20 .sv20-option-nav strong{min-width:92px;text-align:center;color:#ef5966;font-size:9px}
#studio-app.studio-v20 .sv20-status{min-height:18px;margin-top:8px;color:#8b919b;font-size:9px}
#studio-app.studio-v20 .sv20-movement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#studio-app.studio-v20 .sv20-movement{overflow:hidden;padding:0}
#studio-app.studio-v20 .sv20-movement-media{height:225px;background:#17191f;position:relative}
#studio-app.studio-v20 .sv20-movement-media video,#studio-app.studio-v20 .sv20-movement-media img{width:100%;height:100%;object-fit:cover;display:block}
#studio-app.studio-v20 .sv20-movement-badge{position:absolute;left:8px;top:8px;padding:4px 7px;border-radius:7px;background:rgba(8,9,12,.86);color:#ef5360;font-size:7px;font-weight:950;letter-spacing:.4px}
#studio-app.studio-v20 .sv20-movement-copy{padding:11px 12px}
#studio-app.studio-v20 .sv20-movement-copy b{display:block;font-size:10.5px}
#studio-app.studio-v20 .sv20-movement-copy small{display:block;margin-top:4px;color:#858a94;font-size:8.5px;line-height:1.4}
#studio-app.studio-v20 .sv20-reference{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
#studio-app.studio-v20 .sv20-ref-card{padding:12px;display:flex;gap:11px;align-items:center;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#111319}
#studio-app.studio-v20 .sv20-ref-card img{width:54px;height:54px;border-radius:9px;object-fit:cover;background:#fff}
#studio-app.studio-v20 .sv20-ref-card small{display:block;color:#ef5966;font-size:7.5px;font-weight:950}
#studio-app.studio-v20 .sv20-ref-card b{display:block;margin-top:3px;font-size:10px}
#studio-app.studio-v20 .sv20-summary{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 15px}
#studio-app.studio-v20 .sv20-summary span{padding:7px 9px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#13151b;color:#a4a9b2;font-size:8.5px}
#studio-app.studio-v20 .sv20-prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#studio-app.studio-v20 .sv20-prompt-grid.one{grid-template-columns:1fr}
#studio-app.studio-v20 .sv20-prompt-card{padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#111319}
#studio-app.studio-v20 .sv20-prompt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
#studio-app.studio-v20 .sv20-prompt-head h3{margin:0;font-size:12px}
#studio-app.studio-v20 .sv20-prompt-head p{margin:4px 0 0;color:#858a94;font-size:8.5px}
#studio-app.studio-v20 .sv20-copy{min-height:34px;padding:0 11px;border:1px solid rgba(239,51,66,.25);border-radius:9px;background:rgba(239,38,57,.07);color:#fff;cursor:pointer;font-size:8.5px;font-weight:900}
#studio-app.studio-v20 .sv20-prompt{width:100%;height:345px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0b0d11;color:#e8e9ec;outline:none;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9.2px;line-height:1.5}
#studio-app.studio-v20 .sv20-creation-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
#studio-app.studio-v20 .sv20-copyall{min-height:42px;padding:0 15px;border:1px solid #ef3342;border-radius:10px;background:linear-gradient(135deg,#ef3342,#ad1023);color:#fff;cursor:pointer;font-size:9.5px;font-weight:950}
#studio-app.studio-v20 .sv20-external{display:flex;gap:8px}
#studio-app.studio-v20 .sv20-external a{min-height:42px;padding:0 13px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#15171c;color:#fff;text-decoration:none;font-size:9px;font-weight:850}
#studio-app.studio-v20 .sv20-footer{position:sticky;bottom:11px;z-index:30;width:min(1180px,100%);margin:14px auto 0;padding:10px;display:flex;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(12,14,18,.94);backdrop-filter:blur(12px)}
#studio-app.studio-v20 .sv20-footer button{min-height:43px;padding:0 17px;border-radius:10px;cursor:pointer;font-size:10px;font-weight:900}
#studio-app.studio-v20 .sv20-back{border:1px solid rgba(255,255,255,.08);background:#15171c;color:#d0d3d8}
#studio-app.studio-v20 .sv20-next{border:1px solid #ef3342;background:linear-gradient(135deg,#ef3342,#af1124);color:#fff}
#studio-app.studio-v20 .sv20-next:disabled{opacity:.45;cursor:not-allowed}
#studio-app.studio-v20 .sv20-empty{grid-column:1/-1;padding:28px;border:1px dashed rgba(255,255,255,.08);border-radius:12px;text-align:center;color:#7e848e;font-size:9.5px}
#studio-app.studio-v20 .sv20-error{color:#ff707d}
@media(max-width:1050px){
 #studio-app.studio-v20{padding:14px 14px 100px}
 #studio-app.studio-v20 .sv20-product-grid,#studio-app.studio-v20 .sv20-avatar-grid,#studio-app.studio-v20 .sv20-movement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #studio-app.studio-v20 .sv20-grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
 #studio-app.studio-v20 .sv20-progress{overflow-x:auto;grid-template-columns:repeat(var(--step-count,6),minmax(105px,1fr))!important}
 #studio-app.studio-v20 .sv20-panel{padding:20px}
 #studio-app.studio-v20 .sv20-grid.cols-3,#studio-app.studio-v20 .sv20-grid.cols-4,#studio-app.studio-v20 .sv20-grid.cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}
 #studio-app.studio-v20 .sv20-product-grid,#studio-app.studio-v20 .sv20-avatar-grid,#studio-app.studio-v20 .sv20-movement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #studio-app.studio-v20 .sv20-prompt-grid,#studio-app.studio-v20 .sv20-reference{grid-template-columns:1fr}
 #studio-app.studio-v20 .sv20-inline{align-items:flex-start;flex-direction:column}
 #studio-app.studio-v20 .sv20-inline .sv20-chips{justify-content:flex-start}
 #studio-app.studio-v20 .sv20-creation-actions{align-items:stretch;flex-direction:column}
 #studio-app.studio-v20 .sv20-external{flex-wrap:wrap}
}
@media(max-width:540px){
 #studio-app.studio-v20{padding:10px 8px 90px}
 #studio-app.studio-v20 .sv20-panel{padding:16px}
 #studio-app.studio-v20 .sv20-grid.cols-2,#studio-app.studio-v20 .sv20-grid.cols-3,#studio-app.studio-v20 .sv20-grid.cols-4,#studio-app.studio-v20 .sv20-grid.cols-5{grid-template-columns:1fr}
 #studio-app.studio-v20 .sv20-product-grid,#studio-app.studio-v20 .sv20-avatar-grid,#studio-app.studio-v20 .sv20-movement-grid{grid-template-columns:1fr 1fr}
 #studio-app.studio-v20 .sv20-format-card{min-height:300px}
 #studio-app.studio-v20 .sv20-format-media{height:190px}
 #studio-app.studio-v20 .sv20-avatar-media,#studio-app.studio-v20 .sv20-movement-media{height:180px}
 #studio-app.studio-v20 .sv20-upload-row{grid-template-columns:1fr}
 #studio-app.studio-v20 .sv20-takes{grid-template-columns:repeat(5,minmax(60px,1fr));overflow-x:auto}
}

/* =========================================================
   Dragon AI Studio v20.2 — identidade própria + UX rápida
   ========================================================= */
#studio-app.studio-v20{
  --dragon-red:#e52a37;
  --dragon-red-2:#ff4654;
  --dragon-ink:#090a0d;
  --dragon-panel:#0f1115;
  --dragon-panel-2:#14171c;
  --dragon-line:rgba(255,255,255,.075);
  --dragon-muted:#858c96;
  background:
    linear-gradient(120deg,rgba(229,42,55,.035),transparent 24%),
    radial-gradient(circle at 92% 10%,rgba(229,42,55,.09),transparent 25%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 18px),
    #08090b!important;
}

/* tira o visual de “card central copiado” e abre o Studio */
#studio-app.studio-v20 .sv20-stage{width:min(1260px,100%)!important}
#studio-app.studio-v20 .sv20-panel{
  padding:24px 10px 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#studio-app.studio-v20 .sv20-head{
  position:relative;
  margin:0 0 26px!important;
  padding-left:18px;
}
#studio-app.studio-v20 .sv20-head:before{
  content:"";
  position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:3px;
  background:linear-gradient(180deg,var(--dragon-red-2),#7d0e18);
  box-shadow:0 0 22px rgba(229,42,55,.22);
}
#studio-app.studio-v20 .sv20-kicker{
  padding:0!important;border:0!important;background:transparent!important;
  color:#a0a6af!important;font-size:8px!important;letter-spacing:1.8px!important;
}
#studio-app.studio-v20 .sv20-head h1{font-size:clamp(30px,3.1vw,42px)!important;letter-spacing:-1.4px!important}
#studio-app.studio-v20 .sv20-head h1 em{color:var(--dragon-red-2)!important}
#studio-app.studio-v20 .sv20-head p{font-size:11px!important;color:#777f89!important}

/* progresso = trilho Dragon, não os cards da referência */
#studio-app.studio-v20 .sv20-topbar{
  position:sticky!important;top:8px!important;z-index:70!important;
  width:min(1260px,100%)!important;margin:0 auto 10px!important;padding:10px 14px!important;
  border:1px solid rgba(255,255,255,.055)!important;border-radius:14px!important;
  background:rgba(8,9,12,.92)!important;box-shadow:0 14px 40px rgba(0,0,0,.26)!important;
}
#studio-app.studio-v20 .sv20-progress{gap:0!important}
#studio-app.studio-v20 .sv20-progress-item{
  position:relative!important;min-height:42px!important;padding:5px 10px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  color:#5f6670!important;font-size:9px!important;
}
#studio-app.studio-v20 .sv20-progress-item:after{
  content:"";position:absolute;left:42px;right:0;bottom:0;height:1px;background:rgba(255,255,255,.06)
}
#studio-app.studio-v20 .sv20-progress-item:last-child:after{display:none}
#studio-app.studio-v20 .sv20-progress-item .n{
  width:27px!important;height:27px!important;flex:0 0 27px!important;border-radius:50%!important;
  background:#111319!important;border:1px solid #292d34!important;color:#747b85!important;
}
#studio-app.studio-v20 .sv20-progress-item.active{color:#fff!important;box-shadow:none!important}
#studio-app.studio-v20 .sv20-progress-item.active .n{
  border-color:var(--dragon-red-2)!important;background:#190c10!important;color:#ff6873!important;
  box-shadow:0 0 0 4px rgba(229,42,55,.06)!important
}
#studio-app.studio-v20 .sv20-progress-item.done .n{border-color:#6e1c25!important;background:#150d10!important;color:#ff6873!important}
#studio-app.studio-v20 .sv20-note{
  width:min(1260px,100%)!important;margin:0 auto 8px!important;padding:8px 12px!important;
  border:0!important;border-left:2px solid rgba(229,42,55,.35)!important;border-radius:0!important;
  background:transparent!important;color:#666d77!important;font-size:8.5px!important
}

/* 3 formatos grandes — vídeo 9:16 inteiro */
#studio-app.studio-v20 .sv20-format-panel{padding-top:18px!important}
#studio-app.studio-v20 .sv20-dragon-format-grid{
  display:grid;grid-template-columns:repeat(3,minmax(280px,350px));justify-content:center;align-items:start;gap:24px;
}
#studio-app.studio-v20 .sv20-format-card{
  min-height:0!important;padding:0!important;overflow:hidden!important;border-radius:18px!important;
  border:1px solid rgba(255,255,255,.07)!important;background:#0d0f13!important;
  box-shadow:0 18px 48px rgba(0,0,0,.26)!important;transform:none!important
}
#studio-app.studio-v20 .sv20-format-card:hover{
  border-color:rgba(255,255,255,.15)!important;transform:translateY(-3px)!important
}
#studio-app.studio-v20 .sv20-format-card.selected{
  border-color:rgba(229,42,55,.72)!important;
  box-shadow:0 0 0 1px rgba(229,42,55,.18),0 20px 58px rgba(0,0,0,.38),0 0 34px rgba(229,42,55,.08)!important;
  background:#0d0f13!important
}
#studio-app.studio-v20 .sv20-format-topline{
  height:42px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.055);color:#686f79;font-size:7.5px;font-weight:950;letter-spacing:1.5px
}
#studio-app.studio-v20 .sv20-format-topline b{font-size:15px;color:#3f444c;font-weight:900}
#studio-app.studio-v20 .sv20-format-card.selected .sv20-format-topline b{color:var(--dragon-red-2)}
#studio-app.studio-v20 .sv20-format-media{
  position:relative!important;width:100%!important;height:auto!important;aspect-ratio:9/16!important;
  background:#050608!important;overflow:hidden!important
}
#studio-app.studio-v20 .sv20-format-media video{
  width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;background:#050608!important
}
#studio-app.studio-v20 .sv20-format-glow{
  position:absolute;left:0;right:0;bottom:0;height:80px;pointer-events:none;
  background:linear-gradient(transparent,rgba(7,8,10,.72))
}
#studio-app.studio-v20 .sv20-format-copy{padding:15px 16px 17px!important;border-top:1px solid rgba(255,255,255,.045)}
#studio-app.studio-v20 .sv20-format-copy small{color:#7d838c!important;font-size:7.5px!important;letter-spacing:1.1px!important}
#studio-app.studio-v20 .sv20-format-copy h3{margin:5px 0 5px!important;font-size:23px!important;letter-spacing:-.5px}
#studio-app.studio-v20 .sv20-format-copy p{min-height:46px;color:#777e87!important;font-size:9.3px!important}
#studio-app.studio-v20 .sv20-format-cta{display:block;margin-top:12px;color:#b1b6bd;font-size:8.5px;font-weight:900}
#studio-app.studio-v20 .sv20-format-card.selected .sv20-format-cta{color:#ff6570}
#studio-app.studio-v20 .sv20-format-card .sv20-check{
  right:12px!important;top:54px!important;width:29px!important;height:29px!important;border-radius:8px!important;
  background:#e12a38!important;box-shadow:0 8px 22px rgba(229,42,55,.22)!important
}

/* blocos internos com linguagem Dragon */
#studio-app.studio-v20 .sv20-block{
  position:relative!important;margin-top:16px!important;padding:18px 18px 18px 21px!important;
  border:1px solid var(--dragon-line)!important;border-radius:13px!important;
  background:linear-gradient(105deg,#101217,#0c0e12 72%)!important;box-shadow:none!important
}
#studio-app.studio-v20 .sv20-block:before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:rgba(229,42,55,.5)
}
#studio-app.studio-v20 .sv20-stepbadge{
  color:#ff6570!important;background:#190d11!important;border:1px solid rgba(229,42,55,.18)!important;border-radius:6px!important
}
#studio-app.studio-v20 .sv20-voice-banner{
  border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;
  background:linear-gradient(90deg,#111318,#0c0e12)!important
}
#studio-app.studio-v20 .sv20-wave{color:#6f1e27!important}

/* Dragon Script AI — layout próprio */
#studio-app.studio-v20 .sv20-ai-console{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-bottom:12px;padding:14px 14px 14px 16px;
  border:1px solid rgba(229,42,55,.18);border-radius:12px;
  background:linear-gradient(110deg,rgba(229,42,55,.075),#0c0e12 48%,#0c0e12);
}
#studio-app.studio-v20 .sv20-ai-console-copy span{display:block;color:#ff626e;font-size:7.5px;font-weight:950;letter-spacing:1.5px}
#studio-app.studio-v20 .sv20-ai-console-copy strong{display:block;margin-top:4px;font-size:12px;color:#f2f3f5}
#studio-app.studio-v20 .sv20-ai-console-copy small{display:block;margin-top:3px;color:#737a84;font-size:8.5px}
#studio-app.studio-v20 .sv20-primary-small{
  min-width:142px!important;min-height:42px!important;padding:0 15px!important;border:1px solid #7e1b24!important;border-radius:9px!important;
  background:#161015!important;color:#ff727c!important;box-shadow:none!important;font-size:9px!important;letter-spacing:.1px
}
#studio-app.studio-v20 .sv20-primary-small:hover{transform:none!important;background:#1c1015!important;border-color:#b52733!important;box-shadow:none!important}
#studio-app.studio-v20 .sv20-primary-small.has-options{min-width:142px!important;background:#1a0e12!important;border-color:#9e202b!important;color:#fff!important}
#studio-app.studio-v20 .sv20-primary-small.is-refining:after{content:" · IA";color:#ff6672;animation:sv20pulse 1s ease-in-out infinite}
@keyframes sv20pulse{50%{opacity:.35}}
#studio-app.studio-v20 .sv20-ai-options{margin:0 0 8px}
#studio-app.studio-v20 .sv20-ai-empty{
  min-height:52px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px dashed rgba(255,255,255,.07);border-radius:10px;background:#0b0d10;color:#646b75
}
#studio-app.studio-v20 .sv20-ai-empty>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(229,42,55,.2);border-radius:8px;color:#d94752;background:#120d10}
#studio-app.studio-v20 .sv20-ai-empty b{display:block;color:#9298a1;font-size:8.8px}
#studio-app.studio-v20 .sv20-ai-empty small{display:block;margin-top:2px;font-size:7.8px;color:#5f6670}
#studio-app.studio-v20 .sv20-option-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
#studio-app.studio-v20 .sv20-option-tabs button{
  min-height:48px;padding:7px 8px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.06);border-radius:9px;
  background:#0d0f13;color:#6f7680;cursor:pointer;text-align:left
}
#studio-app.studio-v20 .sv20-option-tabs button span{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#15181d;color:#858c96;font-size:9px;font-weight:950}
#studio-app.studio-v20 .sv20-option-tabs button small{font-size:8px;font-weight:850}
#studio-app.studio-v20 .sv20-option-tabs button.selected{border-color:rgba(229,42,55,.45);background:#130d10;color:#fff}
#studio-app.studio-v20 .sv20-option-tabs button.selected span{background:#e02a37;color:#fff}
#studio-app.studio-v20 .sv20-option-caption{margin-top:7px;text-align:right;color:#767d86;font-size:8px;font-weight:850}
#studio-app.studio-v20 .sv20-ai-status{margin:8px 0 2px!important;padding-left:2px;color:#686f79!important}
#studio-app.studio-v20 .sv20-dialog{
  position:relative!important;margin-top:9px!important;padding:12px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:10px!important;
  background:#0b0d10!important
}
#studio-app.studio-v20 .sv20-dialog:before{content:"";position:absolute;left:-1px;top:11px;bottom:11px;width:2px;background:#5d171e;border-radius:2px}
#studio-app.studio-v20 .sv20-dialog textarea{
  min-height:84px!important;border:0!important;border-radius:8px!important;background:#101217!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)!important;
  font-size:10px!important;padding:12px!important
}
#studio-app.studio-v20 .sv20-dialog textarea:focus{box-shadow:inset 0 0 0 1px rgba(229,42,55,.35),0 0 0 3px rgba(229,42,55,.035)!important}

/* etapa criação já nasce pronta */
#studio-app.studio-v20 .sv20-generated-badge{
  margin:-10px 0 16px;padding:11px 13px;display:flex;align-items:center;gap:10px;border:1px solid rgba(82,202,130,.13);border-radius:10px;background:rgba(35,113,70,.055)
}
#studio-app.studio-v20 .sv20-generated-badge>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#10271c;color:#62d895;font-weight:950}
#studio-app.studio-v20 .sv20-generated-badge b{display:block;color:#b6c5bc;font-size:9px}
#studio-app.studio-v20 .sv20-generated-badge small{display:block;margin-top:2px;color:#66746b;font-size:8px}
#studio-app.studio-v20 .sv20-prompt-card{border-radius:12px!important;background:#0d0f13!important}
#studio-app.studio-v20 .sv20-prompt{background:#080a0d!important;border-radius:8px!important}

/* navegação: corrige conflito do botão Próximo com CSS antigo do index */
html body #studio-app.studio-v20 .sv20-footer{
  position:sticky!important;bottom:14px!important;z-index:100!important;width:min(1260px,calc(100% - 2px))!important;
  margin:22px auto 0!important;padding:9px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:13px!important;
  background:rgba(8,9,12,.94)!important;backdrop-filter:blur(16px)!important;box-shadow:0 16px 44px rgba(0,0,0,.32)!important;
  pointer-events:none!important
}
html body #studio-app.studio-v20 #studio-back,
html body #studio-app.studio-v20 #studio-next{pointer-events:auto!important;position:relative!important;inset:auto!important;transform:none!important}
html body #studio-app.studio-v20 #studio-back{
  min-width:112px!important;min-height:44px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;
  background:#101217!important;color:#8d949d!important;box-shadow:none!important
}
html body #studio-app.studio-v20 #studio-next{
  min-width:168px!important;min-height:46px!important;padding:0 18px!important;border:1px solid #a5212c!important;border-radius:9px!important;
  background:linear-gradient(100deg,#991722,#df2b38)!important;color:#fff!important;box-shadow:0 9px 22px rgba(119,13,25,.2)!important;
  font-size:10px!important;font-weight:950!important;opacity:1!important;visibility:visible;cursor:pointer!important
}
html body #studio-app.studio-v20 #studio-next:hover{filter:brightness(1.07)!important}
html body #studio-app.studio-v20 #studio-next.is-transitioning{pointer-events:none!important;opacity:.82!important}
html body #studio-app.studio-v20 #studio-next:disabled{opacity:.42!important;cursor:not-allowed!important}

@media(max-width:1100px){
  #studio-app.studio-v20 .sv20-dragon-format-grid{grid-template-columns:repeat(3,minmax(230px,300px));gap:16px}
}
@media(max-width:820px){
  #studio-app.studio-v20 .sv20-dragon-format-grid{grid-template-columns:repeat(2,minmax(250px,330px))}
  #studio-app.studio-v20 .sv20-option-tabs{grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto;padding-bottom:4px}
  #studio-app.studio-v20 .sv20-ai-console{grid-template-columns:1fr}
  #studio-app.studio-v20 .sv20-primary-small{justify-self:start}
}
@media(max-width:580px){
  #studio-app.studio-v20 .sv20-dragon-format-grid{grid-template-columns:1fr;max-width:360px;margin:0 auto}
  #studio-app.studio-v20 .sv20-format-media{aspect-ratio:9/16!important}
  #studio-app.studio-v20 .sv20-option-tabs{grid-template-columns:repeat(5,82px)}
  html body #studio-app.studio-v20 #studio-next{min-width:142px!important}
}

/* =========================================================
   Dragon AI Studio v20.4 — escala visual + identidade Dragon
   ========================================================= */
#studio-app.studio-v20{
  --dragon-red:#e52a37;
  --dragon-red-2:#ff4a57;
  --dragon-surface:#0d0f13;
  --dragon-surface-2:#12151a;
  font-size:14px!important;
}

/* Tipografia geral: leitura confortável e hierarquia mais forte */
#studio-app.studio-v20 .sv20-progress-item{font-size:12px!important;font-weight:850!important}
#studio-app.studio-v20 .sv20-progress-item .n{width:31px!important;height:31px!important;flex-basis:31px!important;font-size:11px!important}
#studio-app.studio-v20 .sv20-note{font-size:11px!important;line-height:1.5!important}
#studio-app.studio-v20 .sv20-kicker{font-size:10px!important;letter-spacing:1.6px!important}
#studio-app.studio-v20 .sv20-head h1{font-size:clamp(34px,3.4vw,48px)!important;line-height:1.06!important}
#studio-app.studio-v20 .sv20-head p{max-width:840px!important;font-size:14px!important;line-height:1.65!important;color:#9aa1aa!important}
#studio-app.studio-v20 .sv20-block-head h3{font-size:18px!important;letter-spacing:-.25px!important}
#studio-app.studio-v20 .sv20-block-head p{font-size:12px!important;line-height:1.55!important}
#studio-app.studio-v20 .sv20-stepbadge{padding:6px 9px!important;font-size:10px!important}
#studio-app.studio-v20 .sv20-status{font-size:11px!important;line-height:1.45!important}

/* Cards e escolhas */
#studio-app.studio-v20 .sv20-card,
#studio-app.studio-v20 .sv20-block,
#studio-app.studio-v20 .sv20-voice-banner,
#studio-app.studio-v20 .sv20-prompt-card,
#studio-app.studio-v20 .sv20-ref-card{
  border-color:rgba(255,255,255,.085)!important;
}
#studio-app.studio-v20 .sv20-card{border-radius:10px 18px 10px 18px!important}
#studio-app.studio-v20 .sv20-card.selected{border-color:rgba(255,74,87,.74)!important;box-shadow:0 0 0 1px rgba(255,74,87,.18),0 14px 34px rgba(0,0,0,.24)!important}
#studio-app.studio-v20 .sv20-option{min-height:118px!important;padding:17px!important}
#studio-app.studio-v20 .sv20-option .oi{font-size:28px!important}
#studio-app.studio-v20 .sv20-option b{font-size:13px!important;margin-top:11px!important}
#studio-app.studio-v20 .sv20-option small{font-size:11px!important;line-height:1.5!important}
#studio-app.studio-v20 .sv20-chip{min-height:40px!important;padding:8px 14px!important;font-size:11px!important}
#studio-app.studio-v20 .sv20-source{min-height:132px!important}
#studio-app.studio-v20 .sv20-source .icon{font-size:31px!important}
#studio-app.studio-v20 .sv20-source strong{font-size:15px!important}
#studio-app.studio-v20 .sv20-source small{font-size:11px!important}
#studio-app.studio-v20 .sv20-search{height:50px!important;font-size:12px!important}
#studio-app.studio-v20 .sv20-field label{font-size:11px!important}
#studio-app.studio-v20 .sv20-field input[type="text"]{height:48px!important;font-size:12px!important}
#studio-app.studio-v20 .sv20-field textarea{font-size:12px!important}
#studio-app.studio-v20 .sv20-file-btn{min-height:44px!important;font-size:11px!important}

/* Produtos / avatares / movimentos */
#studio-app.studio-v20 .sv20-product-copy b{font-size:13px!important}
#studio-app.studio-v20 .sv20-product-copy small{font-size:10.5px!important}
#studio-app.studio-v20 .sv20-selected small{font-size:10px!important}
#studio-app.studio-v20 .sv20-selected b{font-size:13px!important}
#studio-app.studio-v20 .sv20-avatar-copy b{font-size:14px!important}
#studio-app.studio-v20 .sv20-movement-badge{font-size:9px!important;padding:5px 8px!important}
#studio-app.studio-v20 .sv20-movement-copy b{font-size:13px!important}
#studio-app.studio-v20 .sv20-movement-copy small{font-size:11px!important;line-height:1.48!important}

/* 3 modos: maiores, 9:16 completo, sem corte */
#studio-app.studio-v20 .sv20-stage{width:min(1320px,100%)!important}
#studio-app.studio-v20 .sv20-dragon-format-grid{
  width:100%!important;max-width:1220px!important;margin:0 auto!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;
}
#studio-app.studio-v20 .sv20-format-card{border-radius:12px 24px 12px 24px!important;background:linear-gradient(155deg,#111419,#0a0c0f)!important}
#studio-app.studio-v20 .sv20-format-topline{height:48px!important;padding:0 16px!important;font-size:9px!important}
#studio-app.studio-v20 .sv20-format-topline b{font-size:19px!important}
#studio-app.studio-v20 .sv20-format-media{aspect-ratio:9/16!important;height:auto!important;background:#050608!important}
#studio-app.studio-v20 .sv20-format-media video{object-fit:contain!important;width:100%!important;height:100%!important}
#studio-app.studio-v20 .sv20-format-copy{padding:18px 19px 20px!important}
#studio-app.studio-v20 .sv20-format-copy small{font-size:9px!important}
#studio-app.studio-v20 .sv20-format-copy h3{font-size:28px!important;margin:7px 0 7px!important}
#studio-app.studio-v20 .sv20-format-copy p{font-size:12px!important;line-height:1.55!important;min-height:58px!important}
#studio-app.studio-v20 .sv20-format-cta{font-size:11px!important;margin-top:14px!important;color:#d2d6dc!important}
#studio-app.studio-v20 .sv20-format-card.selected .sv20-format-cta{color:#ff737d!important}

/* Voz e roteiro: painel próprio da Dragon, sem copiar a referência */
#studio-app.studio-v20 .sv20-voice-banner{padding:20px 22px!important;border-radius:10px 20px 10px 20px!important;background:linear-gradient(105deg,#12151a,#0a0c0f 70%)!important}
#studio-app.studio-v20 .sv20-voice-banner strong{font-size:17px!important}
#studio-app.studio-v20 .sv20-voice-banner small{font-size:11px!important}
#studio-app.studio-v20 .sv20-take{min-height:102px!important;padding:16px!important}
#studio-app.studio-v20 .sv20-take b{font-size:31px!important}
#studio-app.studio-v20 .sv20-take small{font-size:10.5px!important}
#studio-app.studio-v20 .sv20-ai-console{
  grid-template-columns:1fr auto!important;gap:22px!important;padding:18px 19px!important;
  border:1px solid rgba(255,74,87,.22)!important;border-radius:9px 22px 9px 22px!important;
  background:linear-gradient(115deg,rgba(229,42,55,.10),#101319 42%,#0a0c0f)!important;
  box-shadow:inset 3px 0 0 rgba(255,74,87,.68)!important;
}
#studio-app.studio-v20 .sv20-ai-console-copy span{font-size:9px!important;letter-spacing:1.8px!important}
#studio-app.studio-v20 .sv20-ai-console-copy strong{font-size:16px!important;margin-top:5px!important}
#studio-app.studio-v20 .sv20-ai-console-copy small{font-size:11px!important;margin-top:5px!important;line-height:1.5!important}
#studio-app.studio-v20 .sv20-primary-small{
  min-width:154px!important;min-height:48px!important;padding:0 18px!important;
  border-radius:8px 15px 8px 15px!important;background:linear-gradient(110deg,#8d1420,#e73140)!important;
  border-color:#b72834!important;color:#fff!important;font-size:12px!important;font-weight:900!important;
}
#studio-app.studio-v20 .sv20-primary-small:hover{background:linear-gradient(110deg,#a11926,#f03b49)!important}
#studio-app.studio-v20 .sv20-ai-empty{min-height:62px!important;padding:13px 15px!important;border-radius:9px 17px 9px 17px!important}
#studio-app.studio-v20 .sv20-ai-empty>span{width:34px!important;height:34px!important;font-size:13px!important}
#studio-app.studio-v20 .sv20-ai-empty b{font-size:11px!important}
#studio-app.studio-v20 .sv20-ai-empty small{font-size:10px!important}

/* Navegação das 5 versões = pequena órbita Dragon */
#studio-app.studio-v20 .sv20-option-orbit{
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;margin-bottom:8px;
  border:1px solid rgba(255,255,255,.07);border-radius:8px 16px 8px 16px;background:#0b0d11;
}
#studio-app.studio-v20 .sv20-option-orbit-label span{display:block;color:#747c86;font-size:8.5px;font-weight:900;letter-spacing:1.4px}
#studio-app.studio-v20 .sv20-option-orbit-label b{display:block;margin-top:3px;color:#e8eaed;font-size:11.5px}
#studio-app.studio-v20 .sv20-option-dots{display:flex;align-items:center;gap:7px}
#studio-app.studio-v20 .sv20-option-dots button{
  width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#12151a;color:#818893;cursor:pointer;
}
#studio-app.studio-v20 .sv20-option-dots button span{font-size:10px;font-weight:900}
#studio-app.studio-v20 .sv20-option-dots button.selected{border-color:#ff4a57;background:#261014;color:#fff;box-shadow:0 0 0 4px rgba(229,42,55,.055)}
#studio-app.studio-v20 .sv20-dialog{padding:15px!important;border-radius:8px 18px 8px 18px!important}
#studio-app.studio-v20 .sv20-dialog label{font-size:12px!important;margin-bottom:9px!important}
#studio-app.studio-v20 .sv20-dialog textarea{min-height:100px!important;padding:14px!important;font-size:13px!important;line-height:1.55!important;border-radius:8px 14px 8px 14px!important}

/* Criação final */
#studio-app.studio-v20 .sv20-generated-badge{padding:14px 16px!important;border-radius:8px 18px 8px 18px!important}
#studio-app.studio-v20 .sv20-generated-badge b{font-size:12px!important}
#studio-app.studio-v20 .sv20-generated-badge small{font-size:10.5px!important}
#studio-app.studio-v20 .sv20-ref-card{padding:15px!important;border-radius:9px 18px 9px 18px!important}
#studio-app.studio-v20 .sv20-ref-card img{width:70px!important;height:70px!important;border-radius:10px!important;object-fit:contain!important}
#studio-app.studio-v20 .sv20-ref-card small{font-size:9px!important;letter-spacing:1px!important}
#studio-app.studio-v20 .sv20-ref-card b{font-size:13px!important;line-height:1.35!important}
#studio-app.studio-v20 .sv20-summary span{font-size:10.5px!important;padding:8px 10px!important}
#studio-app.studio-v20 .sv20-prompt-head h3{font-size:15px!important}
#studio-app.studio-v20 .sv20-prompt-head p{font-size:11px!important;line-height:1.4!important}
#studio-app.studio-v20 .sv20-copy{min-height:39px!important;font-size:10.5px!important}
#studio-app.studio-v20 .sv20-prompt{height:390px!important;font-size:11.5px!important;line-height:1.62!important;padding:15px!important}
#studio-app.studio-v20 .sv20-copyall{min-height:47px!important;font-size:11.5px!important}
#studio-app.studio-v20 .sv20-external a{min-height:47px!important;font-size:11px!important}

/* Downloads das referências */
#studio-app.studio-v20 .sv20-asset-downloads{
  display:flex;flex-wrap:wrap;gap:10px;margin:-2px 0 16px;padding:0 2px;
}
#studio-app.studio-v20 .sv20-asset-downloads button{
  min-height:44px;padding:0 15px;border:1px solid rgba(255,74,87,.28);border-radius:8px 15px 8px 15px;
  background:linear-gradient(115deg,#151014,#0e1014);color:#e9eaed;cursor:pointer;font-size:11px;font-weight:850;
}
#studio-app.studio-v20 .sv20-asset-downloads button:hover{border-color:rgba(255,74,87,.55);background:#191014;color:#fff}

/* Botões de navegação maiores */
html body #studio-app.studio-v20 #studio-back{min-width:128px!important;min-height:48px!important;font-size:11.5px!important}
html body #studio-app.studio-v20 #studio-next{
  min-width:184px!important;min-height:50px!important;font-size:12.5px!important;border-radius:8px 16px 8px 16px!important;
}

@media(max-width:1100px){
  #studio-app.studio-v20 .sv20-dragon-format-grid{max-width:980px!important;gap:16px!important}
  #studio-app.studio-v20 .sv20-format-copy h3{font-size:24px!important}
}
@media(max-width:820px){
  #studio-app.studio-v20 .sv20-dragon-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:720px!important}
  #studio-app.studio-v20 .sv20-ai-console{grid-template-columns:1fr!important}
  #studio-app.studio-v20 .sv20-option-orbit{align-items:flex-start;flex-direction:column}
}
@media(max-width:580px){
  #studio-app.studio-v20 .sv20-dragon-format-grid{grid-template-columns:1fr!important;max-width:390px!important}
  #studio-app.studio-v20 .sv20-head h1{font-size:32px!important}
  #studio-app.studio-v20 .sv20-head p{font-size:13px!important}
  #studio-app.studio-v20 .sv20-option-dots{width:100%;justify-content:space-between}
}

/* =========================================================
   Dragon AI Studio v20.5 — navegação estável + handoff Dragon
   ========================================================= */

/* Dock de navegação totalmente isolado do CSS legado */
html body #studio-app.studio-v20 .sv20-footer{
  position:fixed!important;
  right:28px!important;
  left:auto!important;
  bottom:24px!important;
  top:auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  background:rgba(8,10,14,.96)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.5),0 0 0 1px rgba(229,42,55,.04)!important;
  pointer-events:auto!important;
  z-index:9999!important;
}
html body #studio-app.studio-v20 #studio-back,
html body #studio-app.studio-v20 #studio-next{
  all:unset!important;
  box-sizing:border-box!important;
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;
  pointer-events:auto!important;
}
html body #studio-app.studio-v20 #studio-back{
  min-width:112px!important;
  padding:0 16px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  background:#11141a!important;
  color:#9ba1aa!important;
  font-size:12px!important;
}
html body #studio-app.studio-v20 #studio-next{
  min-width:176px!important;
  padding:0 22px!important;
  border:1px solid rgba(255,72,86,.68)!important;
  border-radius:10px 18px 10px 18px!important;
  background:linear-gradient(115deg,#8f1520 0%,#d92a38 58%,#f04452 100%)!important;
  color:#fff!important;
  font-size:13px!important;
  box-shadow:0 10px 30px rgba(192,29,45,.28),inset 0 1px rgba(255,255,255,.09)!important;
  opacity:1!important;
  visibility:visible!important;
}
html body #studio-app.studio-v20 #studio-next:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important}
html body #studio-app.studio-v20 #studio-next:active{filter:brightness(.96)!important;transform:translateY(0)!important}
html body #studio-app.studio-v20 #studio-next:disabled{opacity:.72!important;cursor:default!important;filter:none!important}
html body #studio-app.studio-v20 #studio-next.is-transitioning{pointer-events:none!important}

/* Referências: download mora dentro do próprio card */
#studio-app.studio-v20 .sv20-reference{gap:12px!important}
#studio-app.studio-v20 .sv20-ref-card{
  position:relative!important;
  min-height:78px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:11px 12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px 18px 12px 18px!important;
  background:linear-gradient(120deg,#101319,#0b0d11)!important;
}
#studio-app.studio-v20 .sv20-ref-card img{width:54px!important;height:54px!important;object-fit:cover!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.09)!important}
#studio-app.studio-v20 .sv20-ref-copy{min-width:0!important}
#studio-app.studio-v20 .sv20-ref-copy small{display:block!important;color:#e94a56!important;font-size:9px!important;font-weight:950!important;letter-spacing:.08em!important}
#studio-app.studio-v20 .sv20-ref-copy b{display:block!important;margin-top:5px!important;color:#f3f4f6!important;font-size:13px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#studio-app.studio-v20 .sv20-ref-download{
  min-width:82px!important;height:38px!important;padding:0 11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  border:1px solid rgba(229,42,55,.28)!important;border-radius:9px 14px 9px 14px!important;background:#151016!important;color:#e8eaee!important;cursor:pointer!important;
  font:850 10px Inter,system-ui,sans-serif!important
}
#studio-app.studio-v20 .sv20-ref-download span{color:#ff4a57!important;font-size:15px!important;line-height:1!important}
#studio-app.studio-v20 .sv20-ref-download em{font-style:normal!important}
#studio-app.studio-v20 .sv20-ref-download:hover{border-color:rgba(255,74,87,.55)!important;background:#1a1117!important;color:#fff!important}
#studio-app.studio-v20 .sv20-asset-downloads{display:none!important}

/* Handoff para Flow / Grok — inspirado no modelo, com identidade Dragon */
#studio-app.studio-v20 .sv20-platform-handoff{
  margin-top:18px!important;
  padding:14px!important;
  border:1px solid rgba(229,42,55,.22)!important;
  border-radius:12px 20px 12px 20px!important;
  background:
    linear-gradient(120deg,rgba(125,14,28,.10),rgba(14,16,21,.96) 42%,rgba(14,16,21,.98)),
    #0d0f13!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
#studio-app.studio-v20 .sv20-platform-title{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:12px!important}
#studio-app.studio-v20 .sv20-platform-title>span{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#211016!important;color:#f14a57!important;font-size:14px!important;font-weight:950!important}
#studio-app.studio-v20 .sv20-platform-title b{display:block!important;color:#f04a57!important;font-size:11px!important;letter-spacing:.055em!important}
#studio-app.studio-v20 .sv20-platform-title small{display:block!important;margin-top:3px!important;color:#777e88!important;font-size:10px!important}
#studio-app.studio-v20 .sv20-platform-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
#studio-app.studio-v20 .sv20-platform-card{
  min-height:66px!important;padding:10px 12px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;
  border:1px solid rgba(255,255,255,.09)!important;border-radius:11px 16px 11px 16px!important;background:#111319!important;color:#fff!important;text-decoration:none!important;
  transition:.15s ease!important
}
#studio-app.studio-v20 .sv20-platform-card:hover{border-color:rgba(255,74,87,.38)!important;background:#151219!important;transform:translateY(-1px)!important}
#studio-app.studio-v20 .sv20-platform-logo{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:11px!important;font:950 20px Inter,system-ui,sans-serif!important}
#studio-app.studio-v20 .sv20-platform-logo.google{background:#f7f7f8!important;color:#d83a44!important;border:1px solid #fff!important}
#studio-app.studio-v20 .sv20-platform-logo.grok{background:#07080a!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
#studio-app.studio-v20 .sv20-platform-copy b{display:block!important;font-size:13px!important;color:#f1f2f4!important}
#studio-app.studio-v20 .sv20-platform-copy small{display:block!important;margin-top:4px!important;font-size:10px!important;color:#818791!important}
#studio-app.studio-v20 .sv20-platform-card i{font-style:normal!important;color:#5f6670!important;font-size:16px!important}
#studio-app.studio-v20 .sv20-creation-actions{margin-top:14px!important}
#studio-app.studio-v20 .sv20-external{display:none!important}

@media(max-width:760px){
  html body #studio-app.studio-v20 .sv20-footer{right:12px!important;bottom:12px!important}
  html body #studio-app.studio-v20 #studio-back{min-width:92px!important}
  html body #studio-app.studio-v20 #studio-next{min-width:144px!important;padding:0 16px!important}
  #studio-app.studio-v20 .sv20-platform-grid{grid-template-columns:1fr!important}
  #studio-app.studio-v20 .sv20-ref-download em{display:none!important}
  #studio-app.studio-v20 .sv20-ref-download{min-width:42px!important;width:42px!important;padding:0!important}
}

/* =========================================================
   Dragon AI Studio v20.6 — iconografia + handoff refinado
   ========================================================= */
#studio-app.studio-v20 .sv20-ui-icon{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;flex:0 0 42px!important;
  border-radius:12px 16px 12px 16px!important;border:1px solid rgba(255,67,82,.22)!important;
  background:linear-gradient(145deg,rgba(255,61,77,.13),rgba(112,10,24,.045))!important;
  color:#ff4b59!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.16)!important
}
#studio-app.studio-v20 .sv20-ui-icon svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#studio-app.studio-v20 .sv20-ui-icon.brand img{width:25px!important;height:25px!important;display:block!important;object-fit:contain!important}
#studio-app.studio-v20 .sv20-ui-icon.button{width:20px!important;height:20px!important;flex-basis:20px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#studio-app.studio-v20 .sv20-ui-icon.button svg{width:16px!important;height:16px!important}
#studio-app.studio-v20 .sv20-source{
  min-height:132px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto auto!important;
  column-gap:14px!important;row-gap:4px!important;align-items:center!important;text-align:left!important;padding:20px!important
}
#studio-app.studio-v20 .sv20-source .sv20-ui-icon{grid-row:1 / span 2!important}
#studio-app.studio-v20 .sv20-source strong{align-self:end!important;font-size:16px!important;line-height:1.15!important}
#studio-app.studio-v20 .sv20-source small{align-self:start!important;font-size:11px!important;line-height:1.45!important;color:#7f8792!important}
#studio-app.studio-v20 .sv20-source.selected .sv20-ui-icon{border-color:rgba(255,73,87,.48)!important;background:linear-gradient(145deg,rgba(255,61,77,.22),rgba(112,10,24,.10))!important;box-shadow:0 0 26px rgba(229,42,55,.13)!important}
#studio-app.studio-v20 .sv20-option .sv20-ui-icon{margin-bottom:3px!important}
#studio-app.studio-v20 .sv20-option.selected .sv20-ui-icon{border-color:rgba(255,73,87,.55)!important;background:rgba(255,61,77,.17)!important;color:#ff6570!important}

#studio-app.studio-v20 .sv20-platform-handoff{
  padding:17px!important;border-radius:15px 22px 15px 22px!important;
  background:radial-gradient(circle at 0 50%,rgba(218,34,52,.10),transparent 28%),linear-gradient(125deg,#101217,#0b0d11)!important;
  border-color:rgba(255,255,255,.085)!important;box-shadow:0 18px 45px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)!important
}
#studio-app.studio-v20 .sv20-platform-title>span{background:linear-gradient(145deg,#291019,#151116)!important;border:1px solid rgba(255,68,83,.18)!important}
#studio-app.studio-v20 .sv20-platform-card{
  min-height:78px!important;padding:12px 14px!important;border-radius:14px 20px 14px 20px!important;
  background:linear-gradient(145deg,#15171d,#0f1116)!important;border-color:rgba(255,255,255,.105)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018),0 10px 28px rgba(0,0,0,.16)!important
}
#studio-app.studio-v20 .sv20-platform-card:hover{border-color:rgba(255,74,87,.55)!important;background:linear-gradient(145deg,#19151a,#111319)!important;box-shadow:0 12px 32px rgba(0,0,0,.22),0 0 0 1px rgba(229,42,55,.06)!important}
#studio-app.studio-v20 .sv20-platform-logo{width:48px!important;height:48px!important;border-radius:13px!important;overflow:hidden!important}
#studio-app.studio-v20 .sv20-platform-logo img{width:27px!important;height:27px!important;display:block!important;object-fit:contain!important}
#studio-app.studio-v20 .sv20-platform-logo.google{background:#fff!important;border:1px solid rgba(255,255,255,.88)!important}
#studio-app.studio-v20 .sv20-platform-logo.grok{background:#050608!important;border:1px solid rgba(255,255,255,.13)!important}
#studio-app.studio-v20 .sv20-platform-logo.grok img{width:31px!important;height:31px!important}
#studio-app.studio-v20 .sv20-platform-copy b{font-size:14px!important;letter-spacing:-.01em!important}
#studio-app.studio-v20 .sv20-platform-copy small{font-size:10.5px!important;color:#828995!important}
#studio-app.studio-v20 .sv20-platform-card i{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#181b21!important;border:1px solid rgba(255,255,255,.06)!important;color:#7b828d!important;font-size:15px!important}
#studio-app.studio-v20 .sv20-platform-card:hover i{color:#ff5562!important;border-color:rgba(255,74,87,.24)!important;background:#211116!important}


/* =========================================================
   Dragon AI Studio v20.9 — mobile profissional final
   ========================================================= */
@media(max-width:820px){
  #studio-app.studio-v20{padding:0 0 18px!important;overflow-x:hidden!important}
  #studio-app.studio-v20 .sv20-topbar{position:sticky!important;top:0!important;z-index:35!important;padding:10px 12px!important;background:rgba(8,10,14,.97)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;backdrop-filter:blur(16px)!important}
  #studio-app.studio-v20 .sv20-progress{display:flex!important;gap:7px!important;overflow-x:auto!important;padding-bottom:3px!important;scrollbar-width:none!important}
  #studio-app.studio-v20 .sv20-progress::-webkit-scrollbar{display:none!important}
  #studio-app.studio-v20 .sv20-progress-item{flex:0 0 auto!important;min-width:92px!important;padding:6px 8px!important;font-size:10px!important}
  #studio-app.studio-v20 .sv20-note{margin:10px 12px!important;padding:11px 12px!important;border-radius:11px!important;font-size:10px!important}
  #studio-app.studio-v20 .sv20-stage{padding:10px 12px 0!important;max-width:100%!important;overflow:visible!important}
  #studio-app.studio-v20 .sv20-head{margin-bottom:18px!important}
  #studio-app.studio-v20 .sv20-head h1{font-size:30px!important;letter-spacing:-.8px!important}
  #studio-app.studio-v20 .sv20-head p{font-size:12px!important;line-height:1.55!important}
  #studio-app.studio-v20 .sv20-dragon-format-grid{grid-template-columns:1fr!important;max-width:100%!important;gap:12px!important}
  #studio-app.studio-v20 .sv20-format-card{width:100%!important;max-width:390px!important;margin:0 auto!important}
  #studio-app.studio-v20 .sv20-format-media{aspect-ratio:9/16!important;max-height:none!important}
  #studio-app.studio-v20 .sv20-grid,
  #studio-app.studio-v20 .sv20-choice-grid,
  #studio-app.studio-v20 .sv20-source-grid,
  #studio-app.studio-v20 .sv20-avatar-grid,
  #studio-app.studio-v20 .sv20-adjust-grid,
  #studio-app.studio-v20 .sv20-summary-grid,
  #studio-app.studio-v20 .sv20-ref-grid,
  #studio-app.studio-v20 .sv20-platform-grid{grid-template-columns:1fr!important;gap:10px!important}
  #studio-app.studio-v20 .sv20-block{padding:16px!important;border-radius:16px!important}
  #studio-app.studio-v20 .sv20-block-head{align-items:flex-start!important;gap:10px!important}
  #studio-app.studio-v20 .sv20-block-head h3{font-size:17px!important}
  #studio-app.studio-v20 .sv20-source{min-height:0!important;padding:15px!important}
  #studio-app.studio-v20 .sv20-option-tabs{grid-template-columns:repeat(5,76px)!important;overflow-x:auto!important;gap:6px!important;padding-bottom:4px!important}
  #studio-app.studio-v20 .sv20-take{padding:14px!important}
  #studio-app.studio-v20 textarea{min-height:110px!important;font-size:13px!important}
  #studio-app.studio-v20 input,
  #studio-app.studio-v20 select{font-size:13px!important}
  #studio-app.studio-v20 .sv20-ai-console{grid-template-columns:1fr!important}
  #studio-app.studio-v20 .sv20-option-orbit{flex-direction:column!important;align-items:stretch!important}
  #studio-app.studio-v20 .sv20-option-dots{width:100%!important;justify-content:space-between!important}
  #studio-app.studio-v20 .sv20-reference-row{grid-template-columns:1fr!important}
  #studio-app.studio-v20 .sv20-ref-download{width:auto!important;min-width:0!important;padding:0 12px!important}
  #studio-app.studio-v20 .sv20-ref-download em{display:inline!important}

  /* O botão deixa de ficar flutuando por cima do conteúdo no celular */
  html body #studio-app.studio-v20 .sv20-footer{
    position:sticky!important;
    left:auto!important;right:auto!important;bottom:8px!important;
    width:calc(100% - 24px)!important;
    margin:18px 12px 8px!important;
    padding:7px!important;
    display:grid!important;
    grid-template-columns:minmax(88px,.7fr) minmax(0,1.3fr)!important;
    gap:7px!important;
    border-radius:13px!important;
    z-index:40!important;
  }
  html body #studio-app.studio-v20 #studio-back,
  html body #studio-app.studio-v20 #studio-next{
    min-width:0!important;width:100%!important;min-height:47px!important;padding:0 12px!important;font-size:11px!important;border-radius:10px!important;
  }
}
@media(max-width:470px){
  #studio-app.studio-v20 .sv20-head h1{font-size:27px!important}
  #studio-app.studio-v20 .sv20-progress-item{min-width:84px!important}
  html body #studio-app.studio-v20 .sv20-footer{grid-template-columns:86px minmax(0,1fr)!important}
}


/* =========================================================
   Dragon AI Studio v20.10 — cards mobile e movimentos limpos
   ========================================================= */
#studio-app.studio-v20 .sv20-avatar-media{
  aspect-ratio:3/4!important;
  height:auto!important;
  min-height:0!important;
  background:#101319!important;
}
#studio-app.studio-v20 .sv20-avatar-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
}
#studio-app.studio-v20 .sv20-movement{
  overflow:hidden!important;
  padding:0!important;
  min-width:0!important;
}
#studio-app.studio-v20 .sv20-movement-media{
  position:relative!important;
  height:auto!important;
  aspect-ratio:9/16!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 30%,rgba(229,42,55,.09),transparent 38%),
    #101319!important;
}
#studio-app.studio-v20 .sv20-movement-media img{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:cover!important;object-position:center center!important;
}
#studio-app.studio-v20 .sv20-movement-media.media-error{
  display:grid!important;place-items:center!important;
}
#studio-app.studio-v20 .sv20-movement-media.media-error:after{
  content:"Preview indisponível";
  color:#707780;font-size:10px;font-weight:800;
}
#studio-app.studio-v20 .sv20-movement-placeholder{
  width:100%;height:100%;display:grid;place-items:center;
}
#studio-app.studio-v20 .sv20-movement-copy{
  min-height:54px!important;
  padding:12px 12px 13px!important;
  display:flex!important;align-items:center!important;
}
#studio-app.studio-v20 .sv20-movement-copy b{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  font-size:12px!important;
  line-height:1.35!important;
}
#studio-app.studio-v20 .sv20-movement-copy small{display:none!important}

@media(max-width:820px){
  #studio-app.studio-v20 .sv20-avatar-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  #studio-app.studio-v20 .sv20-avatar{
    min-width:0!important;
    border-radius:14px!important;
  }
  #studio-app.studio-v20 .sv20-avatar-copy{
    padding:10px!important;
  }
  #studio-app.studio-v20 .sv20-avatar-copy b{
    font-size:12px!important;
  }
  #studio-app.studio-v20 .sv20-movement-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  #studio-app.studio-v20 .sv20-movement-copy{
    min-height:50px!important;
    padding:10px!important;
  }
  #studio-app.studio-v20 .sv20-movement-copy b{
    font-size:11px!important;
  }
  #studio-app.studio-v20 .sv20-movement-badge{
    top:7px!important;left:7px!important;
    padding:5px 6px!important;
    font-size:7px!important;
  }
}
@media(max-width:430px){
  #studio-app.studio-v20 .sv20-avatar-grid,
  #studio-app.studio-v20 .sv20-movement-grid{
    gap:8px!important;
  }
}

/* =========================================================
   Dragon AI Studio v20.43 — preview MP4 na etapa Movimento
   - movimentos antigos: poster + MP4 no hover
   - movimentos do Admin sem JPEG: frame do próprio MP4 + hover
   ========================================================= */
#studio-app.studio-v20 .sv20-movement-media{
  isolation:isolate!important;
}
#studio-app.studio-v20 .sv20-movement-media.media-error:after{
  content:none!important;
  display:none!important;
}
#studio-app.studio-v20 .sv20-movement-freeze,
#studio-app.studio-v20 .sv20-movement-video,
#studio-app.studio-v20 .sv20-movement-poster,
#studio-app.studio-v20 .sv20-movement-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#08090c!important;
  pointer-events:none!important;
}
#studio-app.studio-v20 .sv20-movement-freeze{
  z-index:1!important;
  opacity:0!important;
  visibility:hidden!important;
}
#studio-app.studio-v20 .sv20-movement-freeze.is-ready{
  opacity:1!important;
  visibility:visible!important;
}
#studio-app.studio-v20 .sv20-movement-poster,
#studio-app.studio-v20 .sv20-movement-image{
  z-index:1!important;
  opacity:1!important;
  visibility:visible!important;
}
#studio-app.studio-v20 .sv20-movement-video{
  z-index:2!important;
  opacity:0!important;
  visibility:hidden!important;
}
#studio-app.studio-v20 .sv20-movement-video.is-active{
  opacity:1!important;
  visibility:visible!important;
}
#studio-app.studio-v20 .sv20-movement-media.is-playing .sv20-movement-freeze,
#studio-app.studio-v20 .sv20-movement-media.is-playing .sv20-movement-poster{
  opacity:0!important;
  visibility:hidden!important;
}
#studio-app.studio-v20 .sv20-movement-play{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:3!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:50%!important;
  background:rgba(8,9,12,.72)!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  padding-left:2px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
  transition:opacity .16s ease,transform .16s ease!important;
  pointer-events:none!important;
}
#studio-app.studio-v20 .sv20-movement-media.is-playing .sv20-movement-play{
  opacity:0!important;
  transform:translate(-50%,-50%) scale(.82)!important;
}
#studio-app.studio-v20 .sv20-movement-media.is-buffering .sv20-movement-play{
  opacity:.68!important;
}
#studio-app.studio-v20 .sv20-movement-badge{
  z-index:4!important;
}
#studio-app.studio-v20 .sv20-movement-media-error{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  color:#707780!important;
  font-size:10px!important;
  font-weight:800!important;
  text-align:center!important;
}