:root{color-scheme:dark;--bg:#090d1b;--surface:#10172a;--surface2:#151e34;--line:#27314b;--text:#f3f6ff;--muted:#94a1bc;--cyan:#4be3eb;--purple:#8b7aff;--glow:linear-gradient(110deg,#3bdddd,#8b78ff);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 60% -20%,#29305d55,transparent 60%),var(--bg);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}header.topbar{height:75px;border-bottom:1px solid #243047;background:#0a1021ed;display:flex;align-items:center;justify-content:space-between;padding:0 29px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{height:40px;width:40px;background:linear-gradient(145deg,#59e2df,#8479ff);border-radius:11px;color:#0b1122;display:grid;place-items:center;font-size:26px;font-weight:900;position:relative}.brand-mark span{font-size:10px;position:absolute;bottom:6px;right:4px;background:#0e1630;color:#fff;padding:2px 4px;border-radius:4px}.brand b{font-size:17px;letter-spacing:-.4px}.brand b em{font-style:normal;color:#6de3e9}.brand small{font-size:9px;color:#8e9ab8;display:block;margin-top:3px;letter-spacing:1.1px}.top-right{display:flex;align-items:center;gap:15px}.mini-pill{border:1px solid #2c3b54;color:#aebbd0;font-size:10px;border-radius:24px;padding:8px 10px;letter-spacing:.8px}.online-dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#50dabb;margin-right:6px}.icon-button{border:1px solid #27334d;background:#151c32;color:#e7ecfd;width:32px;height:32px;border-radius:9px}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 75px)}.sidebar{border-right:1px solid #243047;padding:28px 18px;display:flex;flex-direction:column;gap:22px;min-height:calc(100vh - 75px)}.sidebar-label,.eyebrow{font-size:10px;letter-spacing:1.8px;color:#7fb6dc;font-weight:800}.sidebar-label{color:#8392b0;margin-left:13px}.nav{display:grid;gap:7px}.nav button{border:0;background:transparent;text-align:left;border-radius:11px;padding:13px 15px;color:#a7b5d0;font-weight:600;display:flex;gap:13px;align-items:center;font-size:14px}.nav button.active{color:#6de3e9;background:#182c41;border:1px solid #255671}.nav button:hover{background:#1a2439}.sidebar-card{margin-top:auto;padding:19px;background:linear-gradient(140deg,#202542,#142e40);border:1px solid #30425f;border-radius:16px}.chip{display:inline-block;font-size:9px;color:#c8fff6;background:#23605e;border-radius:4px;padding:5px 7px;font-weight:800;letter-spacing:.4px}.sidebar-card b{display:block;margin-top:13px;line-height:1.5;font-size:14px}.sidebar-card p,.sidebar-foot{font-size:12px;color:#a6b4ca;line-height:1.65}.sidebar-foot{font-size:10px;padding:0 9px}.sidebar-foot span{color:#49d7b1}.workspace{width:100%;max-width:1440px;margin:0 auto;padding:33px 42px 90px;min-width:0}.pane{display:none;max-width:1220px}.pane.active{display:block}.section-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 26px}.section-top h1{font-size:clamp(25px,3.4vw,37px);line-height:1.18;letter-spacing:-1.3px;margin:9px 0 11px}.section-top h1 span{background:var(--glow);background-clip:text;color:transparent}.section-top p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.heading-symbol{font-size:75px;color:#5250ba;opacity:.4}.section-card,.editor-panel{background:#11192c;border:1px solid #29324a;border-radius:17px;padding:24px;margin-bottom:16px}.card-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.card-heading h2,.editor-panel h2,.section-card h2{font-size:17px;letter-spacing:-.3px;margin:0 0 5px}.card-heading p,.section-card p,.editor-panel p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 15px}.card-index{height:30px;min-width:30px;border-radius:9px;background:#1c3852;border:1px solid #255a70;color:#55d7e8;font-size:12px;font-weight:800;display:grid;place-items:center}.section-card label,.editor-panel label,.resolution-label{font-size:12px;font-weight:700;display:block;color:#d5e1f5;margin:14px 0 9px}.section-card textarea,.editor-panel textarea,.modal textarea,.section-card input,.editor-panel input,.section-card select,.editor-panel select,.resolution-label select{width:100%;border:1px solid #30405d;background:#0c1426;color:#f1f4ff;border-radius:10px;padding:12px 13px;outline:0;font-size:14px;max-width:100%}.section-card textarea:focus,.editor-panel input:focus,.editor-panel textarea:focus{border-color:#50cbd8}.presets{display:flex;gap:8px;flex-wrap:wrap;margin:11px 0 22px}.presets button{border:1px solid #30425e;border-radius:25px;background:#1a2840;color:#b9cadf;padding:7px 10px;font-size:11px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-grid label{margin-top:0}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.template{background:#131e35;border:1px solid #32405a;border-radius:12px;padding:15px;text-align:left;min-height:103px;color:var(--text);display:flex;flex-direction:column;gap:8px}.template.active{border-color:#4cdde4;background:#163044;box-shadow:inset 0 0 0 1px #4cdde442}.template:hover{border-color:#6385ab}.template .glyph{font-size:21px}.template b{font-size:12px}.template small{font-size:10px;color:var(--muted);line-height:1.4}.theme-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.theme{background:#111a2b;border:1px solid #2b3a55;padding:9px;text-align:left;color:#ddd;border-radius:11px}.theme.active{border-color:#53d7e8;box-shadow:inset 0 0 0 1px #53d7e8}.swatch{border-radius:7px;height:49px;display:block;margin-bottom:8px;position:relative;overflow:hidden}.swatch::before{content:'Aa';font-size:19px;font-weight:900;position:absolute;left:14px;top:12px;color:white}.theme span:last-child{font-size:11px;color:#c6d6e9}.primary,.secondary,.small-btn{border:1px solid transparent;border-radius:11px;padding:12px 16px;font-weight:800;font-size:13px}.primary{background:linear-gradient(105deg,#55e6e7,#8d7aff);color:#091429;box-shadow:0 7px 22px #3593d322}.primary:hover{filter:brightness(1.09)}.primary.wide{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:15px}.primary.wide span{margin-left:auto}.secondary,.small-btn{background:#1a263d;color:#c9def2;border:1px solid #344761}.secondary:hover{border-color:#79abda}.notice{background:#101e34;color:#91aac9;border:1px solid #213b5b;border-radius:11px;font-size:12px;line-height:1.6;padding:13px 16px}.slim{margin-bottom:24px}.editor-layout{display:grid;grid-template-columns:minmax(260px,405px) minmax(0,1fr);gap:18px;align-items:start}.video-shell{border:1px solid #293956;background:#111b31;border-radius:17px;padding:15px}.video-top,.video-controls,.panel-head,.progress-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.video-top{font-size:10px;color:#a2b3d1;letter-spacing:.8px;font-weight:700;margin-bottom:12px}.phone-stage{background:#050817;border:1px solid #33445c;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:7px;max-width:340px;margin:0 auto}.phone-stage canvas{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#0c1834;border-radius:7px}.video-controls{margin-top:13px}.play-button{color:#0c1b2e;font-size:17px;background:#64dce1;border:0;border-radius:8px;width:36px;height:36px;flex-shrink:0}.video-controls input{flex:1;min-width:0;accent-color:#60dee4}.video-controls span{font-size:10px;color:#9bacc5;white-space:nowrap}.render-actions{border:1px solid #293956;background:#111a2e;border-radius:17px;padding:14px;margin-top:13px;display:flex;flex-direction:column;gap:10px}.render-actions .secondary{padding:10px}.audio-status{font-size:11px;color:#9bacc7;line-height:1.5}.resolution-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 0}.resolution-label select{width:auto;font-size:12px;flex:1}.progress-wrap{background:#111f35;border:1px solid #2c3f5a;border-radius:11px;padding:12px}.progress-label{font-size:11px;color:#c0d4ec}.track{background:#30405b;width:100%;height:7px;border-radius:8px;overflow:hidden;margin:8px 0}.track div{width:0;height:100%;background:linear-gradient(90deg,#5ddbe2,#a089ff);transition:width .15s}.link-btn{background:transparent;border:0;color:#b2c8de;font-size:12px}.hidden{display:none!important}.export-result{font-size:12px;line-height:1.5;color:#a4efdd}.export-result a{color:#6ce9f0;font-weight:800}.edit-column{min-width:0}.editor-panel{padding:18px;margin-bottom:14px}.panel-head{margin-bottom:13px}.panel-head h2{margin:4px 0 0}.small-btn{font-size:11px;padding:9px}.scene-list{display:grid;gap:8px}.scene-item{display:flex;gap:10px;align-items:center;background:#152137;border:1px solid #303e58;border-radius:11px;text-align:left;padding:10px;color:#eaf1fd;width:100%}.scene-item.active{border-color:#63e1e3;background:#1a3045}.scene-num{width:37px;min-width:37px;height:48px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(125deg,#1c4164,#433874);font-size:12px;color:#b6efff;font-weight:800}.scene-label{display:flex;flex-direction:column;gap:4px;min-width:0}.scene-label b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-label small{font-size:11px;color:#879ebd}.scene-time{margin-left:auto;color:#91a5c4;font-size:11px;white-space:nowrap}.edit-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.edit-actions button{font-size:11px;padding:8px 9px}.muted{color:var(--muted)!important}.action-duo{display:flex;gap:10px;flex-wrap:wrap}.action-duo button{flex:1}.project-tools{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.project-card{background:#11192d;border:1px solid #2c3b56;border-radius:15px;padding:17px}.project-art{height:115px;background:linear-gradient(135deg,#173652,#362c64);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:53px;color:#6be1ff;margin-bottom:15px}.project-card h3{font-size:15px;margin:0 0 6px}.project-card p{font-size:12px;color:#98a9c2;line-height:1.5;margin:0 0 12px}.project-buttons{display:flex;gap:6px;flex-wrap:wrap}.project-buttons button{font-size:11px;border:1px solid #304460;background:#1a2740;color:#c4d7ef;border-radius:8px;padding:7px 9px}.section-card>p{margin:14px 0}.compat-result{font-size:12px;color:#95a9c5;margin-top:12px;line-height:1.7}.mobile-nav{display:none}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;transition:.2s;background:#23384f;color:#f4fcff;padding:13px 18px;border:1px solid #527a94;border-radius:12px;font-size:12px;z-index:30;max-width:calc(100vw - 30px);box-shadow:0 10px 50px #0009}.toast.visible{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;background:#020712c9;backdrop-filter:blur(8px);z-index:50;display:grid;place-items:center;padding:16px}.modal-inner{background:#121d32;border:1px solid #385377;border-radius:17px;padding:22px;max-width:610px;width:100%}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:17px}.modal p{font-size:12px;color:#9fb0ca;line-height:1.5}.modal textarea{resize:vertical;margin-bottom:13px}.scene-image-preview{max-width:90px;max-height:75px;object-fit:contain;border:1px solid #455871;border-radius:8px}.small-note{font-size:11px;color:#8ea4bf;line-height:1.55;margin:7px 0}.field-inset{margin-top:12px}.editor-panel input[type=file]{font-size:11px}.editor-panel .danger{color:#ffafaf}.editor-panel select{font-size:12px}
@media(max-width:980px){.layout{grid-template-columns:190px minmax(0,1fr)}.workspace{padding:27px 20px 70px}.editor-layout{grid-template-columns:minmax(0,1fr)}.preview-column{max-width:480px;width:100%;margin:0 auto}.edit-column{width:100%}.theme-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){header.topbar{height:64px;padding:0 16px}.brand-mark{height:35px;width:35px}.brand b{font-size:14px}.brand small{font-size:8px}.mini-pill{display:none}.layout{display:block;min-height:calc(100vh - 64px)}.sidebar{display:none}.workspace{padding:23px 16px 110px}.section-top{margin-bottom:20px}.section-top h1{font-size:28px}.section-top p{font-size:12px}.heading-symbol{display:none}.section-card{padding:18px}.template-grid{grid-template-columns:repeat(2,1fr)}.template{min-height:93px;padding:12px}.theme-list{grid-template-columns:repeat(3,1fr);gap:7px}.theme{padding:6px}.theme span:last-child{font-size:10px}.swatch{height:42px}.mobile-nav{position:fixed;z-index:21;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);height:calc(70px + env(safe-area-inset-bottom));padding:6px 9px calc(6px + env(safe-area-inset-bottom));background:#10182a;border-top:1px solid #293854;box-shadow:0 -7px 30px #050a16bb}.mobile-nav button{border:0;background:transparent;color:#94a4bf;font-size:10px;font-weight:700;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}.mobile-nav button span{font-size:23px;line-height:27px}.mobile-nav button.active{color:#6ce2e9}.toast{bottom:90px}.project-list{grid-template-columns:1fr}.video-shell{padding:11px}.video-top{font-size:9px}.phone-stage{max-width:315px}.field-grid{gap:9px}.action-duo{gap:7px}.render-actions{padding:12px}}

/* V2 – mode automatique */
.ai-progress{margin-top:16px;padding:14px 16px;border:1px solid #5ae9e585;border-radius:14px;background:#12233d;color:#d8f8ff;font-weight:600;line-height:1.5}
.hidden{display:none!important}