:root{--bg: #0a0b0f;--panel: #14161d;--panel-2: #1b1e27;--border: #262b36;--text: #f2f3f5;--muted: #9aa1ac;--accent: #f0357a;--accent-2: #7b4dff;--accent-3: #22c1c3;--gradient: linear-gradient(135deg, #f0357a, #7b4dff);--danger: #ff5c5c;--radius: 14px;--glow-accent: 0 0 0 1px rgba(240, 53, 122, .4), 0 0 22px -4px rgba(240, 53, 122, .55), 0 0 46px -18px rgba(123, 77, 255, .6);--glow-accent-soft: 0 0 0 1px rgba(240, 53, 122, .18), 0 0 24px -10px rgba(123, 77, 255, .45)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(ellipse 900px 500px at 8% -10%,rgba(240,53,122,.16),transparent 60%),radial-gradient(ellipse 800px 600px at 100% 10%,rgba(123,77,255,.14),transparent 55%),radial-gradient(ellipse 700px 500px at 20% 110%,rgba(34,193,195,.08),transparent 55%),var(--bg);background-attachment:fixed;color:var(--text)}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--panel-2);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid var(--border);background:#14161dbf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);gap:24px;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;flex-shrink:0;letter-spacing:-.01em;background:linear-gradient(120deg,#fff,#c9cdd8 60%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-dot{width:11px;height:11px;border-radius:50%;background:var(--gradient);box-shadow:0 0 10px 2px #f0357ab3,0 0 22px 6px #7b4dff73;animation:pulse-glow 2.6s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px 2px #f0357ab3,0 0 22px 6px #7b4dff73}50%{box-shadow:0 0 14px 4px #f0357ae6,0 0 30px 10px #7b4dff99}}.main-nav{display:flex;gap:4px;background:#ffffff05;border:1px solid var(--border);border-radius:999px;padding:4px}.nav-tab{border:none;background:transparent;color:var(--muted);padding:8px 20px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;transition:color .15s ease,background .15s ease,box-shadow .2s ease}.nav-tab.active{background:var(--gradient);color:#fff;box-shadow:var(--glow-accent-soft)}.nav-tab:not(.active):hover{color:var(--text)}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:9px 16px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .1s ease,border-color .15s ease,box-shadow .2s ease}.btn:hover{border-color:#454c5c}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient);border:none;color:#fff;box-shadow:0 4px 18px -4px #f0357a80}.btn-primary:hover:not(:disabled){box-shadow:var(--glow-accent)}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn-danger:hover{box-shadow:0 0 14px -3px #ff5c5c99}.layout{display:flex;flex:1;min-height:0}.sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--border);padding:18px 14px;background:#14161d80;display:flex;flex-direction:column;gap:8px}.sidebar h4{margin:6px 8px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.category-list{display:flex;flex-direction:column;gap:2px}.category-item{display:flex;align-items:center;padding:8px;border-radius:10px;cursor:pointer;color:var(--muted);font-size:14px;gap:8px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.category-item:hover{background:var(--panel-2);color:var(--text)}.category-item.active{background:var(--panel-2);color:var(--text);border-color:#f0357a66;box-shadow:inset 2px 0 0 var(--accent),var(--glow-accent-soft)}.category-avatar{width:24px;height:24px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.category-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-meta{display:flex;gap:4px;flex-shrink:0}.count{font-size:11px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:1px 8px}.count-preset{border-color:var(--accent);color:var(--accent)}.category-delete{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;width:18px;height:18px;border-radius:6px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease}.category-item:hover .category-delete{opacity:1}.category-delete:hover{color:var(--danger);background:#ff5c5c1f}.new-category{display:flex;gap:6px;margin-top:8px}.new-category input{flex:1;min-width:0}input,select,textarea{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:8px;font-size:13px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f0357a26}.main{flex:1;min-width:0;padding:24px 28px;overflow-y:auto}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{border:none;background:transparent;color:var(--muted);padding:10px 6px;margin-right:18px;cursor:pointer;font-size:14px;font-weight:600;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab-count{color:var(--muted);font-weight:400;font-size:12px}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:36px;text-align:center;color:var(--muted);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .2s ease;margin-bottom:22px;background:#ffffff03}.dropzone.dragover{border-color:var(--accent);background:#f0357a0f;color:var(--text);box-shadow:var(--glow-accent-soft)}.progress-bar{height:6px;border-radius:999px;background:var(--panel-2);overflow:hidden;margin-top:10px}.progress-bar>div{height:100%;background:var(--gradient);transition:width .2s ease;box-shadow:0 0 12px #f0357a99}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.video-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .2s ease}.video-card:hover{transform:translateY(-3px);border-color:#f0357a59;box-shadow:var(--glow-accent-soft)}.video-card video{width:100%;aspect-ratio:9 / 16;object-fit:cover;background:#000;display:block}.video-card-info{padding:10px 12px;font-size:13px}.video-card-info .name{font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card-info .meta{color:var(--muted);font-size:12px;display:flex;justify-content:space-between;align-items:center}.empty-state{color:var(--muted);text-align:center;padding:60px 20px}.panel-card{background:linear-gradient(180deg,#ffffff06,#fff0);background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:14px}.panel-card h4{margin:0 0 12px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.field-row{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field-row label{font-size:12px;color:var(--muted)}.field-row textarea{resize:vertical;min-height:50px}.field-inline{display:flex;gap:10px}.field-inline .field-row{flex:1}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px}.color-swatch{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);padding:0;cursor:pointer;background:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050609b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:420px;max-width:90vw;box-shadow:0 20px 60px -20px #000000b3,0 0 0 1px #ffffff08}.modal h3{margin-top:0}.modal-video{width:auto;padding:16px}.modal-video video{display:block;max-height:78vh;max-width:82vw;border-radius:8px;background:#000}.toast{position:fixed;bottom:20px;right:20px;background:var(--panel-2);border:1px solid var(--border);padding:12px 16px;border-radius:10px;font-size:13px;max-width:320px;z-index:60;box-shadow:var(--glow-accent-soft);animation:toast-in .25s ease}.toast.error{border-color:var(--danger);color:var(--danger);box-shadow:0 0 22px -8px #ff5c5c99}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.captions-tab{display:flex;gap:28px;align-items:flex-start}.captions-preview-col{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:12px;position:sticky;top:0}.preview-hint{color:var(--muted);font-size:12px;text-align:center;max-width:260px;line-height:1.5}.captions-list-col{flex:1;min-width:0;max-width:460px}.preset-preview{position:relative;background:linear-gradient(160deg,#24283a,#10121a);border-radius:26px;overflow:hidden;box-shadow:0 12px 50px -12px #0009,0 0 0 1px #ffffff0d,0 0 40px -14px #7b4dff59;border:1px solid var(--border)}.preset-preview video{width:100%;height:100%;object-fit:cover;display:block}.preset-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.preset-preview-line{position:absolute;left:50%;transform:translate(-50%,-50%);white-space:nowrap;text-align:center;line-height:1.3;border-radius:3px}.preset-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden;transition:border-color .15s ease,box-shadow .2s ease}.preset-card.expanded{border-color:#f0357a80;box-shadow:var(--glow-accent-soft)}.preset-card-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}.preset-card-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.zone-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:999px;flex-shrink:0;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.zone-badge[data-zone=haut]{color:#a58bff;border-color:#7b4dff;box-shadow:0 0 10px -4px #7b4dffcc}.zone-badge[data-zone=centre]{color:#6fe3e5;border-color:#22c1c3;box-shadow:0 0 10px -4px #22c1c3cc}.zone-badge[data-zone=bas]{color:#ff6ea3;border-color:#f0357a;box-shadow:0 0 10px -4px #f0357acc}.preset-card-body{padding:14px 14px 16px;border-top:1px solid var(--border)}.creation-layout{display:flex;gap:28px;align-items:flex-start}.creation-preview-col{flex-shrink:0}.creation-panel-col{flex:1;min-width:0;max-width:420px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted)}.summary-row:last-of-type{border-bottom:none}.summary-row strong{color:var(--text);font-size:15px}.hint-warning{font-size:12px;color:#ffb454;background:#ffb4541a;border:1px solid rgba(255,180,84,.3);border-radius:8px;padding:10px 12px;margin-top:10px;line-height:1.5}.page-subtitle{color:var(--muted);font-size:13px;margin:-10px 0 20px;max-width:640px;line-height:1.5}.home{max-width:940px;margin:40px auto 0;text-align:center}.home-title{font-size:34px;margin:0 0 10px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(120deg,#fff,#d7d9e2 40%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(123,77,255,.25))}.home-subtitle{color:var(--muted);font-size:15px;margin:0 0 44px}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.home-card{position:relative;background:linear-gradient(180deg,#ffffff08,#fff0);background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;text-align:left;cursor:pointer;color:var(--text);display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,border-color .2s ease,box-shadow .25s ease}.home-card:hover{transform:translateY(-4px);border-color:#f0357a66;box-shadow:var(--glow-accent)}.home-card h3{margin:0;font-size:18px}.home-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55;flex:1}.home-card-badge{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:16px}.badge-models{background:linear-gradient(135deg,#7b4dff,#22c1c3);box-shadow:0 0 20px -6px #7b4dffb3}.badge-bibliotheque{background:linear-gradient(135deg,#f0357a,#ff9f43);box-shadow:0 0 20px -6px #f0357ab3}.badge-creation{background:var(--gradient);box-shadow:0 0 20px -6px #f0357ab3}.home-card-stat{font-size:12px;color:var(--accent);font-weight:700;margin-top:4px;letter-spacing:.01em}@media (max-width: 820px){.home-grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap;padding:12px 16px;gap:10px}.main-nav{order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tab{padding:8px 14px;font-size:13px;white-space:nowrap}.main{padding:18px 16px}.layout{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--border);padding:12px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar h4{display:none}.category-list{flex-direction:row}.category-item{flex-shrink:0;max-width:160px}.category-delete{opacity:1}.new-category{flex-shrink:0;margin-top:0}.new-category input{width:110px}.captions-tab,.creation-layout{flex-direction:column;align-items:center}.captions-preview-col{position:static}.captions-list-col,.creation-panel-col{width:100%;max-width:100%}.toolbar,.field-inline{flex-wrap:wrap}}.login-screen{flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{width:340px;max-width:90vw;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:30px 26px;box-shadow:0 20px 60px -20px #000000b3,var(--glow-accent-soft)}.user-row{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;border-bottom:1px solid var(--border);font-size:14px}.user-row:last-child{border-bottom:none}.user-role-badge{font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);margin-left:8px}.user-role-badge[data-role=admin]{color:var(--accent);border-color:var(--accent)}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80}.tour-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#050609c7;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.tour-spotlight{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px #050609c7,var(--glow-accent);border:1px solid rgba(240,53,122,.6);transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease;pointer-events:none}.tour-card{position:fixed;width:320px;max-width:calc(100vw - 32px);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 20px 60px -20px #000000b3,var(--glow-accent-soft);transition:top .25s ease,left .25s ease}.tour-card-centered{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-progress{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.tour-card h3{margin:8px 0 6px;font-size:17px}.tour-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.tour-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.export-file-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:8px}.export-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#ffffff05}.export-file-row.selected{border-color:var(--accent);background:#f0357a14}.export-file-info{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}.export-file-info input[type=checkbox]{flex-shrink:0;width:20px;height:20px;accent-color:var(--accent)}.export-file-text{display:flex;flex-direction:column;gap:2px;min-width:0}.export-batch-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;position:sticky;top:0;z-index:5;margin-bottom:10px;padding:10px 12px;border:1px solid var(--accent);border-radius:12px;background:var(--panel);font-size:13px;font-weight:600}.export-file-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-file-size{font-size:11px;color:var(--muted)}.export-file-save{flex-shrink:0;padding:9px 16px;font-size:13px;white-space:nowrap}.export-file-save.ready{animation:export-ready-pulse 1.6s ease-in-out infinite}@keyframes export-ready-pulse{0%,to{box-shadow:0 0 #f0357a80}50%{box-shadow:0 0 0 6px #f0357a00}}.export-batch-actions{display:flex;gap:8px;flex-shrink:0}.export-file-hint{margin:0 0 12px;max-width:none;text-align:left}.export-file-caption{display:block;font-size:11px;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.cta-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.cta-thumb{aspect-ratio:9 / 16;background:#000;overflow:hidden}.cta-thumb.clickable{cursor:pointer}.cta-preview-img{width:100%;max-height:78vh;object-fit:contain;border-radius:10px;display:block}.cta-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cta-card-body{padding:10px;display:flex;flex-direction:column;gap:6px}.cta-card-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cta-card-size{font-size:11px;color:var(--muted)}.cta-save,.cta-delete{width:100%;padding:8px 10px;font-size:12px}.cta-save.ready{animation:export-ready-pulse 1.6s ease-in-out infinite}@media (max-width: 720px){.cta-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;margin-right:14px;flex-shrink:0}}@media (max-width: 820px){.export-file-row{flex-direction:column;align-items:stretch;gap:10px}.export-file-name{white-space:normal;word-break:break-word}.export-file-save{width:100%;padding:13px 16px;font-size:15px}.export-batch-bar{flex-direction:column;align-items:stretch}.export-batch-bar .btn{flex:1;padding:12px 16px;font-size:14px}}