/* OROXA V0.20 · video/audio separated, voice studio and multitrack editor */
.tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tabs .tab{min-height:68px}.tabs .tab img{width:22px;height:22px}.tabs .tab span{font-size:14px}.tabs .tab small{font-size:11px}
.engine-cards-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}.engine-card{min-height:92px!important}.engine-copy strong{font-size:15px!important}.engine-copy small,.engine-price{font-size:11px!important}.audio-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.audio-mode-grid button{min-height:62px!important}.audio-mode-grid button strong{font-size:13px}.audio-mode-grid button small{font-size:11px}.audio-mode-grid button:disabled{opacity:.42;cursor:not-allowed}.prompt-limit-row{display:flex;justify-content:space-between;gap:18px;margin:8px 4px 0;color:#8990a5;font-size:11px}.prompt-limit-row strong{color:#c6cad8;font-variant-numeric:tabular-nums}.prompt-limit-row.is-near strong{color:#ffcb72}.credit-breakdown{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid rgba(128,96,244,.27);border-radius:13px;background:linear-gradient(100deg,rgba(123,74,225,.1),rgba(51,207,199,.045))}.credit-breakdown span{display:grid;gap:3px}.credit-breakdown b{font-size:12px}.credit-breakdown small{font-size:10px;color:#969db0}.credit-breakdown>strong{white-space:nowrap;color:#d8c7ff;font-size:14px}.generation-cost>strong{font-size:15px}.voice-studio{padding:4px 0}.voice-studio-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:14px;padding:22px;border:1px solid rgba(139,92,246,.22);border-radius:20px;background:radial-gradient(circle at 88% 12%,rgba(61,211,204,.09),transparent 36%),linear-gradient(135deg,rgba(139,92,246,.12),rgba(16,19,28,.9))}.voice-hero-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#7952eb,#425fda);box-shadow:0 0 30px rgba(118,82,235,.24)}.voice-hero-icon img{width:30px;filter:brightness(0) invert(1)}.voice-studio-hero h2{margin:5px 0 4px;font-size:25px}.voice-studio-hero p{margin:0;color:#9aa1b3;font-size:13px}.voice-library-note{padding:8px 11px;border:1px solid rgba(68,215,175,.22);border-radius:999px;color:#80e3bd;background:rgba(50,199,151,.06);font-size:10px}.voice-studio-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:14px}.voice-script-card,.voice-options-card{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(145deg,#12151f,#0d1017)}.voice-script-card textarea{width:100%;min-height:240px;margin-top:10px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#090c12;color:#fff;resize:vertical;font:500 15px/1.55 inherit}.voice-language-style{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.voice-language-style label,.voice-reference-text{display:grid;gap:7px;color:#aeb4c4;font-size:11px}.voice-language-style select,.voice-reference-text textarea{min-height:44px;padding:0 11px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#0a0d13;color:#fff}.voice-cost-card{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:13px;border:1px solid rgba(139,92,246,.23);border-radius:13px;background:rgba(121,79,231,.07)}.voice-cost-card span{display:grid;gap:3px}.voice-cost-card b{font-size:12px}.voice-cost-card small{font-size:10px;color:#959caf}.voice-cost-card>strong{font-size:15px;color:#cbb8ff}.voice-options-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.voice-options-head>strong{font-size:11px;color:#9299ac}.voice-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.voice-preset-grid button{display:flex;align-items:center;gap:10px;min-height:63px;padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#0b0e14;color:#fff;text-align:left}.voice-preset-grid button:hover,.voice-preset-grid button.selected{border-color:rgba(139,92,246,.7);background:rgba(115,75,220,.17);box-shadow:inset 0 0 0 1px rgba(139,92,246,.14)}.voice-preset-grid i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#7655df,#3f72d9);font-style:normal;font-weight:800}.voice-preset-grid span{display:grid}.voice-preset-grid b{font-size:12px}.voice-preset-grid small{font-size:9px;color:#949bad}.voice-clone-card{margin-top:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0b0e14;overflow:hidden}.voice-clone-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;cursor:pointer}.voice-clone-card summary span{display:flex;align-items:center;gap:8px}.voice-clone-card summary img{width:18px;filter:brightness(0) invert(1)}.voice-clone-card summary b{font-size:11px}.voice-clone-card summary small{font-size:9px;color:#ae9ee6}.voice-clone-card>p{margin:0;padding:0 13px 10px;color:#8f96a8;font-size:10px;line-height:1.5}.voice-upload{display:flex;align-items:center;gap:10px;margin:0 13px 10px;padding:12px;border:1px dashed rgba(139,92,246,.36);border-radius:12px;cursor:pointer}.voice-upload input{position:absolute;opacity:0;pointer-events:none}.voice-upload>img{width:25px;filter:brightness(0) invert(1)}.voice-upload>span{display:grid}.voice-upload b{font-size:11px}.voice-upload small{font-size:9px;color:#8e95a7}.voice-reference-text{padding:0 13px 10px}.voice-reference-text textarea{min-height:64px!important;margin:0!important;padding:10px!important;font-size:11px!important}.voice-consent{display:flex;align-items:flex-start;gap:8px;padding:0 13px 13px;color:#aeb4c4;font-size:10px;line-height:1.45}.voice-consent input{margin-top:2px;accent-color:#8c62ef}.voice-safety-note{display:flex;gap:9px;margin-top:11px;padding:11px;border:1px solid rgba(71,211,170,.17);border-radius:12px;background:rgba(45,185,142,.045)}.voice-safety-note img{width:20px;filter:brightness(0) invert(1);opacity:.85}.voice-safety-note span{display:grid;gap:2px}.voice-safety-note b{font-size:10px}.voice-safety-note small{color:#8f97a8;font-size:9px;line-height:1.45}.voice-generate{width:min(390px,100%);min-height:58px;margin:14px 0 0 auto}.voice-progress,.voice-result{display:flex;align-items:center;gap:14px;margin-top:14px;padding:16px;border:1px solid rgba(69,215,210,.22);border-radius:16px;background:linear-gradient(100deg,rgba(35,174,168,.09),rgba(125,75,229,.1))}.voice-progress-orb{width:34px;height:34px;border:4px solid rgba(69,215,210,.17);border-top-color:#50dcd5;border-radius:50%;animation:voiceSpin 1s linear infinite}.voice-progress>div{display:grid;gap:3px;flex:1}.voice-progress strong{font-size:12px}.voice-progress small{font-size:10px;color:#949caf}.voice-progress>b{font-size:14px}.voice-result{justify-content:space-between}.voice-result>div:first-child{display:grid;gap:6px;min-width:0;flex:1}.voice-result audio{width:min(520px,100%);height:42px}.voice-result>div:last-child{display:flex;gap:8px}.voice-download,.voice-result button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#11151e;color:#fff;text-decoration:none;font:700 11px inherit}.voice-download img,.voice-result button img{width:16px;filter:brightness(0) invert(1)}.editor-audio-library-head{display:flex;align-items:end;justify-content:space-between;margin-top:22px;padding-top:17px;border-top:1px solid rgba(255,255,255,.08)}.editor-audio-library-head h3{margin:2px 0 0}.editor-audio-library-head button{border:0;background:none;color:#b69aff;font-size:10px;cursor:pointer}.editor-audio-library{display:grid;gap:7px;max-height:230px;overflow:auto}.editor-audio-asset{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#0b0e14}.editor-audio-asset>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#7a52e6,#2c8ca0);font-style:normal}.editor-audio-asset span{display:grid;min-width:0}.editor-audio-asset b{overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap}.editor-audio-asset small{color:#8c94a6;font-size:9px}.editor-audio-asset button{width:30px;height:30px;border:1px solid rgba(139,92,246,.4);border-radius:9px;background:rgba(118,74,218,.14);color:#fff}.editor-audio-inspector label{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:10px;color:#aeb4c4;font-size:10px}.editor-audio-inspector input{grid-column:1/-1;width:100%;accent-color:#8b5cf6}.editor-audio-inspector>button{width:100%;margin-top:10px;min-height:36px;border:1px solid rgba(239,104,124,.2);border-radius:9px;background:rgba(158,57,76,.08);color:#f2a0ad}.timeline-track-label{display:flex;justify-content:space-between;margin:12px 4px 6px;color:#858da1;font-size:8px;letter-spacing:.14em}.timeline-track-label.audio{color:#a58af0}.editor-audio-timeline{position:relative;min-height:66px;border:1px solid rgba(139,92,246,.16);border-radius:13px;background:linear-gradient(90deg,rgba(139,92,246,.04),rgba(69,215,210,.025)),repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(255,255,255,.035) 10%);overflow:hidden}.timeline-audio-empty{display:grid;place-items:center;min-height:64px;color:#70788c;font-size:10px}.timeline-audio-clip{position:absolute;top:9px;height:46px;min-width:72px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(89,220,211,.34);border-radius:10px;background:linear-gradient(90deg,rgba(74,95,221,.42),rgba(45,177,168,.35));color:#fff;overflow:hidden}.timeline-audio-clip.selected{box-shadow:0 0 0 2px rgba(165,123,255,.65),0 0 24px rgba(91,208,199,.16)}.timeline-audio-clip b{overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap}.timeline-audio-clip small{font-size:8px;opacity:.75}.library-card.audio-card{grid-template-rows:auto}.library-card.audio-card .audio-card-art{min-height:170px;display:grid;place-items:center;background:radial-gradient(circle,rgba(139,92,246,.25),transparent 55%),#0a0d13}.audio-card-art img{width:50px;filter:brightness(0) invert(1)}.library-card.audio-card audio{width:calc(100% - 24px);margin:0 12px 12px}.history-card.audio-card audio{width:100%}@keyframes voiceSpin{to{transform:rotate(360deg)}}
@media(max-width:1180px){.voice-studio-grid{grid-template-columns:1fr}.voice-options-card{min-width:0}.voice-generate{margin-left:0}}
@media(max-width:780px){.tabs{grid-template-columns:1fr!important}.tabs .tab{min-height:58px}.engine-cards-compact{grid-template-columns:1fr!important}.voice-studio-hero{grid-template-columns:auto 1fr}.voice-library-note{grid-column:1/-1;width:max-content}.voice-studio-hero h2{font-size:20px}.voice-language-style,.voice-preset-grid{grid-template-columns:1fr}.voice-result{align-items:stretch;flex-direction:column}.voice-result>div:last-child{width:100%}.voice-result>div:last-child>*{flex:1}.credit-breakdown{align-items:flex-start;flex-direction:column}.short-editor-grid{display:flex!important;flex-direction:column}.editor-library-panel,.editor-inspector-panel{width:100%!important;max-width:none!important}.editor-audio-timeline{min-width:620px}.editor-timeline-panel{overflow-x:auto}.prompt-limit-row{align-items:flex-end;flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.voice-progress-orb{animation:none}}
.library-audio-card{min-height:270px}.library-audio-visual{height:150px;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle,rgba(128,89,232,.25),transparent 58%),linear-gradient(145deg,#141725,#0b0d13)}.library-audio-visual span{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#8b5cf6,#4a7df1);font-size:28px;box-shadow:0 0 38px rgba(129,83,235,.34)}.library-audio-visual small{letter-spacing:.18em;color:#a99aff}.library-audio-card audio{width:calc(100% - 28px);margin:14px;filter:invert(.88) hue-rotate(190deg)}

/* Legibilidad V0.20: la información secundaria sigue siendo compacta, pero
   deja de depender de microtexto difícil de leer en portátiles y móviles. */
.app-body{font-size:14px}.app-body small,.app-body .helper,.app-body .engine-price,.app-body .prompt-corner,.app-body .field-note{font-size:11px!important;line-height:1.45}.app-body .mini-label,.app-body .eyebrow,.app-body .section-kicker,.app-body .timeline-track-label{font-size:10px!important}.app-body button,.app-body input,.app-body select{font-size:12px}.app-body .voice-preset-grid small,.app-body .voice-upload small,.app-body .voice-safety-note small,.app-body .editor-audio-asset small,.app-body .timeline-audio-clip small{font-size:10px!important}.app-body .voice-clone-card>p,.app-body .voice-consent,.app-body .editor-audio-inspector label{font-size:11px}.auth-page small,.auth-page .helper{font-size:12px!important;line-height:1.5}
