/* XALO STUDIO V45. Content-only polish; does not style or alter global navigation/header. */
.v44-page{--v45-ink:#09132b;--v45-cyan:#8cebf2;--v45-lilac:#ac9aff;--v45-border:rgba(131,183,238,.22)}
.v44-page .x42-wrap{max-width:1160px}
.v44-page .x42-hero{max-width:880px;padding-top:22px;padding-bottom:24px}
.v44-page .x42-hero h1{letter-spacing:-.047em!important}
.v44-page .x42-kicker{font-size:11px;letter-spacing:.19em}
.v44-page .x42-panel{background:linear-gradient(152deg,rgba(17,30,58,.98),rgba(9,19,40,.96));border:1px solid var(--v45-border);border-radius:24px;box-shadow:0 22px 58px #0004,0 1px 0 #ffffff0a inset;position:relative;overflow:hidden}
.v44-page .x42-panel:before{content:"";height:2px;position:absolute;top:0;inset-inline:28px;background:linear-gradient(90deg,transparent,#82dce5a3,#9990e5a3,transparent);pointer-events:none}
.v44-page .v44-panelhead{color:#eff9ff!important;font-size:19px!important;letter-spacing:-.02em}
.v44-page .x42-field>span{color:#d1e8f7}
.v44-page .x42-field input,.v44-page .x42-field select{border-color:#688eb94b;background:#07132a}
.v44-page .x42-panel input:focus-visible,.v44-page .x42-panel button:focus-visible,.v44-page .x42-panel select:focus-visible{outline:2px solid #92f1fa;outline-offset:3px}
.v44-page .x42-btn{min-width:0;white-space:normal;text-align:center;line-height:1.35}
.v44-page .x42-btn.ghost{background:linear-gradient(132deg,#142844,#1a2948);border-color:#82b5df4b}
.v44-page .x42-panel [disabled]{opacity:.45;cursor:not-allowed}
.v45-module-bar{display:flex;gap:10px;margin:6px 0 20px;padding:11px;background:#101f3a99;border:1px solid #88c8e22d;border-radius:18px;max-width:620px}
.v45-step{display:flex;align-items:center;gap:9px;color:#bed5e7;flex:1;min-width:0;font-size:11px}
.v45-step span{flex:0 0 29px;height:29px;display:grid;place-items:center;border-radius:10px;color:#a7e9f1;border:1px solid #74d9ee58;background:#82daed12;font:700 11px system-ui}
.v45-step strong{font-size:11px;font-weight:750}
.v45-step:not(:last-child){border-inline-end:1px solid #82a3c233}
.v45-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;min-height:142px;cursor:pointer;padding:19px 14px;border:1px dashed #73cce386;border-radius:17px;background:radial-gradient(ellipse 100% 95% at 50% 0%,#2465a029,transparent),#08192e;margin:14px 0 16px;transition:background .16s,border-color .16s}
.v45-drop:hover,.v45-drop.is-drag{background:#142f50;border-color:#91f7ff}
.v45-drop:focus-visible{outline:2px solid #91f7ff;outline-offset:2px}
.v45-drop-icon{font:700 26px/1 system-ui;color:#83e3eb}
.v45-drop strong{font-size:14px;color:#e6faff}
.v45-drop small{color:#8faec7;font-size:11px}
.v45-file-count{border-radius:100px;border:1px solid #87c0e54d;background:#3d6c8f24;color:#a8e1ed;font-size:11px;padding:4px 12px;margin-top:6px}
.v45-checkbox{display:flex;align-items:center;gap:11px;margin:14px 0;cursor:pointer;color:#cbe0ed;font-size:12px}
.v45-checkbox input{width:17px;height:17px;accent-color:#6ed8e4}
.v45-inline-actions{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0}
.v45-inline-actions button{flex:1 1 135px}
.v45-result-meter{padding:14px;border:1px solid #6f9bc53d;background:#0a1b31;border-radius:15px;margin-top:14px}
.v45-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#d4ebf6;margin-bottom:10px}
.v45-result-head span{font-variant-numeric:tabular-nums;color:#93e6db;font-weight:800}
.v45-meter-track{width:100%;height:8px;border-radius:100px;background:#345071;overflow:hidden}
.v45-meter-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#44d9cf,#7da6ff);border-radius:100px;transition:width .25s}
.v45-result-meter small{font-size:10px;color:#8faec7;display:block;margin-top:9px}
.v45-preview-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.v45-preview-strip figure{margin:0;width:86px;min-width:0}
.v45-preview-strip img{display:block;width:86px;height:62px;object-fit:cover;background:#071327;border:1px solid #83b5de45;border-radius:9px}
.v45-preview-strip figcaption{font-size:10px;color:#9eb8ce;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v45-brand-preview{position:relative;display:flex;align-items:center;gap:18px;padding:20px;border:1px solid #8aafd14d;border-radius:17px;background:linear-gradient(137deg,#061b32,#20254a);min-height:142px;overflow:hidden;margin:19px 0}
.v45-preview-logo{font-weight:900;font-size:50px;line-height:1;letter-spacing:-.13em;color:#90e3f6;filter:drop-shadow(0 0 18px #70dbe278);z-index:1}
.v45-preview-logo span{color:#b4a2ff}
.v45-brand-copy{display:grid;gap:6px;min-width:0;z-index:1}
.v45-brand-copy span{color:#b7d4e8;font-size:10px;letter-spacing:.13em}
.v45-brand-copy strong{font-size:clamp(18px,2vw,27px);letter-spacing:.08em;color:#f0faff}
.v45-brand-copy small{color:#b3c9da;font-size:10px}
.v45-brand-accent{position:absolute;width:170px;height:170px;right:-68px;top:-25px;border-radius:50%;background:#7989f280;filter:blur(40px)}
.v45-contrast{padding-top:10px;border-top:1px solid #86b7dc29}
.v45-contrast h3,.v45-sub-tools h3,.v45-video-zone h3{font-size:14px;color:#eaf9ff;margin:8px 0;font-weight:800}
.v45-contrast p,.v45-video-zone p{font-size:11px!important;color:#9ab8d0!important;margin:3px 0 12px!important}
.v45-contrast-inputs,.v45-search-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v45-contrast-inputs label,.v45-search-row label{display:block;min-width:0;font-size:11px;color:#c7deed}
.v45-contrast-inputs select,.v45-search-row input{width:100%;box-sizing:border-box;min-width:0;min-height:40px;margin-top:6px;padding:8px;border-radius:10px;background:#061327;border:1px solid #76a9d14a;color:#eaf6ff}
.v45-contrast-preview{margin-top:13px;min-height:75px;display:grid;place-items:center;border-radius:12px;font-size:22px;font-weight:800;letter-spacing:.02em;text-align:center;padding:10px}
.v45-contrast-result{margin:10px 0 0!important;font-size:12px!important;font-weight:700;color:#9ee4d8!important}
.v45-sub-tools{margin-top:20px;padding:15px;background:#0a1c34;border:1px solid #749fcc35;border-radius:16px}
.v45-video-zone{border-radius:16px;border:1px solid #79a7d23d;padding:14px;background:#0a1a31;margin:12px 0 18px}
.v45-video-zone>input{max-width:100%;font-size:11px;color:#d5e8f5}
.v45-video-frame{position:relative;margin-top:12px;background:#000;border-radius:13px;overflow:hidden}
.v45-video-frame[hidden]{display:none}
.v45-video-frame video{display:block;width:100%;max-height:330px;background:#000}
.v45-sub-overlay{position:absolute;inset-inline:9px;bottom:54px;text-align:center;pointer-events:none;white-space:pre-line;overflow-wrap:anywhere;color:#fff;font-size:clamp(12px,1.7vw,18px);line-height:1.35;font-weight:800;text-shadow:0 1px 3px black,0 2px 6px #000;padding:7px 10px;background:#0009;border-radius:6px;max-height:50%;overflow:hidden}
.v45-sub-overlay:empty{display:none}
.v44-page .v44-cue.is-active{border-inline-start:3px solid #77e2ef;background:#23446559}
.v44-page .v44-cue{border-radius:10px}
.v44-page .v44-swatch{transition:transform .15s,filter .15s}
.v44-page .v44-swatch:hover{transform:translateY(-3px);filter:brightness(1.07)}
.v44-page .v44-list{max-height:590px;scrollbar-color:#527fa4 #0a182b}
.v44-page [hidden]{display:none!important}
[dir=rtl] .v45-brand-accent{right:auto;left:-68px}
@media(max-width:800px){.v44-page .x42-hero{padding-bottom:22px}.v45-module-bar{max-width:unset}}
@media(max-width:480px){.v44-page .x42-panel{border-radius:20px;padding:17px}.v44-page .x42-hero{padding-top:5px}.v44-page .x42-hero h1{font-size:clamp(31px,10vw,38px)!important}.v45-module-bar{gap:5px;padding:8px}.v45-step{gap:5px}.v45-step span{width:25px;height:25px;flex-basis:25px}.v45-step strong{font-size:10px}.v45-contrast-inputs,.v45-search-row{grid-template-columns:1fr}.v45-brand-preview{padding:14px;min-height:105px;gap:12px}.v45-preview-logo{font-size:39px}.v45-brand-copy strong{font-size:18px}.v44-page .v44-swatchgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.v44-page .v44-swatch,.v45-drop,.v45-meter-track span{transition:none!important}}
