/* STUDIO V5.0 · cinematic vector experience */
/* Sparklight · Studio du ciel V4 — independent visual identity. */
#simulateur.sky-lab{background:radial-gradient(ellipse at 15% 24%,rgba(51,103,201,.16),transparent 54%),radial-gradient(ellipse at 91% 60%,rgba(118,62,207,.11),transparent 46%),#060b19}
#simulateur .sky-lab-heading .display-title{letter-spacing:-.055em}
#simulateur .sky-lab-grid{grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);gap:22px}
#simulateur .sky-lab-stage{background:linear-gradient(162deg,#0e1933,#071123 80%);border:1px solid rgba(134,178,255,.24);box-shadow:0 25px 90px #01030c70}
#simulateur .sky-lab-canvas-wrap{min-height:360px;aspect-ratio:1.58;margin:15px -9px 0;background:#041023;overflow:hidden;border-radius:15px}
#simulateur #sky-lab-canvas{aspect-ratio:1.58;width:100%;height:100%;display:block}
#simulateur .sky-lab-canvas-shine{pointer-events:none}
#simulateur .sky-lab-number strong{font-size:clamp(54px,7vw,86px);letter-spacing:-.055em}
#simulateur .sky-lab-live-dot{background:#4affd9;box-shadow:0 0 16px #4affd9}
#simulateur .sky-lab-live{letter-spacing:.12em}
#simulateur .sky-lab-scene-badge{color:#d3ebff;background:rgba(5,17,37,.74);border:1px solid #7fb8fa33;box-shadow:0 4px 30px #0006}
#simulateur .sky-lab-figure-control{margin-top:20px}
#simulateur .sky-lab-preset-buttons{gap:8px}
#simulateur .sky-lab-chip{border-color:rgba(114,159,229,.34);color:#cbdaf0;background:#142340;min-height:37px}
#simulateur .sky-lab-chip:hover{background:#1e3961;color:#fff;transform:translateY(-2px)}
#simulateur .sky-lab-chip.is-selected{background:linear-gradient(104deg,#75e9ff,#b994ff);color:#09192f;box-shadow:0 3px 22px #80baff30}
#simulateur .sky-studio-textbox{margin:19px 0 0;padding:17px 18px 15px;border:1px solid rgba(125,164,237,.25);background:linear-gradient(135deg,rgba(31,56,96,.65),rgba(22,25,63,.65));border-radius:14px}
#simulateur .sky-studio-texthead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:11px}
#simulateur .sky-studio-texthead label{font-size:12px;font-weight:800;color:#ebf3ff}
#simulateur .sky-studio-texthead span{font-size:10px;color:#adc3e3;font-variant-numeric:tabular-nums}
#simulateur .sky-studio-inputrow{display:flex;align-items:stretch;gap:9px}
#simulateur #sky-studio-text-input{flex:1;min-width:0;width:100%;border:1px solid #526d9a;background:#07172f;border-radius:9px;color:#ffffff;min-height:44px;font-family:Manrope,Arial,sans-serif;font-weight:650;letter-spacing:.015em;font-size:13px;padding:11px 13px;outline:none}
#simulateur #sky-studio-text-input::placeholder{color:#96a8c1}
#simulateur #sky-studio-text-input:focus{border-color:#90ecff;box-shadow:0 0 0 3px #78ddff20}
#simulateur #sky-studio-text-show{white-space:nowrap;min-height:44px;background:linear-gradient(105deg,#7cdeff,#baacff);color:#091528;padding:0 15px;border:0;border-radius:9px;font-size:11px;font-weight:800}
#simulateur #sky-studio-text-show:hover{filter:brightness(1.12)}
#simulateur .sky-studio-advice{font-size:10px;color:#aec2df;line-height:1.65;min-height:32px;margin:11px 0 8px}
#simulateur .sky-studio-text-scale{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}
#simulateur .sky-studio-text-scale>span{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:rgba(7,18,40,.64);border:1px solid rgba(135,170,231,.14);border-radius:9px}
#simulateur .sky-studio-text-scale strong{font-size:22px;line-height:1.25;color:#f5fbff;font-family:Manrope,Arial,sans-serif}
#simulateur .sky-studio-text-scale small{font-size:9px;color:#9fbbda;line-height:1.5}
#simulateur .sky-lab-count-control{margin-top:19px;padding-top:17px}
#simulateur .sky-v3-metrics{display:none!important}
#simulateur .sky-lab-range-head label{font-size:12px}
#simulateur .sky-lab-range-head span{font-size:10px}
#simulateur .sky-lab-options{background:linear-gradient(160deg,#0b1935,#081126);border:1px solid rgba(128,170,244,.23)}
#simulateur .sky-lab-options h3{font-size:clamp(28px,2.6vw,39px)}
#simulateur .sky-lab-quote-card{background:radial-gradient(circle at 97% 0%,#6f66d437,transparent 65%),#101f3c}
#simulateur .sky-lab-option:has(input:checked){background:linear-gradient(95deg,rgba(39,86,122,.6),rgba(52,45,109,.6))}
#simulateur .sky-lab-stage-footer p{max-width:570px}
#simulateur .sky-lab-count-buttons button{font-size:11px;min-width:31px}
@media(max-width:1100px){#simulateur .sky-lab-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}#simulateur .sky-lab-canvas-wrap{min-height:280px}}
@media(max-width:900px){#simulateur .sky-lab-grid{grid-template-columns:1fr}#simulateur .sky-lab-canvas-wrap{min-height:360px}}
@media(max-width:600px){
 #simulateur .sky-lab-stage,#simulateur .sky-lab-options{border-radius:17px}
 #simulateur .sky-lab-stage{padding:15px}
 #simulateur .sky-lab-canvas-wrap{aspect-ratio:1.22;min-height:255px;margin:15px -7px 0}
 #simulateur #sky-lab-canvas{aspect-ratio:1.22}
 #simulateur .sky-lab-live{font-size:8px}
 #simulateur .sky-lab-number strong{font-size:56px}
 #simulateur .sky-studio-textbox{padding:14px 12px}
 #simulateur .sky-studio-inputrow{gap:7px}
 #simulateur #sky-studio-text-input{font-size:12px;padding:9px 10px}
 #simulateur #sky-studio-text-show{padding:0 11px;font-size:10px}
 #simulateur .sky-lab-chip{padding:9px 10px;font-size:10px}
 #simulateur .sky-lab-count-buttons button{font-size:10px}
 #simulateur .sky-studio-text-scale strong{font-size:19px}
 #simulateur .sky-lab-density strong{font-size:10px}
}
@media(prefers-reduced-motion:reduce){#simulateur .sky-lab-chip{transition:none}}


/* V4.1 — Real drone dots and typography controls */
#simulateur .sky-studio-writing-style{border:0;padding:0;display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:13px 0 6px}
#simulateur .sky-studio-writing-style legend{display:block;float:left;width:100%;margin-bottom:9px;color:#d5e9ff;font-size:11px;font-weight:750}
#simulateur .sky-studio-writing-option{display:inline-flex;align-items:center;gap:8px;position:relative;padding:9px 12px;border:1px solid #54729e;border-radius:100px;background:#101e3a;color:#bfcfeb;cursor:pointer;font-size:11px;font-weight:750;min-height:36px}
#simulateur .sky-studio-writing-option input{appearance:auto;width:13px;height:13px;accent-color:#79d5ff;cursor:pointer}
#simulateur .sky-studio-writing-option:has(input:checked){background:linear-gradient(120deg,#244b70,#393367);color:white;border-color:#9cc9ff}
#simulateur .sky-studio-writing-option:focus-within{outline:2px solid #a4e5ff;outline-offset:2px}
#simulateur .sky-lab-canvas-wrap{background:#030816}
#simulateur .sky-lab-canvas-shine{display:none}
#simulateur .sky-lab-scene-badge{color:#d6e9ff;letter-spacing:.05em}
#simulateur .sky-studio-advice{min-height:48px}
@media(max-width:600px){#simulateur .sky-studio-writing-option{padding:8px 10px;font-size:10px}}


/* V5: premium sky theatre. 1 luminous dot = 1 physical aircraft; no SVG raster masking. */
#simulateur.sky-lab{background:radial-gradient(ellipse at 12% 20%,#1442743b,transparent 58%),linear-gradient(160deg,#060c20,#04091a)!important}
#simulateur .sky-lab-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:22px}
#simulateur .sky-lab-stage{overflow:hidden;background:linear-gradient(160deg,#101e3a,#061126 75%)!important;border-color:#315f97!important;box-shadow:0 25px 75px #0009}
#simulateur .sky-lab-canvas-wrap{background:#020715!important;aspect-ratio:1.70;min-height:390px;margin:14px -9px 0;position:relative}
#simulateur #sky-lab-canvas{width:100%;height:100%;aspect-ratio:1.70;min-height:0}
#simulateur .sky-lab-canvas-shine{display:none}
#simulateur .sky-lab-preset-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#simulateur .sky-lab-chip{min-height:46px;padding:10px 7px;line-height:1.25;font-size:12px;text-align:center;justify-content:center;border-radius:10px;white-space:normal}
#simulateur .sky-lab-chip.is-selected{background:linear-gradient(118deg,#62dfff,#93a7ff);color:#06162c;border-color:#abedff}
#simulateur .sky-lab-scene-badge{font-size:10px;letter-spacing:.07em;background:#021026d9}
#simulateur .sky-lab-number strong{font-variant-numeric:tabular-nums}
#simulateur .sky-studio-textbox{border-color:#3b5984;background:linear-gradient(140deg,#10284a,#0b1b38)}
#simulateur .sky-studio-writing-option{min-height:38px}
#simulateur .sky-studio-advice{min-height:36px}
#simulateur .sky-lab-count-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
#simulateur .sky-lab-count-buttons button{min-width:0;padding:10px 3px;font-size:11px}
#simulateur .sky-lab-stage-footer{gap:12px;align-items:center}
#simulateur .sky-lab-stage-footer p{font-size:11px;line-height:1.55}
#simulateur .sky-lab-feasibility{line-height:1.6}
@media(max-width:1100px){
 #simulateur .sky-lab-grid{grid-template-columns:1fr!important}
 #simulateur .sky-lab-canvas-wrap{min-height:330px;aspect-ratio:1.68}
 #simulateur #sky-lab-canvas{aspect-ratio:1.68}
}
@media(max-width:700px){
 #simulateur .sky-lab-grid{grid-template-columns:1fr!important}
 #simulateur .sky-lab-canvas-wrap{margin:12px -8px 0;min-height:240px;aspect-ratio:1.53}
 #simulateur #sky-lab-canvas{aspect-ratio:1.53}
 #simulateur .sky-lab-preset-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 #simulateur .sky-lab-chip{font-size:11px;min-height:42px}
 #simulateur .sky-lab-count-buttons{gap:3px}
 #simulateur .sky-lab-count-buttons button{font-size:10px;padding:9px 2px}
 #simulateur .sky-lab-stage-footer{flex-wrap:wrap}
}
@media(max-width:390px){
 #simulateur .sky-lab-canvas-wrap{min-height:215px}
 #simulateur .sky-lab-count-buttons button{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 #simulateur .sky-lab-chip{transition:none}
}

/* V6 – respectful customer-logo workflow and stronger, uncluttered controls */
#simulateur .sky-studio-upload[hidden]{display:none!important}
#simulateur .sky-studio-upload{
 background:linear-gradient(128deg,rgba(25,74,126,.5),rgba(4,19,48,.94));
 border:1px solid rgba(107,209,255,.37);border-radius:15px;
 padding:17px 18px;margin:13px 0;box-shadow:inset 0 1px rgba(255,255,255,.075)
}
#simulateur .sky-studio-upload-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:#f3faff}
#simulateur .sky-studio-upload-title strong{font-size:14px}
#simulateur .sky-studio-upload-title span{font-size:11px;color:#b3d1eb}
#simulateur .sky-studio-file-trigger{display:flex;gap:10px;align-items:center;justify-content:center;padding:14px 10px;
 margin-top:12px;border:1px dashed #6ad7ff;border-radius:10px;background:#0f416b;color:#e8faff;
 font-weight:750;font-size:13px;cursor:pointer;transition:background .2s}
#simulateur .sky-studio-file-trigger:hover{background:#165985}
#simulateur #sky-studio-file{position:absolute;width:1px;height:1px;opacity:.001;overflow:hidden}
#simulateur #sky-studio-file:focus-visible+.sky-studio-file-message{outline:2px solid #9beaff}
#simulateur .sky-studio-file-message{font-size:11px;color:#badcf4;line-height:1.55;margin:9px 0 0}
#simulateur .sky-studio-logo-stats{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px;
 padding-top:10px;border-top:1px solid rgba(127,194,251,.18);color:#b1edff;font-size:11px}
#simulateur .sky-lab-canvas-wrap{min-height:400px}
#simulateur .sky-lab-chip{font-weight:700}
@media(max-width:700px){
 #simulateur .sky-studio-upload{padding:13px 12px}
 #simulateur .sky-lab-canvas-wrap{min-height:225px}
 #simulateur .sky-studio-logo-stats{font-size:10px}
}

/* V7 — only approved modes: straight text + imported logo */
#simulateur .sky-lab-preset-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#simulateur .sky-lab-chip{min-height:55px;font-size:13px}
#simulateur .sky-studio-upload[hidden],#simulateur .sky-studio-textbox[hidden]{display:none!important}
#simulateur .sky-studio-file-trigger{min-height:54px}
#simulateur #sky-studio-text-input{letter-spacing:.055em}
@media(max-width:700px){
 #simulateur .sky-lab-preset-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 #simulateur .sky-lab-chip{min-height:48px;font-size:12px}
}

/* V7.1: exact physical mobile width — block accidental stage expansion. */
#simulateur .container,
#simulateur .sky-lab-grid,
#simulateur .sky-lab-grid > *,
#simulateur .sky-lab-stage,
#simulateur .sky-lab-options,
#simulateur .sky-lab-canvas-wrap,
#simulateur .sky-lab-count-control,
#simulateur .sky-studio-upload {min-width:0;box-sizing:border-box}
#simulateur .sky-lab-grid{width:100%;min-width:0}
#simulateur .sky-lab-stage{max-width:100%;min-width:0}
#simulateur .sky-lab-canvas-wrap{max-width:100%}
#simulateur .sky-lab-logo-stats,#simulateur .sky-studio-file-message{overflow-wrap:anywhere}
@media(max-width:800px){
 #simulateur{max-width:100vw;width:100%;overflow-x:clip}
 #simulateur .container{width:100%;max-width:100%;min-width:0;padding-left:16px!important;padding-right:16px!important;margin-left:auto;margin-right:auto}
 #simulateur .sky-lab-grid{display:grid;grid-template-columns:minmax(0,1fr)!important;width:100%;min-width:0;gap:14px}
 #simulateur .sky-lab-heading{min-width:0;width:100%;display:block}
 #simulateur .sky-lab-heading h2{max-width:100%;overflow-wrap:normal;hyphens:auto}
 #simulateur .sky-lab-stage{min-width:0;width:100%;max-width:100%;overflow:hidden}
 #simulateur .sky-lab-canvas-wrap{width:100%;max-width:100%;aspect-ratio:1.53;min-height:0!important;height:auto;max-height:360px;margin:12px 0 0}
 #simulateur #sky-lab-canvas{display:block;width:100%;height:100%;min-width:0;max-width:100%;aspect-ratio:1.53}
 #simulateur .sky-lab-topline,#simulateur .sky-lab-stage-head,#simulateur .sky-lab-range-head{display:flex;min-width:0;max-width:100%;flex-wrap:wrap;gap:6px}
 #simulateur .sky-lab-count-buttons{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #simulateur .sky-lab-count-buttons button{width:100%;min-width:0}
 #simulateur .sky-lab-preset-buttons{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
 #simulateur .sky-studio-upload-title{display:flex;flex-wrap:wrap;min-width:0}
 #simulateur .sky-studio-file-trigger{font-size:13px}
 #simulateur #sky-studio-text-input{font-size:16px!important;min-width:0}
 #simulateur .sky-studio-inputrow{min-width:0;flex-wrap:wrap}
 #simulateur .sky-studio-inputrow input{width:100%;flex:1 1 100%}
 #simulateur .sky-studio-inputrow button{width:100%;min-height:42px}
 #simulateur .sky-lab-options{min-width:0;width:100%}
}

/* V7.2 — information NEVER overlays the customer's drone formation */
#simulateur .sky-lab-below-preview-note{
 position:static!important;inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
 transform:none!important;display:inline-flex!important;align-items:center!important;
 max-width:100%!important;width:auto!important;
 margin:9px 0 8px!important;padding:4px 0!important;
 border:0!important;box-shadow:none!important;background:transparent!important;
 color:#a5bdda!important;font-size:10px!important;font-weight:650!important;
 line-height:1.45!important;letter-spacing:.035em!important;
 white-space:normal!important;overflow-wrap:anywhere!important;pointer-events:none;
}
#simulateur .sky-lab-canvas-wrap{overflow:hidden!important}
#simulateur #sky-lab-canvas{max-width:100%;max-height:100%}
@media(max-width:800px){
 #simulateur .sky-lab-below-preview-note{font-size:9px!important;margin:7px 0 5px!important}
}