/* Tableau de bord uniquement ; les styles de l'éditeur restent indépendants. */
:root:has(.xs-dashboard){--bg:#fbfcfd;--bg-elev:#f7f8fa;--surface:#fff;--border:#e5e7ef;--text:#101525;--muted:#72788c;--accent:#be450b;--accent-fill:#ff671d;--btn-primary-bg:linear-gradient(110deg,#ff7b25,#ff5e17);--btn-primary-fg:#fff;--btn-primary-shadow:0 7px 22px #ff671d12;color-scheme:light}
body:has(.xs-dashboard){background:radial-gradient(ellipse at 80% 5%,#fff2e9 0,transparent 33%),#fbfcfd}
body:has(.xs-dashboard)::before{display:none}
main.container:has(>.xs-dashboard){max-width:none;margin:0 0 0 246px;padding:0 36px 48px 40px}
body:has(.xs-dashboard) .header{height:58px;margin-left:246px;background:#ffffffd9;border-bottom:1px solid #eceef3;position:relative;z-index:30}
body:has(.xs-dashboard) .header-inner{max-width:none;padding:0 40px;gap:20px}
body:has(.xs-dashboard) .header .logo{display:none}
body:has(.xs-dashboard) .header-link{font-size:13px;display:flex;align-items:center;gap:18px;color:#73788b}
body:has(.xs-dashboard) .header-link::before{content:'‹';font-size:25px;line-height:1}
body:has(.xs-dashboard) .quota{font-size:12px;color:#7a7f90;gap:12px}
body:has(.xs-dashboard) .quota-bar{width:102px;height:5px;background:#e4e6ed}
body:has(.xs-dashboard) .header-right{gap:32px}
.xs-dashboard{gap:0;--radius:16px;--btn-primary-shadow:0 8px 25px #ff671d0f}
.xs-dashboard .btn{font-size:12px;min-height:40px;border-radius:12px;font-weight:600}
.xs-dashboard .btn-primary{border:1px solid #ff6b23;background:linear-gradient(110deg,#ff7b25,#ff5d17);color:#fff}
.xs-dashboard :is(button,a,input,textarea,select):focus-visible{outline:3px solid #c64d11;outline-offset:3px}
.xs-dashboard button{cursor:pointer}.xs-dashboard button:disabled{cursor:not-allowed}
.xs-dashboard .ic{width:18px;height:18px;flex:none}
.xs-sidebar{position:fixed;z-index:45;inset:0 auto 0 0;width:246px;background:#ffffffed;border-right:1px solid #eceef3;display:flex;flex-direction:column;overflow-y:auto;padding:18px 20px 0 22px}
.xs-logo{display:flex;align-items:center;gap:7px;font:700 22px/28px var(--font-head);letter-spacing:-1px;color:#101525;padding-left:12px;flex:none}.xs-logo img{border-radius:7px}
.xs-sidebar .xs-new{margin:31px 0 23px;display:flex;gap:19px;justify-content:flex-start;padding:0 15px;min-height:40px;width:100%;border-radius:13px;flex:none}.xs-sidebar .xs-new span{flex:1;text-align:center;margin-right:18px}
.xs-sidebar nav{display:flex;flex-direction:column;gap:4px;margin:0 -9px 22px -22px}
.xs-sidebar nav>a,.xs-sidebar nav>button{min-height:44px;padding:0 16px 0 35px;display:flex;align-items:center;gap:15px;border:0;background:none;color:#545b73;font:400 13px var(--font);text-align:left;border-radius:0 20px 20px 0;position:relative}
.xs-sidebar nav a:hover{background:#faf6f2;color:#b94306}.xs-sidebar nav .active{background:#fff3ec;color:#d94c08}.xs-sidebar nav .active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#ff671d}
.xs-sidebar nav button:disabled{color:#7a7f8e}.xs-sidebar nav small{font-size:9px;color:#747b8c;display:block;line-height:1.2}
.xs-plan{margin-top:auto;padding:13px 12px 12px;background:linear-gradient(150deg,#fff,#fcfcfe);border:1px solid #eceef3;border-radius:14px;box-shadow:0 6px 20px #121a2903}.xs-plan-row{display:flex;align-items:center;gap:10px}.xs-plan-icon{height:36px;width:36px;display:grid;place-items:center;border-radius:13px;color:#ff671d;background:#fff0e6;flex:none}.xs-plan strong{display:block;font-size:12px;font-weight:600;text-transform:capitalize}.xs-plan small{display:block;font-size:10px;color:#767c90;line-height:1.4}.xs-quota{height:4px;background:#eff0f5;border-radius:4px;overflow:hidden;margin:7px 0 11px 46px}.xs-quota i{height:100%;display:block;background:#ff6a1f}.xs-plan .btn{width:100%;height:34px;min-height:34px;padding:4px;color:#161b2b;border-color:#e8eaf2}
.xs-help{display:flex;align-items:center;gap:14px;margin:18px -20px 0 -22px;padding:19px 33px 24px;border-top:1px solid #eceef3;font-size:11px;color:#626a82}
.xs-nav-toggle,.xs-nav-close,.xs-scrim{display:none}.xs-skip{position:fixed;left:260px;top:-80px;background:#fff;padding:12px;z-index:100;border-radius:8px}.xs-skip:focus{top:10px}
.xs-hero{height:216px;position:relative;display:flex;align-items:center;isolation:isolate}.xs-hero-copy{width:58%;position:relative;z-index:2}
.xs-eyebrow{display:inline-flex;gap:6px;align-items:center;color:#d44906;background:#fff0e5;border-radius:8px;padding:3px 6px;font-size:10px;letter-spacing:1.7px;font-weight:600;line-height:16px;margin-bottom:12px}.xs-eyebrow .ic{width:11px;height:11px}
.xs-dashboard .xs-hero h1{font:700 clamp(27px,2.5vw,38px)/1.03 var(--font-head);letter-spacing:-1.5px;margin:0 0 10px;color:#101525}.xs-hero h1 span{color:#ff6b20}.xs-hero p{font-size:13px;line-height:1.6;max-width:600px;color:#424a63;margin:0}
.xs-art{position:absolute;right:0;top:0;width:53%;height:216px;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 56% 50%,#ffe1c8 0,#fff0e4a6 48%,transparent 72%)}.xs-art::before{content:'';position:absolute;left:23%;top:3%;width:208px;height:208px;border-radius:50%;border:15px solid #fff5ed85}
.xs-art-card{position:absolute;border:6px solid white;border-radius:14px;overflow:hidden;background:white;box-shadow:0 10px 24px #ad4c2333}.xs-art-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}.xs-art-back{width:128px;height:174px;left:27%;top:28px;transform:rotate(-9deg)}.xs-art-back img{object-position:center 65%}.xs-art-card>span{position:absolute;bottom:7px;left:7px;right:7px;color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 8px #000}.xs-art-front{width:146px;height:189px;left:51%;top:15px;transform:rotate(5deg)}.xs-art-front>strong{position:absolute;top:0;left:0;right:0;background:white;color:#131927;padding:0 3px 6px;display:flex;align-items:center;gap:4px;font-size:9px;line-height:15px}.xs-art-front .ic{width:14px;height:14px}.xs-art-front img{padding-top:20px}
.xs-idea{position:absolute;top:54px;left:7%;padding:9px 15px;border:1px solid #e9e9ef;border-radius:20px;background:#fff;font-size:12px;font-weight:600;box-shadow:0 5px 15px #aa54260c;transform:rotate(-4deg)}.xs-arrow{position:absolute;top:85px;left:16%;width:72px;height:40px;color:#ff6b20}
.xs-input-badge{position:absolute;left:12%;top:135px;display:flex;gap:7px;transform:rotate(5deg);background:#fff;padding:9px;border:1px solid #eceef2;border-radius:15px;box-shadow:0 8px 20px #aa54261c}.xs-input-badge>span{display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;min-width:42px;padding:5px;background:#f7f8fa;border-radius:8px;font-size:9px}.xs-art-note{position:absolute;right:1%;top:51px;width:105px;font:italic 15px/1.4 cursive;transform:rotate(-10deg)}.xs-art-note b{display:block;font:36px/1 cursive;padding-left:3px}.xs-art-caption{position:absolute;bottom:0;left:49%;font-size:9px;color:#7d6b60}
.xs-create{background:#ffffffec;border:1px solid #fff;border-radius:20px;padding:20px 22px 16px;box-shadow:0 9px 34px #242c3a04;scroll-margin-top:16px}.xs-dashboard .xs-create h2{font:700 20px/1.2 var(--font-head);display:flex;align-items:center;gap:7px;letter-spacing:-.5px;margin:0 0 17px}.xs-create-grid{display:grid;grid-template-columns:minmax(290px,36%) minmax(0,1fr);gap:22px}.xs-create h3{font:500 11px/1.3 var(--font);margin:0 0 8px;display:flex;align-items:center;gap:12px;color:#111728}.xs-number{width:27px;height:27px;display:inline-flex;justify-content:center;align-items:center;background:#fff3e9;border:1px solid #ffc09a;color:#d34a0b;border-radius:50%;font-size:12px;flex:none}
.xs-source-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.xs-source-options button{min-height:57px;padding:9px 10px;display:flex;align-items:center;justify-content:center;gap:10px;font:500 10px/1.35 var(--font);color:#141a2e;border:1px solid #e7e9f0;border-radius:11px;background:linear-gradient(130deg,#f9fafe,#f7f8fa);transition:background .15s,border-color .15s,transform .15s}.xs-source-options button:hover{border-color:#ffb58a;transform:translateY(-1px);background:#fff8f4}.xs-source-options button.selected{border-color:#ffcfb3;background:#fff8f2}
.xs-styles{display:flex;gap:6px;border:0;padding:0;margin:12px 0 0;scroll-margin-top:18px;min-width:0}.xs-styles legend{color:#777e91;font-size:10px;margin-bottom:5px}.xs-styles label{border:1px solid #e6e8ef;border-radius:8px;padding:5px 9px;display:flex;gap:5px;align-items:center;font-size:10px;cursor:pointer;color:#626a80;background:#fff}.xs-styles label.selected{border-color:#ffc39f;color:#b7440a;background:#fff6ef}.xs-styles input{width:12px;height:12px;margin:0;accent-color:#dc5315}
.xs-example{display:flex;align-items:center;gap:5px;border:0;background:none;color:#ab400e;font:500 10px/1.3 var(--font);padding:9px 0 0;text-align:left}.xs-example .ic{width:12px;height:12px}
.xs-textarea{position:relative}.xs-dashboard .xs-textarea textarea{width:100%;max-width:none;display:block;min-height:92px;height:92px;padding:12px 16px 25px;font:400 12px/1.5 var(--font);border:1px solid #e3e6ef;background:linear-gradient(#fff,#fdfdfe);resize:vertical;border-radius:11px;color:#22283b}.xs-textarea textarea::placeholder{color:#9297a7}.xs-textarea>span{position:absolute;right:11px;bottom:7px;color:#9297a7;font-size:10px;pointer-events:none}
.xs-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.xs-chips button{padding:4px 9px;border:1px solid #e2e5ef;border-radius:18px;background:#fff;color:#6d7589;font:400 10px/1.4 var(--font);transition:background .15s}.xs-chips button:hover{color:#bc450b;background:#fff5ed}
.xs-params{margin-top:20px}.xs-params h3{margin-bottom:-12px}.xs-param-row{display:flex;align-items:flex-end;gap:17px;margin-left:44px}.xs-param-row .field{margin:0;min-width:0;flex:0 1 182px}.xs-param-row .field label{font-size:12px;color:#7b8191;margin-bottom:3px}.xs-param-row select{height:36px;padding:5px 10px;font-size:12px;border:1px solid #e4e7ef;border-radius:11px;background:#fff;color:#171d30}.xs-param-row .xs-generate{margin-left:auto;flex:none;min-height:41px;gap:8px;padding:8px 18px}.xs-generate:disabled{opacity:.6}.xs-script-hint{font-size:10px;line-height:1.3;color:#7f8596;margin:7px 0 0 44px}
.xs-dashboard .xp-mine{margin-top:28px;min-width:0;scroll-margin-top:20px}.xs-dashboard .xp-mine>h2{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:0 0 3px}.xs-library-sub{font-size:13px;color:#818699;margin:0 0 12px}
.xs-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.xs-filters{display:flex;gap:5px;flex-wrap:wrap}.xs-filters button{display:flex;align-items:center;gap:5px;border:1px solid transparent;background:transparent;border-radius:17px;color:#687087;font:500 11px var(--font);padding:7px 9px}.xs-filters button span{padding:1px 5px;border-radius:6px;background:#e9ebf1;font-size:10px}.xs-filters .active{border-color:#ff8a4b;color:#d54c0b;background:#fff}.xs-filters .active span{background:#ff6a20;color:#fff}
.xs-library-tools{display:flex;align-items:center;gap:14px;margin-left:auto}.xs-search{display:flex;align-items:center;gap:9px;border:1px solid #e4e7ef;border-radius:12px;min-width:140px;padding:0 12px;height:36px;background:#fff;color:#8b91a3}.xs-search input{border:0;background:transparent;outline:0;min-width:0;width:170px;font:400 11px var(--font);color:#252c41}.xs-search input::placeholder{color:#979cad}.xs-library-tools>select{height:36px;width:145px;border:1px solid #e4e7ef;border-radius:11px;background:#fff;padding:0 10px;color:#5c6378;font:400 11px var(--font)}.xs-layout{display:flex;border:1px solid #e4e7ef;border-radius:10px;overflow:hidden;background:#fff}.xs-layout button{border:0;background:transparent;color:#9298aa;display:grid;place-items:center;height:34px;width:36px}.xs-layout .active{background:#eef0f5;color:#25314b}
.xs-dashboard .xp-videos{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.xs-dashboard .xp-video{min-width:0;position:relative;border-color:#e6e8ee;border-radius:13px;box-shadow:0 3px 9px #10182802;transition:transform .18s,box-shadow .18s}.xs-dashboard .xp-video:hover{transform:translateY(-2px);box-shadow:0 8px 22px #1523400c}.xs-dashboard .xp-player{aspect-ratio:16/9;max-height:none;height:auto;object-fit:cover;border-radius:12px 12px 0 0;background:#121827}.xs-dashboard .xp-player-empty{aspect-ratio:16/9;background:radial-gradient(at 30% 30%,#353c56,#161d30);color:#c6ccdc;overflow:hidden}.xs-dashboard .xp-player-empty>.ic{width:27px;height:27px}.xs-dashboard .xp-vbody{padding:10px 10px 8px;gap:5px;min-width:0;flex:1}.xs-dashboard .xp-vtitle{font:600 12px/1.35 var(--font);color:#151b2e;min-width:0;display:block;max-width:100%;padding:0;border:0;background:none;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xs-dashboard .xp-small{font:400 10px/1.4 var(--font);color:#7e8598}.xs-dashboard .xs-card-status{position:absolute;left:7px;top:7px;border-radius:15px;border:0;background:#fff0e4;color:#bf4b13;padding:3px 8px;font:500 9px/1.3 var(--font);z-index:2}.xs-dashboard .xs-card-status.ok{background:#e5f9ed;color:#177b43}.xs-dashboard .xs-card-status.generating{background:#e4efff;color:#1463b5}.xs-dashboard .xs-card-status.bad{background:#ffeded;color:#b63636}
.xs-dashboard .xp-vbody>.row{gap:6px;margin-top:3px}.xs-dashboard .xp-vbody>.row>a{min-height:26px;height:26px;font-size:10px;gap:4px;padding:2px 6px;border-radius:7px}.xs-dashboard .xp-vbody>.row .ic{width:12px;height:12px}.xs-dashboard .xp-vbody .icon-btn{width:27px;height:27px;color:#7f869b}.xs-dashboard .xp-video .menu{z-index:20;min-width:165px;top:30px;font-size:12px}.xs-dashboard .xp-prog{height:3px;border-radius:3px}
.xs-render-ring{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:conic-gradient(#ff8a46 var(--render-progress),#ffffff35 0);padding:4px;margin-top:14px}.xs-render-ring strong{width:44px;height:44px;background:#212a3e;border-radius:50%;display:grid;place-items:center;color:white;font-size:12px}
.xs-draft-cover{display:flex;align-items:center;justify-content:center;background:radial-gradient(at 60% 20%,#fff1e7,#edf0fa);aspect-ratio:16/9;border-radius:12px 12px 0 0;color:#e66c30}.xs-draft-cover>.ic{width:32px;height:32px}.xs-draft-card .btn{align-self:flex-start;font-size:10px;min-height:26px;height:26px;gap:5px;padding:3px 7px}
.xs-dashboard .xp-videos.xs-list-view{grid-template-columns:1fr}.xs-list-view .xp-video{display:grid;grid-template-columns:180px minmax(0,1fr);gap:3px;min-height:110px}.xs-list-view .xp-player,.xs-list-view .xs-draft-cover{height:100%;max-height:140px;border-radius:12px 0 0 12px;object-fit:cover}.xs-list-view .xp-vbody>.row{margin-top:auto}
.xs-dashboard .xp-empty-list{border:1px dashed #dfe4ee;border-radius:16px;min-height:265px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(140deg,#fff,#fffaf6);padding:24px}.xs-dashboard .xp-empty-img{width:80px;height:60px;display:block;border-radius:16px;overflow:hidden;margin-bottom:10px}.xs-dashboard .xp-empty-list h3{font-size:20px;margin:0 0 7px}.xs-dashboard .xp-empty-list p{font-size:12px;max-width:470px;margin-bottom:14px}.xs-dashboard .xp-empty-list .row{justify-content:center;gap:10px}.xs-dashboard .xp-empty-list .btn{font-size:11px;min-height:36px}
.xs-notice{border:1px solid #f4d6bd;background:#fff8ee;color:#80552e;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;margin:0 0 14px;font-size:12px}.xs-error{border-color:#f1ccc8;background:#fff5f3;color:#983e36}.xs-notice .btn{margin-left:auto}.xs-no-results{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;border:1px dashed #e0e5ed;border-radius:16px;background:#fff;color:#7e8699}.xs-no-results h3{margin:12px 0 5px;color:#151d31}.xs-no-results p{font-size:12px;margin-bottom:15px}.xs-dashboard .xp-skel-card{height:185px;background:linear-gradient(110deg,#f0f2f7,#f7f8fb,#f0f2f7);border-radius:13px}
@media(min-width:1700px){.xs-dashboard{max-width:1450px;margin:auto}.xs-hero h1{font-size:42px}}
@media(max-width:1350px){main.container:has(>.xs-dashboard){padding-left:26px;padding-right:26px}.xs-hero-copy{width:60%}.xs-art-note{display:none}.xs-art-front{left:58%;width:130px}.xs-art-back{left:32%}.xs-create-grid{grid-template-columns:36% minmax(0,1fr);gap:17px}.xs-source-options{grid-template-columns:repeat(2,minmax(0,1fr))}.xs-source-options button{min-height:49px}.xs-param-row{gap:10px;flex-wrap:wrap}.xs-param-row .field{flex:1 1 100px}.xs-param-row .xs-generate{margin-top:2px}.xs-params h3{margin-bottom:5px}.xs-script-hint{max-width:360px}.xs-dashboard .xp-videos{grid-template-columns:repeat(4,minmax(0,1fr))}.xs-library-tools{gap:8px}.xs-library-toolbar{gap:10px}}
@media(max-width:1100px){.xs-sidebar{width:206px;padding-right:14px}.xs-sidebar nav{margin-right:-5px}.xs-sidebar nav>a,.xs-sidebar nav>button{padding-left:28px;font-size:12px}.xs-sidebar .xs-new{padding:0 9px;gap:6px}.xs-sidebar .xs-new span{margin:0}.xs-logo{font-size:21px;padding-left:4px}main.container:has(>.xs-dashboard){margin-left:206px;padding:0 22px 36px}body:has(.xs-dashboard) .header{margin-left:206px}body:has(.xs-dashboard) .header-inner{padding:0 22px}body:has(.xs-dashboard) .header-right{gap:15px}.xs-hero-copy{width:65%}.xs-dashboard .xs-hero h1{font-size:28px;letter-spacing:-1px}.xs-hero p{font-size:12px}.xs-art{width:45%}.xs-art-back,.xs-idea,.xs-arrow,.xs-art-note{display:none}.xs-art-front{left:auto;right:12%;width:131px}.xs-input-badge{left:6%;top:144px;transform:rotate(-4deg);padding:6px}.xs-art-caption{left:auto;right:9%;bottom:-1px}.xs-create{padding:18px}.xs-create-grid{grid-template-columns:36% minmax(0,1fr)}.xs-source-options button{font-size:9px;gap:6px;padding:8px 6px}.xs-source-options .ic{width:15px;height:15px}.xs-dashboard .xp-videos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px) and (min-width:701px){.xs-sidebar{width:72px;padding:17px 12px}.xs-sidebar .xs-logo{padding:0;justify-content:center}.xs-logo>span,.xs-sidebar nav>a>span:not(.ic),.xs-sidebar nav>button>span:not(.ic),.xs-sidebar .xs-new>span:not(.ic),.xs-plan,.xs-help>span:not(.ic){display:none}.xs-sidebar .xs-new{margin:29px 0 21px;min-height:42px;justify-content:center;padding:0}.xs-sidebar nav{margin:0 -12px;gap:6px}.xs-sidebar nav>a,.xs-sidebar nav>button{padding:0;justify-content:center;border-radius:0 12px 12px 0;margin-right:8px;height:44px}.xs-help{margin-top:auto;justify-content:center;padding:20px 0;margin-left:0;margin-right:0}.xs-sidebar .ic{width:20px;height:20px}main.container:has(>.xs-dashboard){margin-left:72px}body:has(.xs-dashboard) .header{margin-left:72px}.xs-hero{height:220px}.xs-hero-copy{width:68%}.xs-param-row{margin-left:0}.xs-script-hint{margin-left:0}.xs-params{margin-top:16px}.xs-styles{flex-wrap:wrap}.xs-library-tools{margin-left:0;flex:1}.xs-search{flex:1}.xs-search input{width:100%}}
@media(max-width:700px){main.container:has(>.xs-dashboard){margin-left:0;padding:0 16px 32px}body:has(.xs-dashboard) .header{margin-left:0;height:58px}body:has(.xs-dashboard) .header-inner{padding:0 16px 0 55px;gap:10px}body:has(.xs-dashboard) .header-link::before{display:none}body:has(.xs-dashboard) .header-right{gap:12px;margin-left:auto}body:has(.xs-dashboard) .header .quota{display:none}.xs-nav-toggle{display:grid;position:absolute;left:13px;top:13px;z-index:40;height:32px;width:32px}.xs-sidebar{width:246px;padding:18px 20px 0 22px;transform:translateX(-110%);visibility:hidden;transition:transform .2s,visibility .2s;z-index:70}.xs-sidebar.is-open{transform:translateX(0);visibility:visible}.xs-nav-close{display:grid;position:absolute;right:10px;top:16px;height:30px;width:30px}.xs-scrim{display:block;position:fixed;inset:0;z-index:65;border:0;background:#17203555}.xs-hero{height:auto;min-height:188px;padding:23px 0}.xs-hero-copy{width:100%}.xs-dashboard .xs-hero h1{font-size:29px;line-height:1.08;letter-spacing:-1px}.xs-eyebrow{margin-bottom:11px}.xs-hero p{font-size:12px;max-width:470px}.xs-art{display:none}.xs-create{border-radius:16px;padding:18px 16px}.xs-dashboard .xs-create h2{font-size:18px;margin-bottom:17px}.xs-create-grid{display:flex;flex-direction:column;gap:20px}.xs-create h3{font-size:12px;margin-bottom:9px}.xs-source-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.xs-source-options button{min-height:49px;font-size:11px;gap:8px;justify-content:flex-start;padding:9px 12px}.xs-source-options .ic{width:18px;height:18px}.xs-styles{margin-top:12px}.xs-styles legend{font-size:11px}.xs-styles label{font-size:11px;padding:6px 10px}.xs-example{font-size:10px;padding-top:12px}.xs-textarea textarea{min-height:110px}.xs-chips{gap:7px}.xs-chips button{font-size:10px}.xs-params{margin-top:17px}.xs-params h3{margin-bottom:10px}.xs-param-row{margin-left:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.xs-param-row .field{min-width:0}.xs-param-row .field label{font-size:12px}.xs-param-row select{height:40px}.xs-param-row .xs-generate{grid-column:1/-1;width:100%;margin:1px 0 0;min-height:43px}.xs-script-hint{font-size:10px;margin:8px 0 0}.xs-dashboard .xp-mine{margin-top:25px}.xs-dashboard .xp-mine>h2{font-size:22px}.xs-library-sub{font-size:12px;margin-bottom:13px}.xs-library-toolbar{display:block}.xs-filters{gap:1px;flex-wrap:wrap;margin-bottom:12px}.xs-filters button{font-size:10px;padding:6px 7px;gap:4px}.xs-library-tools{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:9px}.xs-search{grid-column:1/-1;min-width:0;height:40px}.xs-search input{width:100%;font-size:12px}.xs-library-tools>select{width:100%;height:36px}.xs-layout{justify-self:end}.xs-dashboard .xp-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xs-dashboard .xp-vtitle{font-size:12px}.xs-dashboard .xp-vbody{padding:9px}.xs-dashboard .xp-vbody>.row{flex-wrap:wrap}.xs-dashboard .xp-empty-list{padding:24px 18px}.xs-dashboard .xp-empty-list .btn{font-size:11px;width:100%}.xs-dashboard .xp-empty-list h3{font-size:20px}.xs-list-view .xp-video{grid-template-columns:120px minmax(0,1fr)}.xs-notice{flex-wrap:wrap}.xs-notice .btn{margin-left:28px}.xs-skip{left:52px}}
@media(max-width:430px){.xs-dashboard .xp-videos{grid-template-columns:1fr}.xs-dashboard .xp-videos.xs-list-view{grid-template-columns:1fr}.xs-list-view .xp-video{grid-template-columns:105px minmax(0,1fr)}.xs-dashboard .xp-videos:not(.xs-list-view) .xp-player,.xs-dashboard .xp-videos:not(.xs-list-view) .xs-draft-cover{max-height:200px}.xs-dashboard .xs-hero h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.xs-dashboard *,.xs-dashboard *::before,.xs-dashboard *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.xs-dashboard .xp-video:hover,.xs-source-options button:hover{transform:none}}
/* Ajustements après comparaison à la référence et navigation clavier. */
.xs-params h3{margin-bottom:5px}.xs-script-hint{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}.xs-create h3{font-size:12px}.xs-source-options button{font-size:11px}.xs-chips button{font-size:11px}.xs-preview-error{position:absolute;inset:0;display:grid;place-items:center;color:#d8deed;font-size:11px;background:#182033}.xs-video-cover{position:relative;border-radius:12px 12px 0 0;overflow:hidden}.xs-duration{position:absolute;bottom:8px;right:8px;color:#fff;background:#111827d9;border-radius:4px;padding:1px 5px;font:600 10px/1.5 var(--font);pointer-events:none}.xs-video-cover:focus-within .xs-duration,.xs-video-cover:hover .xs-duration{display:none}.xs-more{display:flex;margin:20px auto 0}.xs-list-view .xs-video-cover{border-radius:12px 0 0 12px}.xs-dashboard .xp-video:has(.menu){z-index:10}.xs-dashboard .xp-video .menu button:focus-visible{outline-offset:-3px}.xs-source-options button,.xs-chips button,.xs-filters button{min-height:30px}
@media(min-width:701px){.xs-source-options button{min-height:57px}}
@media(max-width:700px){.xs-params h3{margin-bottom:10px}.xs-chips button{min-height:34px}.xs-filters button{min-height:36px}.xs-source-options button{min-height:49px}}

@media(min-width:701px) and (max-width:900px){.xs-input-badge{display:none}.xs-art{width:32%}.xs-hero-copy{width:72%}}

.xs-preview-button{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;border:0;background:transparent;color:white;opacity:0;transition:opacity .15s}.xs-preview-button>.ic{width:35px;height:35px;padding:8px;border-radius:50%;background:#141b2da6}.xs-video-cover:hover .xs-preview-button,.xs-preview-button:focus-visible{opacity:1}.xs-video-cover .xs-preview-button:focus-visible{outline-offset:-4px}.xs-dashboard .xp-videos{align-items:start}
@media(hover:none){.xs-preview-button{opacity:1}}
.xs-art::before{box-sizing:border-box;max-width:70%;max-height:95%}