.q-demo-studio{position:relative;padding:.5rem 0 4.5rem;background:linear-gradient(to bottom,transparent,var(--color-surface) 8.75rem,var(--color-surface) calc(100% - 8.75rem),transparent)}.q-demo-grille{display:grid;grid-template-columns:minmax(0,1fr) 27.5rem;grid-template-areas:"reglages scene";gap:2.5rem;align-items:start}.q-demo-scene-col{grid-area:scene;position:sticky;top:5.75rem}.q-demo-reglages{grid-area:reglages;min-width:0;background:var(--q-panel-raised);border:1px solid var(--q-line);border-radius:28px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 1.125rem 3rem -1.5rem rgba(15,23,42,.18);padding:.5rem 2rem}.q-demo-scene{border-radius:32px;padding:1.5rem 1.875rem;display:flex;justify-content:center;transition:background-color .35s cubic-bezier(.2,0,0,1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.q-demo-scene__panneau{width:100%;display:flex;justify-content:center}.q-demo-scene__panneau>.q-root{width:100%;max-width:23.75rem}.q-demo-carte{width:100%;height:40rem}.q-demo-scene-col.avec-fiche .q-demo-carte{height:30rem}.q-demo-legende{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.875rem;padding:0 .375rem;font-size:max(12px,.8125rem);font-weight:500;color:var(--color-gray-500)}.q-demo-legende__vivant{display:inline-flex;align-items:center;gap:.5rem}.q-demo-point{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 .25rem color-mix(in oklab,var(--color-accent) 18%,transparent)}.q-demo-legende__lien{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;color:var(--accent-ink,var(--color-accent));text-underline-offset:.1875rem}.q-demo-legende__lien:hover{text-decoration:underline}.q-demo-etape{border:0;margin:0;padding:1.75rem 0;min-width:0}.q-demo-etape+.q-demo-etape{border-top:1px solid var(--q-line)}.q-demo-etape__titre{display:flex;align-items:center;gap:.75rem;float:left;width:100%;font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;color:var(--color-ink);margin-bottom:.5rem;padding:0}.q-demo-etape__titre+*{clear:both}.q-demo-num{display:inline-flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;border-radius:50%;background:var(--color-accent);color:white;font-size:max(12px,.75rem);font-weight:600;font-variant-numeric:tabular-nums}.q-demo-aide{font-size:.875rem;margin-bottom:1rem}.q-demo-aide,.q-demo-note{line-height:1.55;color:var(--color-gray-500)}.q-demo-note{font-size:max(12px,.8125rem);margin-top:.875rem}.q-demo-note b,.q-demo-sous-titre{color:var(--color-ink);font-weight:600}.q-demo-sous-titre{font-size:.875rem;margin-bottom:.625rem}.q-demo-reglages{container:reglages/inline-size}.q-demo-designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem}@container reglages (min-width: 440px){.q-demo-designs{grid-template-columns:repeat(4,minmax(0,1fr))}}@container reglages (min-width: 760px){.q-demo-designs{grid-template-columns:repeat(6,minmax(0,1fr))}}.q-demo-design__reserve{display:block;width:100%;aspect-ratio:380/640}.q-demo-design{display:flex;flex-direction:column;gap:.375rem;padding:0;background:none;border:0;text-align:left;min-width:0}.q-demo-design__vignette{display:flex;justify-content:center;padding:.375rem .3125rem 0;border-radius:14px;overflow:hidden;border:1px solid var(--q-line);outline:2px solid transparent;outline-offset:2px;transition:outline-color .18s,transform .18s cubic-bezier(.2,0,0,1),box-shadow .18s}.q-demo-design__vignette .q-apercu{border-radius:10px 10px 0 0}.q-demo-design:hover .q-demo-design__vignette{transform:translateY(-2px);box-shadow:0 .625rem 1.375rem -.875rem rgba(15,23,42,.35)}.q-demo-design.on .q-demo-design__vignette{outline-color:var(--color-accent)}.q-demo-design__nom{display:flex;align-items:center;justify-content:space-between;gap:.25rem;font-size:max(12px,.78125rem);font-weight:600;color:var(--color-gray-700);padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-demo-design.on .q-demo-design__nom{color:var(--accent-ink,var(--color-accent))}.q-demo-nuancier{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.q-demo-pastille{width:2.5rem;height:2.5rem;border-radius:50%;padding:0;border:0;background:none;display:inline-flex;align-items:center;justify-content:center}.q-demo-pastille span{width:1.75rem;height:1.75rem;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);transition:transform .15s}.q-demo-pastille:hover span{transform:scale(1.08)}.q-demo-pastille.on span{box-shadow:0 0 0 2px var(--q-panel-raised),0 0 0 .25rem var(--color-ink)}.q-demo-autre{position:relative;display:inline-flex;align-items:center;gap:.5rem;margin-left:.25rem;min-height:2.5rem;padding:0 .75rem 0 .375rem;border-radius:999px;font-size:max(12px,.8125rem);font-weight:500;color:var(--color-gray-500);transition:background-color .15s}.q-demo-autre:hover{background:var(--color-gray-50)}.q-demo-autre input{width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--q-line-strong,var(--q-line));border-radius:50%;background:none}.q-demo-autre input::-webkit-color-swatch-wrapper{padding:0}.q-demo-autre input::-webkit-color-swatch{border:none;border-radius:50%}.q-demo-verdict{margin-top:.625rem;font-size:max(12px,.75rem);color:var(--color-gray-500);font-variant-numeric:tabular-nums}.q-demo-libelle{display:block;margin:1.125rem 0 .5rem;font-size:max(12px,.8125rem);font-weight:600;color:var(--color-ink)}.q-demo-champ{width:100%;border-radius:14px;border:1.5px solid var(--color-gray-200);background:var(--color-gray-50);padding:.6875rem .875rem;font-size:.9375rem;line-height:1.5;font-weight:500;color:var(--color-gray-900);transition:border-color .2s,background-color .2s,box-shadow .2s}.q-demo-champ:hover:not(:focus){border-color:var(--color-gray-300);background:var(--q-panel-raised)}.q-demo-champ:focus{outline:none;border-color:var(--color-accent);background:var(--q-panel-raised);box-shadow:0 0 0 .25rem color-mix(in oklab,var(--color-accent) 14%,transparent)}.q-demo-secteurs{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.375rem,1fr));gap:.5rem}.q-demo-secteur{display:flex;align-items:center;gap:.5625rem;min-height:2.75rem;padding:0 .875rem;border-radius:12px;border:1.5px solid var(--color-gray-200);background:var(--q-panel-raised);font-size:.875rem;font-weight:600;color:var(--color-gray-700);text-align:left;transition:border-color .18s,background-color .18s,color .18s}.q-demo-secteur:hover{border-color:var(--color-gray-300)}.q-demo-secteur.on{border-color:var(--color-accent);background:color-mix(in oklab,var(--color-accent) 7%,var(--q-panel-raised));color:var(--accent-ink,var(--color-accent))}.q-demo-designs.replie>:nth-child(n+4){display:none}@container reglages (min-width: 440px){.q-demo-designs.replie>:nth-child(4){display:flex}.q-demo-designs.replie>:nth-child(n+5){display:none}}@container reglages (min-width: 760px){.q-demo-designs.replie>:nth-child(-n+6){display:flex}.q-demo-designs.replie>:nth-child(n+7){display:none}}.q-demo-plus{display:inline-flex;align-items:center;gap:.375rem;margin-top:.875rem;min-height:2.75rem;padding:0 1.125rem;border-radius:999px;border:1.5px solid var(--color-gray-200);background:var(--q-panel-raised);font-size:.875rem;font-weight:600;color:var(--color-ink);transition:border-color .18s}.q-demo-plus:hover{border-color:var(--color-gray-300)}.q-demo-fiche{margin-top:.875rem;padding:1rem 1.125rem;border-radius:20px;border:1px solid var(--q-line);background:var(--q-panel-raised);box-shadow:0 1px 2px rgba(15,23,42,.04),0 .75rem 2rem -1.25rem rgba(15,23,42,.25)}.q-demo-fiche--attente{border-style:dashed;box-shadow:none;background:transparent}.q-demo-fiche__tete{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.q-demo-fiche__titre{font-size:max(12px,.75rem);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-gray-500)}.q-demo-fiche__statut{display:inline-flex;align-items:center;padding:.1875rem .625rem;border-radius:999px;font-size:max(12px,.75rem);font-weight:600;font-variant-numeric:tabular-nums}.q-demo-fiche__statut--chaud{background:var(--q-warn-soft);color:var(--q-warn)}.q-demo-fiche__statut--tiede{background:var(--q-ac-soft);color:var(--q-ac-ink)}.q-demo-fiche__statut--froid{background:var(--color-gray-100);color:var(--color-gray-700)}.q-demo-fiche__nom{margin-top:.5rem;font-size:1rem;font-weight:600;color:var(--color-ink)}.q-demo-fiche__coord{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-top:.25rem;font-size:.875rem;color:var(--color-gray-700);font-variant-numeric:tabular-nums}.q-demo-fiche__coord li{display:inline-flex;align-items:center;gap:.375rem;min-width:0;overflow-wrap:anywhere}.q-demo-fiche__demande{margin-top:.625rem;font-size:.875rem;line-height:1.5;color:var(--color-ink)}.q-demo-fiche__texte{margin-top:.375rem;font-size:max(12px,.8125rem)}.q-demo-fiche__pied,.q-demo-fiche__texte{line-height:1.5;color:var(--color-gray-500)}.q-demo-fiche__pied{margin-top:.625rem;padding-top:.625rem;border-top:1px solid var(--q-line);font-size:max(12px,.75rem)}@media (max-width:1023px){.q-demo-grille{grid-template-columns:minmax(0,1fr);grid-template-areas:"scene" "reglages";gap:24px}.q-demo-scene-col{position:static}.q-demo-scene{padding:16px 12px;border-radius:28px}.q-demo-carte,.q-demo-scene-col.avec-fiche .q-demo-carte{height:580px}.q-demo-reglages{padding:4px 18px;border-radius:24px}}@media (max-width:480px){.q-demo-scene{margin:0 -4px}.q-demo-carte,.q-demo-scene-col.avec-fiche .q-demo-carte{height:520px}.q-demo-secteurs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.q-demo-design__vignette,.q-demo-pastille span,.q-demo-scene{transition:none}.q-demo-design:hover .q-demo-design__vignette{transform:none}}