/* OROXA V0.17 — escala tipográfica, editor de Shorts y estados de crédito. */
:root{--v17-violet:#9b6cff;--v17-cyan:#4fd8dd;--v17-ink:#0b0d13;--v17-card:#12151d;--v17-line:rgba(177,188,220,.15)}
html{font-size:16px}
body.app-body{font-size:15px;line-height:1.5}
.side-link{font-size:14px!important}.side-link img{width:19px!important;height:19px!important}.brand-copy strong{font-size:18px!important;letter-spacing:.12em}.credit-chip strong,.buy-chip{font-size:13px!important}.topbar-title strong{font-size:15px!important}.topbar-title span{font-size:13px!important}
.eyebrow,.mini-label,.flow-step,.short-badge{font-size:11px!important;letter-spacing:.13em!important}.field label,.content-mode-head strong{font-size:13px!important}.helper,.field-hint,.label-row span{font-size:11px!important;line-height:1.45}.prompt-presets button{font-size:11px!important;padding:8px 11px!important}

/* Los seis tipos ahora se leen como decisiones, no como una tira comprimida. */
.content-mode-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.content-mode-grid-six .content-mode{min-height:72px!important;padding:10px 12px!important;grid-template-columns:42px minmax(0,1fr)!important;column-gap:10px!important;border-radius:14px!important;overflow:hidden}
.content-mode-grid-six .mode-icon{width:42px!important;height:42px!important;border-radius:13px!important;grid-row:1/3!important}
.content-mode-grid-six .mode-icon img{width:23px!important;height:23px!important}
.content-mode-grid-six .content-mode strong{font-size:13px!important;white-space:normal!important;line-height:1.15!important;overflow:visible!important}
.content-mode-grid-six .content-mode small{font-size:11px!important;white-space:normal!important;line-height:1.25!important;overflow:visible!important;color:#a2aabd!important}
.content-mode-hint{font-size:12px!important;line-height:1.5!important}

/* El CTA principal se mantiene accesible y comunica el saldo sin interrumpir. */
.generation-bar{width:min(520px,calc(100vw - 30px))!important;padding:9px 10px 9px 15px!important}
.generation-bar .generate{min-width:250px!important;font-size:14px!important;min-height:50px!important}
.generation-cost>span{font-size:11px!important}.generation-cost strong{font-size:14px!important}
.generation-bar:has(.balance-hint:not(.hidden)){padding-bottom:28px!important}
.balance-hint{position:absolute;left:15px;bottom:7px;margin:0;color:#e8c98a;font-size:10px;line-height:1}.balance-hint a{color:#fff;text-underline-offset:2px}.generate.needs-credits{background:linear-gradient(135deg,#5f477d,#7c5b9e)!important}

.credit-nudge{position:fixed;right:22px;bottom:22px;z-index:140;width:min(420px,calc(100vw - 24px));display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 42px 14px 14px;border:1px solid rgba(155,108,255,.45);border-radius:17px;background:linear-gradient(135deg,rgba(24,20,39,.97),rgba(14,17,24,.98));box-shadow:0 22px 70px rgba(0,0,0,.5),0 0 35px rgba(126,78,230,.14);backdrop-filter:blur(18px);animation:nudgeIn .25s ease both}
.credit-nudge.hidden{display:none}.credit-nudge-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(155,108,255,.28),rgba(79,216,221,.14))}.credit-nudge-icon img{width:24px;filter:brightness(0) invert(1)}
.credit-nudge div{display:grid;gap:2px}.credit-nudge strong{font-size:14px}.credit-nudge p{margin:0;color:#a5aec0;font-size:12px;line-height:1.4}.credit-nudge>a{min-height:38px;display:flex;align-items:center;padding:0 12px;border-radius:10px;background:#8b5cf6;color:white;text-decoration:none;font-size:12px;font-weight:800}.credit-nudge>button{position:absolute;right:11px;top:8px;border:0;background:transparent;color:#9aa3b6;font-size:21px;cursor:pointer}.credit-nudge a.hidden{display:none}
@keyframes nudgeIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}

/* Editor de Shorts */
body[data-mode="short"] .creator-panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body[data-mode="short"] .mode-header{padding:0 0 2px!important}
body[data-mode="short"] .studio-grid{display:block!important}
#shortGenerator{display:grid;gap:12px}
#shortGenerator.hidden{display:none!important}
.short-intro{min-height:82px;display:flex!important;align-items:center;gap:16px;padding:15px 18px!important;border:1px solid var(--v17-line);border-radius:18px;background:radial-gradient(circle at 85% 0,rgba(79,216,221,.1),transparent 35%),linear-gradient(135deg,rgba(139,92,246,.13),rgba(17,20,29,.96))}
.short-intro .short-icon{width:50px!important;height:50px!important;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#8b5cf6,#4f7df3)}.short-intro .short-icon img{width:25px;filter:brightness(0) invert(1)}
.short-intro h2{margin:2px 0 1px!important;font-size:25px!important;letter-spacing:-.025em}.short-intro p{margin:0;color:#9ca6b9;font-size:13px!important}
.short-workspace-switch{width:max-content;display:flex;gap:5px;padding:5px;border:1px solid var(--v17-line);border-radius:13px;background:#0d1017}.short-workspace-switch button{height:40px;display:flex;align-items:center;gap:8px;padding:0 15px;border:0;border-radius:9px;background:transparent;color:#9ea7b9;font-size:12px;font-weight:800;cursor:pointer}.short-workspace-switch button img{width:17px;filter:brightness(0) invert(1);opacity:.7}.short-workspace-switch button.selected{color:#fff;background:linear-gradient(135deg,rgba(139,92,246,.34),rgba(76,91,171,.2));box-shadow:inset 0 0 0 1px rgba(155,108,255,.28)}
.short-editor-workspace{display:grid;gap:12px}.editor-project-bar,.editor-timeline-panel,.editor-library-panel,.editor-canvas-panel,.editor-inspector-panel{border:1px solid var(--v17-line);background:linear-gradient(165deg,rgba(19,22,31,.98),rgba(10,12,18,.98));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.editor-project-bar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px 8px 16px;border-radius:16px}.editor-project-bar>div:first-child{display:flex;align-items:center;gap:10px}.editor-project-bar input{width:min(310px,34vw);border:0;background:transparent;color:#fff;font-size:18px;font-weight:800;outline:none}.editor-project-meta{display:flex;align-items:center;gap:8px}.editor-project-meta>span{padding:7px 10px;border:1px solid var(--v17-line);border-radius:9px;color:#aab3c5;font-size:11px}.editor-project-meta .generate{min-height:45px!important;font-size:12px!important;padding:10px 15px!important}
.short-editor-grid{display:grid;grid-template-columns:270px minmax(340px,1fr) 280px;gap:12px;min-height:520px}.editor-library-panel,.editor-inspector-panel{padding:15px;border-radius:17px;min-width:0}.editor-panel-head{display:flex;align-items:end;justify-content:space-between;gap:10px}.editor-panel-head h3,.editor-timeline-panel h3{margin:2px 0 0;font-size:17px}.editor-panel-head a{font-size:11px;color:#b8a3ff}.editor-library-panel>p{margin:8px 0 12px;color:#8e98aa;font-size:12px}.editor-library{display:grid;gap:8px;max-height:430px;overflow:auto;padding-right:3px;scrollbar-width:thin}.editor-library-empty,.timeline-empty{min-height:150px;display:grid;place-content:center;gap:4px;text-align:center;border:1px dashed rgba(177,188,220,.17);border-radius:13px;color:#a9b2c3;padding:15px}.editor-library-empty span,.timeline-empty span{font-size:11px;color:#788397}
.editor-asset{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 32px;align-items:center;gap:9px;padding:7px;border:1px solid rgba(177,188,220,.12);border-radius:12px;background:#0c0f16}.editor-asset video{width:48px;height:64px;object-fit:cover;border-radius:8px;background:#05070a}.editor-asset>div{min-width:0;display:grid;gap:3px}.editor-asset strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-asset span{font-size:9px;color:#7f899d}.editor-asset button{width:30px;height:30px;border:1px solid rgba(155,108,255,.42);border-radius:9px;background:rgba(139,92,246,.18);color:#fff;font-size:18px;cursor:pointer}.editor-asset:hover{border-color:rgba(155,108,255,.4);transform:translateY(-1px)}
.editor-canvas-panel{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:14px;border-radius:17px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(98,75,188,.17),transparent 38%),linear-gradient(165deg,#111722,#090c12)}.editor-canvas-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.editor-canvas-top{position:relative;z-index:1;display:flex;justify-content:space-between;color:#8f99ac;font-size:11px}.editor-canvas-top span{display:flex;align-items:center;gap:7px}.editor-canvas-top i{width:7px;height:7px;border-radius:50%;background:#53e0b1;box-shadow:0 0 14px #53e0b1}.editor-phone{position:relative;z-index:1;width:min(245px,75%);aspect-ratio:9/16;align-self:center;justify-self:center;padding:7px;border:1px solid #505b74;border-radius:30px;background:#05070a;box-shadow:0 25px 80px rgba(0,0,0,.5),0 0 40px rgba(118,79,220,.12)}.editor-phone:before{content:"";position:absolute;z-index:3;top:10px;left:50%;width:58px;height:10px;border-radius:99px;background:#05070a;transform:translateX(-50%)}.editor-phone video{width:100%;height:100%;object-fit:cover;border-radius:23px;background:#080b10}.editor-preview-empty{height:100%;display:grid;place-content:center;justify-items:center;gap:8px;padding:24px;text-align:center;border-radius:23px;background:radial-gradient(circle at 50% 35%,rgba(139,92,246,.13),transparent 35%),#0a0e15}.editor-preview-empty img{width:36px;filter:brightness(0) invert(1);opacity:.6}.editor-preview-empty strong{font-size:13px}.editor-preview-empty span{color:#7f899c;font-size:10px;line-height:1.45}.editor-playback{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:8px}.editor-playback button{height:37px;border:1px solid var(--v17-line);border-radius:10px;background:#121722;color:#d7dbea;padding:0 11px;font-size:11px;cursor:pointer}.editor-playback button:nth-child(2){display:flex;align-items:center;gap:7px;background:rgba(139,92,246,.2);border-color:rgba(155,108,255,.34)}.editor-playback img{width:14px;filter:brightness(0) invert(1)}
.editor-inspector-panel{display:flex;flex-direction:column;gap:9px}.editor-setting{display:flex;justify-content:space-between;gap:10px;padding:11px;border:1px solid rgba(177,188,220,.11);border-radius:11px;background:#0c1017}.editor-setting span{color:#838ea1;font-size:10px}.editor-setting strong{font-size:10px;text-align:right}.editor-selected-card{margin-top:4px;padding:12px;border:1px solid rgba(155,108,255,.2);border-radius:13px;background:linear-gradient(145deg,rgba(139,92,246,.1),rgba(12,15,22,.9));display:grid;gap:7px}.editor-selected-card>strong{font-size:13px}.editor-selected-card>p{min-height:34px;margin:0;color:#8a95a8;font-size:10px}.editor-selected-card>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.editor-selected-card button,.editor-create-clip{min-height:34px;border:1px solid var(--v17-line);border-radius:9px;background:#141923;color:#d6dbe7;font-size:10px;cursor:pointer}.editor-selected-card button:disabled{opacity:.35;cursor:not-allowed}.editor-selected-card button.danger{color:#ffabb4}.editor-create-clip{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:7px;min-height:42px;border-color:rgba(155,108,255,.35);background:rgba(139,92,246,.13);font-weight:800}.editor-create-clip img{width:16px;filter:brightness(0) invert(1)}
.editor-timeline-panel{padding:13px 15px;border-radius:17px;overflow:hidden}.editor-timeline-panel>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.editor-timeline-panel>header>span{font-size:11px;color:#8e98aa}.editor-timeline{min-height:120px;display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px 2px 7px;scrollbar-width:thin}.editor-timeline .timeline-empty{width:100%;min-height:105px}.timeline-clip{flex:0 0 160px;min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border:1px solid rgba(177,188,220,.13);border-radius:12px;background:#0b0f16;color:#fff;text-align:left;cursor:pointer}.timeline-clip.selected{border-color:#9b6cff;box-shadow:0 0 0 2px rgba(155,108,255,.12),0 0 24px rgba(139,92,246,.12)}.timeline-clip video{width:58px;height:76px;object-fit:cover;border-radius:8px;background:#05070a}.timeline-clip>span{min-width:0;display:grid;gap:3px}.timeline-clip b{color:#9b6cff;font-size:10px}.timeline-clip strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-clip small{font-size:9px;color:#7f899c}.timeline-join{color:#596174;font-style:normal}.editor-footnote{margin:0 3px;color:#7f899c;font-size:11px}

/* Créditos: números grandes, propuesta clara, sin equivalencias técnicas. */
.credits-hero{padding:22px 26px!important}.credits-hero h1{font-size:clamp(34px,4vw,50px)!important}.credits-hero p{max-width:760px;font-size:14px!important}.balance-spotlight strong{font-size:48px!important}
.credits-shop{padding:18px!important}.credits-shop-head h2{font-size:27px!important;margin:4px 0}.credits-shop-head p{font-size:13px!important}.credit-pack-preview{gap:13px!important}.credit-pack{min-height:285px!important;padding:19px!important;display:flex;flex-direction:column}.pack-credit-line{display:flex;align-items:baseline;gap:8px;margin:16px 0 3px}.pack-credit-line strong{margin:0!important;font-size:39px!important;letter-spacing:-.04em}.pack-credit-line span{font-size:14px;font-weight:800}.pack-price{font-size:24px!important;font-weight:900}.pack-price small{font-size:11px!important;color:#929bad}.pack-promise{font-size:13px!important;line-height:1.55!important;color:#a4adbe!important}.credit-pack button{margin-top:auto!important;min-height:43px!important;font-size:12px!important}.pack-save{font-size:10px}.payment-copy strong{font-size:13px}.payment-copy small,.credits-billing-note,.credits-help-grid p{font-size:11px!important}.credits-help-grid strong{font-size:14px!important}

/* Mi cuenta, biblioteca y administración dejan de depender de microtexto. */
.account-identity .account-email,.library-head p{font-size:13px!important}.account-stats span,.admin-kpis span{font-size:11px!important}.account-stats small{font-size:10px!important}.ledger-row span,.ledger-row small,.admin-user span{font-size:11px!important}.admin-user strong{font-size:14px!important}.library-card .history-card-info strong{font-size:13px!important}.library-card .history-card-info span{font-size:11px!important}
.auth-muted,.auth-form label,.auth-foot{font-size:13px!important}.auth-form input{min-height:44px;font-size:14px}
.library-item-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-card-actions{display:flex;gap:6px;margin-top:10px}.library-card-actions a,.library-card-actions button{flex:1;min-height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--v17-line);border-radius:9px;background:#111620;color:#d8dce7;text-decoration:none;font-size:10px;cursor:pointer}.library-card-actions button:last-child{color:#ffabb6}.library-card-actions a:hover,.library-card-actions button:hover{border-color:rgba(155,108,255,.42);background:rgba(139,92,246,.1)}

@media(max-width:1260px){
  .short-editor-grid{grid-template-columns:235px minmax(320px,1fr) 235px}.editor-project-bar input{width:250px}
}
@media(max-width:1040px){
  .short-editor-grid{grid-template-columns:230px minmax(320px,1fr)}.editor-inspector-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.editor-inspector-panel .editor-panel-head{grid-column:1/-1}.editor-selected-card{grid-column:1/3}.editor-create-clip{margin:0;align-self:stretch}.content-mode-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:820px){
  body.app-body{font-size:15px}.side-link{font-size:9px!important}.short-intro{padding:13px!important}.short-intro h2{font-size:21px!important}.short-intro p{font-size:12px!important}.editor-project-bar{align-items:stretch;flex-direction:column}.editor-project-bar input{width:100%;font-size:17px}.editor-project-meta{justify-content:space-between}.editor-project-meta .generate{margin-left:auto}.short-editor-grid{grid-template-columns:1fr}.editor-library-panel{order:2}.editor-canvas-panel{order:1;min-height:535px}.editor-inspector-panel{order:3;grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.editor-selected-card{grid-column:1/-1}.editor-create-clip{grid-column:1/-1}.editor-library{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px}.generation-bar:has(.balance-hint:not(.hidden)){padding-bottom:9px!important}.balance-hint{display:none!important}.credit-nudge{right:12px;bottom:82px;grid-template-columns:42px minmax(0,1fr)}.credit-nudge>a{grid-column:1/-1;justify-content:center}.content-mode-grid-six{display:flex!important}.content-mode-grid-six .content-mode{min-width:170px!important}.credits-hero h1{font-size:32px!important}.credit-pack{min-height:250px!important}
}
@media(max-width:540px){
  .short-workspace-switch{width:100%}.short-workspace-switch button{flex:1;justify-content:center;padding:0 8px}.editor-project-meta{flex-wrap:wrap}.editor-project-meta .generate{width:100%;margin:0}.editor-canvas-panel{min-height:500px}.editor-library{grid-template-columns:1fr}.editor-inspector-panel{grid-template-columns:1fr}.editor-inspector-panel>*{grid-column:1!important}.editor-timeline-panel{padding:11px}.timeline-clip{flex-basis:145px}.short-intro .short-icon{display:none}.credit-nudge{grid-template-columns:1fr;padding-left:14px}.credit-nudge-icon{display:none}.generation-bar .generate{font-size:13px!important}.pack-credit-line strong{font-size:34px!important}
}

@media(prefers-reduced-motion:reduce){.credit-nudge,.editor-asset,.timeline-clip{animation:none!important;transition:none!important}}