/* VELORA File Studio — commercial dashboard v5 */
:root{--v5-sidebar:246px;--v5-blue:#3867f5;--v5-indigo:#5d59ee;--v5-cyan:#22b9ef;--v5-ink:#15213b;--v5-muted:#6f7f9d;--v5-line:#e4eaf5;--v5-card:rgba(255,255,255,.93)}
body{overflow-x:hidden!important;background:radial-gradient(1100px 520px at 86% 16%,rgba(93,159,255,.20),transparent 70%),radial-gradient(900px 540px at 32% 23%,rgba(141,181,255,.13),transparent 72%),linear-gradient(180deg,#f7fbff 0%,#eef6ff 58%,#f8fbff 100%)!important}
body:after{content:"";position:fixed;inset:78px 0 auto var(--v5-sidebar);height:430px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(227,241,255,.9),rgba(244,249,255,.1)),radial-gradient(80% 80% at 72% 32%,rgba(84,170,255,.17),transparent 68%);clip-path:polygon(0 0,100% 0,100% 75%,88% 68%,76% 76%,62% 62%,49% 75%,35% 63%,20% 78%,0 66%)}
.studio-app{padding-left:var(--v5-sidebar)!important;min-width:0}
.topbar{left:var(--v5-sidebar)!important;width:calc(100vw - var(--v5-sidebar))!important;max-width:none!important;padding:14px 28px!important;height:76px!important;gap:18px!important;border-bottom:1px solid rgba(207,218,237,.9)!important;box-shadow:0 2px 10px rgba(70,93,135,.04)!important}
.topbar .brand{display:none!important}.topbar-note{margin:0 auto!important;min-width:330px!important;border-radius:15px!important;background:rgba(255,255,255,.72)!important;border:1px solid #e3e9f4!important;padding:11px 18px!important;box-shadow:0 3px 12px rgba(60,82,125,.045)!important}
.v5-sidebar{position:fixed;inset:0 auto 0 0;width:var(--v5-sidebar);background:rgba(255,255,255,.96);border-right:1px solid #e5ebf4;z-index:1002;padding:24px 14px 18px;display:flex;flex-direction:column;box-shadow:10px 0 34px rgba(43,65,106,.04);backdrop-filter:blur(18px)}
.v5-brand{display:flex;align-items:center;gap:10px;padding:0 14px 26px}.v5-brand img{width:38px;height:38px;filter:drop-shadow(0 7px 12px rgba(62,78,190,.22))}.v5-brand div{display:flex;flex-direction:column;line-height:1}.v5-brand strong{font-size:20px;letter-spacing:.5px;color:#111c39}.v5-brand span{font-size:8.5px;letter-spacing:2px;color:#6b7a99;margin-top:6px}.v5-brand b{align-self:flex-start;margin-left:auto;font-size:8px;background:linear-gradient(135deg,#6073ff,#3fb8f4);color:#fff;padding:3px 6px;border-radius:999px;box-shadow:0 4px 10px rgba(80,104,236,.2)}
.v5-nav{overflow:auto;min-height:0;padding-right:2px}.v5-nav-label{padding:12px 13px 7px;font-size:10px;font-weight:800;letter-spacing:1.4px;color:#91a0bb}.v5-nav-sep{height:1px;background:#edf1f7;margin:11px 9px}
.v5-nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;cursor:pointer;color:#536584;font-size:13px;font-weight:600;transition:.18s ease;text-align:left}.v5-nav-item svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.v5-nav-item:hover{background:#f2f6ff;color:#285fe8}.v5-nav-item.active{color:#1262e9;background:linear-gradient(90deg,#eef5ff,#e8f4ff);box-shadow:inset 3px 0 #3478f6}.v5-nav-item.active svg{filter:drop-shadow(0 4px 7px rgba(39,114,239,.18))}
.v5-sidebar-foot{margin-top:auto;padding:16px 10px 0;border-top:1px solid #edf1f7;display:flex;gap:9px;align-items:flex-start}.v5-sidebar-foot img{width:31px}.v5-sidebar-foot div{display:flex;flex-direction:column}.v5-sidebar-foot strong{font-size:10px;color:#263759}.v5-sidebar-foot span{font-size:9px;color:#7f8da5;margin:2px 0}.v5-sidebar-foot small{font-size:8px;color:#9aa6ba}
.v5-bell,.v5-top-user{border:0;background:transparent;cursor:pointer;display:flex;align-items:center}.v5-bell{position:relative;width:36px;height:36px;justify-content:center;border-radius:10px;color:#48618c}.v5-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.v5-bell i{position:absolute;width:6px;height:6px;background:#ff5e5e;border:2px solid #fff;border-radius:50%;right:7px;top:6px}.v5-bell:hover{background:#f1f5fb}.v5-top-user{gap:10px;padding:4px 8px;border-radius:12px}.v5-top-user:hover{background:#f3f6fc}.v5-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#6676ff,#3768e8);font-weight:800;font-size:18px;box-shadow:0 7px 15px rgba(62,87,222,.22)}.v5-user-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.v5-user-copy small{font-size:10px;color:#7e8ba3}.v5-user-copy strong{font-size:12px;color:#273754;margin-top:3px}
.v5-pro-banner{max-width:1310px;margin:18px auto 26px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:15px 18px;border:1px solid rgba(218,220,248,.94);border-radius:15px;background:linear-gradient(96deg,rgba(255,252,241,.95),rgba(248,244,255,.95) 50%,rgba(231,249,255,.96));box-shadow:0 12px 30px rgba(63,84,134,.07)}.v5-pro-icon{width:42px;height:42px;display:grid;place-items:center;color:#ff9f00}.v5-pro-icon svg,.v5-upgrade-btn svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.v5-pro-banner strong{font-size:13px;color:#1d2a45}.v5-pro-banner p{font-size:11px;color:#6e7e9c;margin-top:3px}.v5-upgrade-btn{display:flex;align-items:center;gap:8px;border:0;border-radius:11px;padding:12px 18px;color:#fff;font-weight:800;font-size:12px;cursor:pointer;background:linear-gradient(135deg,#5f61f5,#16b8ef);box-shadow:0 9px 22px rgba(64,103,238,.22)}.v5-upgrade-btn svg{width:17px;height:17px}
.account-bar{max-width:1310px!important;margin:0 auto 22px!important;border-radius:12px!important;padding:12px 18px!important;background:rgba(255,255,255,.72)!important;box-shadow:none!important}.account-bar>.secondary-button{border-radius:10px!important}
.workspace,.main-content,.studio-main{max-width:1310px!important;margin-left:auto!important;margin-right:auto!important}.workspace-top{display:grid!important;grid-template-columns:1fr auto!important;gap:20px!important;align-items:end!important;margin-top:20px!important}.intro{position:relative;padding-left:20px}.intro:before{content:"";position:absolute;left:0;top:6px;width:3px;height:66px;border-radius:4px;background:linear-gradient(#1e8df4,#4e67ef)}.intro .eyebrow{color:#1686f4!important;font-size:10px!important;font-weight:800!important;letter-spacing:1.8px!important}.intro h1{font-size:clamp(30px,3.2vw,45px)!important;line-height:1.05!important;letter-spacing:-1.5px!important;color:#121d37!important;margin-top:8px!important}.v5-hero-sub{font-size:13px;color:#6b7b97;margin-top:8px;max-width:680px}
.v5-feature-row{display:grid;grid-template-columns:repeat(5,minmax(95px,1fr));gap:10px;max-width:520px;margin:18px 0 10px auto}.v5-feature{min-height:76px;border-radius:13px;border:1px solid #e7eaf7;background:rgba(255,255,255,.75);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-align:center;padding:10px;box-shadow:0 7px 18px rgba(59,82,130,.04)}.v5-feature span{font-size:21px;font-weight:800}.v5-feature b{font-size:10px;line-height:1.15;color:#28405f}.v5-f0{background:linear-gradient(145deg,#fff8fd,#f8f1ff)}.v5-f0 span{color:#e04cf2}.v5-f1{background:linear-gradient(145deg,#f7fbff,#eef7ff)}.v5-f1 span{color:#1a8deb}.v5-f2{background:linear-gradient(145deg,#f4fff9,#eafff4)}.v5-f2 span{color:#20bf83}.v5-f3{background:linear-gradient(145deg,#fffdf4,#fff8e7)}.v5-f3 span{color:#f6a800}.v5-f4{background:linear-gradient(145deg,#faf9ff,#f0f2ff)}.v5-f4 span{color:#7160f0}
body.v5-photo-mode .tool-layout{grid-template-columns:minmax(0,1.58fr) minmax(280px,.72fr) minmax(260px,.64fr)!important;align-items:start!important;gap:14px!important}.work-panel,.settings-panel,.v5-preview-card,.v5-batch-card{border:1px solid #e2e9f4!important;border-radius:14px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 12px 28px rgba(46,71,118,.06)!important}.work-panel{overflow:hidden}.panel-head,.settings-title{min-height:58px!important;border-bottom:1px solid #e8edf5!important;background:rgba(255,255,255,.85)!important}.panel-title{font-size:14px!important}.small-badge{border-radius:999px!important;background:#f2f0ff!important;color:#5e5de8!important}.drop-zone{min-height:300px!important;border:1.5px dashed #4f80ff!important;border-radius:13px!important;background:linear-gradient(180deg,#f8fbff,#f0f6ff)!important;box-shadow:inset 0 1px #fff!important}.upload-icon{width:58px!important;height:58px!important;border-radius:17px!important;background:linear-gradient(145deg,#f7f8ff,#eaf0ff)!important;color:#5665f4!important}.upload-cta,.primary-button{border-radius:10px!important;background:linear-gradient(135deg,#5a5fe9,#3d7be9)!important;box-shadow:0 9px 20px rgba(72,87,220,.2)!important}.settings-panel{position:relative!important;top:auto!important}.settings-body{padding:17px!important}.field-label{font-size:11px!important}.select-control,.text-input{border-radius:10px!important;border-color:#dfe6f1!important;background:#fff!important}.format-option{border-radius:10px!important}.format-option.active{border-color:#6f83ff!important;box-shadow:0 0 0 1px rgba(101,116,243,.15)!important;background:#f8f9ff!important}
.v5-preview-column{display:flex;flex-direction:column;gap:14px}.v5-preview-card,.v5-batch-card{overflow:hidden}.v5-preview-card header,.v5-batch-card header{display:flex;align-items:center;gap:8px;height:58px;padding:0 16px;border-bottom:1px solid #e8edf5;color:#1d2a45}.v5-preview-card header svg,.v5-batch-card header svg{width:18px;height:18px;fill:none;stroke:#2d7af0;stroke-width:1.7}.v5-preview-card header strong,.v5-batch-card header strong{font-size:13px}.v5-preview-stage{min-height:260px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.v5-preview-stage b{font-size:11px;color:#253552;margin-top:10px}.v5-preview-stage p{font-size:10px;color:#8190a8;margin-top:4px;line-height:1.4}.v5-silhouette{width:126px;height:165px;border:2px solid #e8edf5;border-radius:10px;background:#f7f9fc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-shadow:inset 0 0 0 5px #fbfcfe}.v5-silhouette span{width:43px;height:43px;border-radius:50%;background:#bcc8d9}.v5-silhouette i{width:75px;height:58px;border-radius:38px 38px 8px 8px;background:#bcc8d9}.v5-live-preview{width:150px;max-height:210px;object-fit:contain;border-radius:10px;border:1px solid #e1e7f1;box-shadow:0 10px 22px rgba(46,66,103,.12)}.v5-download{margin:0 14px 14px;width:calc(100% - 28px);padding:11px;border-radius:10px;border:0;background:#e8edf4;color:#a6b1c2;font-weight:700;font-size:11px}.v5-batch-card>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}.v5-batch-card button{border:1px solid #dfe6f1;border-radius:10px;padding:11px 8px;background:#fff;color:#3b557f;font-weight:700;font-size:10px;cursor:pointer}.v5-batch-card button:hover{background:#f5f8fd}
.footer>a{display:none!important}
@media(max-width:1180px){:root{--v5-sidebar:210px}.v5-nav-item{font-size:12px;padding:9px 10px}.v5-brand strong{font-size:17px}body.v5-photo-mode .tool-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.72fr)!important}.v5-preview-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.v5-feature-row{max-width:none;margin-left:0}.topbar-note{min-width:260px!important}}
@media(max-width:860px){:root{--v5-sidebar:0px}.v5-sidebar{display:none}.studio-app{padding-left:0!important}.topbar{left:0!important;width:100vw!important;padding:10px 14px!important;height:auto!important;min-height:66px!important}.topbar .brand{display:flex!important}.topbar-note{display:none!important}.v5-user-copy{display:none}.v5-pro-banner{margin:12px 12px 18px!important;grid-template-columns:auto 1fr}.v5-upgrade-btn{grid-column:1/-1;justify-content:center}.account-bar{margin:0 12px 16px!important}.workspace,.main-content,.studio-main{padding-left:12px!important;padding-right:12px!important}.workspace-top{grid-template-columns:1fr!important}.v5-feature-row{grid-template-columns:repeat(5,1fr);overflow:auto;padding-bottom:5px}.v5-feature{min-width:100px}.intro h1{font-size:31px!important}body.v5-photo-mode .tool-layout{grid-template-columns:1fr!important}.v5-preview-column{grid-column:auto;grid-template-columns:1fr 1fr}}
@media(max-width:560px){.v5-pro-banner{grid-template-columns:1fr;text-align:center}.v5-pro-icon{margin:auto}.v5-top-user{padding:2px}.v5-avatar{width:34px;height:34px}.v5-bell{width:32px}.v5-preview-column{grid-template-columns:1fr}.v5-feature-row{grid-template-columns:repeat(5,100px)}.intro{padding-left:14px}.intro:before{height:54px}.intro h1{font-size:28px!important}.drop-zone{min-height:245px!important}.v5-batch-card>div{grid-template-columns:1fr}}
:root[data-theme=dark] body{background:radial-gradient(950px 560px at 85% 12%,rgba(53,122,221,.18),transparent 72%),linear-gradient(180deg,#0d1626,#101a2c 55%,#0d1727)!important}:root[data-theme=dark] .v5-sidebar{background:rgba(16,25,42,.97);border-color:#24334c}:root[data-theme=dark] .v5-brand strong,:root[data-theme=dark] .v5-nav-item,:root[data-theme=dark] .v5-sidebar-foot strong,:root[data-theme=dark] .v5-user-copy strong,:root[data-theme=dark] .intro h1{color:#e8eef9}:root[data-theme=dark] .v5-nav-label,:root[data-theme=dark] .v5-brand span,:root[data-theme=dark] .v5-sidebar-foot span,:root[data-theme=dark] .v5-sidebar-foot small,:root[data-theme=dark] .v5-user-copy small,:root[data-theme=dark] .v5-hero-sub{color:#93a5c0}:root[data-theme=dark] .v5-nav-sep,:root[data-theme=dark] .v5-sidebar-foot{border-color:#24334c;background-color:transparent}:root[data-theme=dark] .v5-nav-item:hover{background:#17263d}:root[data-theme=dark] .v5-nav-item.active{background:linear-gradient(90deg,#17335b,#162b47);color:#77b6ff}:root[data-theme=dark] .v5-pro-banner{background:linear-gradient(96deg,#28251f,#24243a 48%,#152d3a);border-color:#37435a}:root[data-theme=dark] .v5-pro-banner strong{color:#eef3fb}:root[data-theme=dark] .v5-pro-banner p{color:#a5b1c5}:root[data-theme=dark] .v5-feature,:root[data-theme=dark] .v5-preview-card,:root[data-theme=dark] .v5-batch-card{background:#182438!important;border-color:#30405a!important}:root[data-theme=dark] .v5-feature b,:root[data-theme=dark] .v5-preview-card header,:root[data-theme=dark] .v5-batch-card header{color:#e3eaf6}:root[data-theme=dark] .v5-preview-stage p{color:#9eacc0}:root[data-theme=dark] .v5-silhouette{background:#202e44;border-color:#34445e;box-shadow:inset 0 0 0 5px #1b293d}:root[data-theme=dark] .v5-batch-card button{background:#1d2a3f;border-color:#36465f;color:#dbe5f5}:root[data-theme=dark] .v5-batch-card button:hover{background:#24354f}

/* v5.1 — cleaner commercial canvas + fully interactive sidebar */
body{
  background:
    radial-gradient(900px 520px at 78% -4%,rgba(91,112,244,.085),transparent 66%),
    radial-gradient(760px 520px at 18% 102%,rgba(33,184,205,.055),transparent 68%),
    linear-gradient(180deg,#fafbfe 0%,#f5f7fb 48%,#f8f9fc 100%)!important;
}
body:after{display:none!important}
.studio-app{min-height:100vh;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(247,249,252,.18))}
.workspace,.main-content,.studio-main{position:relative}
.workspace:before{content:"";position:absolute;z-index:-1;inset:-24px -30px auto;height:310px;border-radius:38px;background:radial-gradient(70% 100% at 50% 0,rgba(109,137,255,.055),transparent 74%);pointer-events:none}
.v5-sidebar{background:rgba(255,255,255,.985);box-shadow:8px 0 28px rgba(34,51,89,.035)}
.v5-nav-item{border:1px solid transparent}
.v5-nav-item:hover{background:#f6f8fd;border-color:#edf1f8;color:#275fdf;transform:translateX(1px)}
.v5-nav-item.active{background:linear-gradient(90deg,#edf4ff 0%,#f5f8ff 100%);border-color:#e1eafc;box-shadow:inset 3px 0 #3478f6,0 4px 12px rgba(55,91,170,.035)}
.v5-sidebar-foot{align-items:center}.v5-sidebar-foot small{margin-top:3px}
.work-panel,.settings-panel,.v5-preview-card,.v5-batch-card{box-shadow:0 12px 34px rgba(40,58,96,.055)!important}
.account-bar,.v5-pro-banner{backdrop-filter:blur(12px)}

.v5-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px}.v5-modal-backdrop{position:absolute;inset:0;background:rgba(17,27,49,.32);backdrop-filter:blur(6px)}.v5-modal-card{position:relative;width:min(520px,calc(100vw - 32px));border:1px solid #e2e8f3;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 28px 70px rgba(31,45,77,.22);padding:22px}.v5-modal-card h3{margin:0 36px 8px 0;font-size:20px;color:#17243e}.v5-modal-content p{margin:0 0 16px;color:#6b7b96;font-size:13px;line-height:1.65}.v5-modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:10px;background:#f3f6fb;color:#63728d;font-size:24px;line-height:1;cursor:pointer}.v5-modal-close:hover{background:#eaf0fa;color:#274b8c}.v5-modal-grid,.v5-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v5-modal-grid button,.v5-modal-actions button{border:1px solid #dfe7f3;border-radius:12px;background:linear-gradient(180deg,#fff,#f8faff);color:#29456f;padding:13px 12px;font:700 12px/1.2 inherit;cursor:pointer;box-shadow:0 5px 14px rgba(43,65,104,.04)}.v5-modal-grid button:hover,.v5-modal-actions button:hover{border-color:#a8bcf7;background:#f4f7ff;color:#275fdc;transform:translateY(-1px)}

:root[data-theme=dark] body{background:radial-gradient(900px 520px at 78% -4%,rgba(86,106,242,.14),transparent 66%),linear-gradient(180deg,#0e1625 0%,#101827 55%,#0d1522 100%)!important}:root[data-theme=dark] .studio-app{background:transparent}:root[data-theme=dark] .workspace:before{background:radial-gradient(70% 100% at 50% 0,rgba(77,107,195,.08),transparent 74%)}:root[data-theme=dark] .v5-modal-card{background:#182438;border-color:#30405a}:root[data-theme=dark] .v5-modal-card h3{color:#edf3fb}:root[data-theme=dark] .v5-modal-content p{color:#a6b3c7}:root[data-theme=dark] .v5-modal-close{background:#223149;color:#b6c4d7}:root[data-theme=dark] .v5-modal-grid button,:root[data-theme=dark] .v5-modal-actions button{background:#1d2a3f;border-color:#34455f;color:#dce6f5}
@media(max-width:560px){.v5-modal-grid,.v5-modal-actions{grid-template-columns:1fr}.v5-modal-card{padding:18px}}

/* v5.2 — wider conversion workspace / larger drag-and-drop area */
@media (min-width: 1181px){
  .workspace,.main-content,.studio-main{max-width:1450px!important;width:calc(100% - 40px)!important}
  body:not(.v5-photo-mode) .tool-layout{
    width:min(100%,1240px)!important;
    max-width:1240px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:minmax(0,1.55fr) minmax(360px,.72fr)!important;
    gap:24px!important;
    align-items:stretch!important;
  }
  body:not(.v5-photo-mode) .work-panel,
  body:not(.v5-photo-mode) .settings-panel{width:100%!important;min-width:0!important}
  body:not(.v5-photo-mode) .work-panel{min-height:610px!important;display:flex!important;flex-direction:column!important}
  body:not(.v5-photo-mode) .work-panel .panel-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important}
  body:not(.v5-photo-mode) .drop-zone{
    min-height:440px!important;
    flex:1 1 auto!important;
    margin:20px!important;
    padding:48px 34px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body:not(.v5-photo-mode) .upload-icon{width:72px!important;height:72px!important;border-radius:20px!important}
  body:not(.v5-photo-mode) .upload-icon svg{width:30px!important;height:30px!important}
  body:not(.v5-photo-mode) .drop-zone h3{font-size:18px!important;margin-top:18px!important}
  body:not(.v5-photo-mode) .drop-zone p{font-size:13px!important}
  body:not(.v5-photo-mode) .upload-cta{font-size:13px!important;padding:13px 22px!important;margin-top:18px!important}
  body:not(.v5-photo-mode) .settings-panel{min-height:610px!important}
  body:not(.v5-photo-mode) .settings-body{padding:22px!important}
}
@media (min-width: 861px) and (max-width:1180px){
  .workspace,.main-content,.studio-main{max-width:none!important;width:calc(100% - 28px)!important}
  body:not(.v5-photo-mode) .tool-layout{
    width:100%!important;
    max-width:980px!important;
    margin-inline:auto!important;
    grid-template-columns:minmax(0,1.35fr) minmax(310px,.8fr)!important;
    gap:18px!important;
  }
  body:not(.v5-photo-mode) .drop-zone{min-height:360px!important;padding:36px 24px!important}
}
@media (max-width:860px){
  body:not(.v5-photo-mode) .tool-layout{width:100%!important;max-width:none!important;margin:0!important}
  body:not(.v5-photo-mode) .drop-zone{min-height:320px!important}
}