/* v70 — isolated loop choice screen. Index remains the landing page. */
@media (min-width: 901px){
  body.choice-page-v70 .app-main{
    width:min(calc(100vw - 28px), 1920px)!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:0 0 116px!important;
    height:calc(100dvh - 76px)!important;
    min-height:0!important;
    overflow:hidden!important;
    display:block!important;
  }

  body.choice-page-v70 .choice-workspace{
    --bp-choice-left: 66%;
    height:100%;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(640px, var(--bp-choice-left, 66%)) 14px minmax(460px, 1fr);
    gap:16px;
    align-items:stretch;
  }

  body.choice-page-v70 .choice-left-pane,
  body.choice-page-v70 .choice-workspace .loop-create-sidebar{
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    border-radius:28px!important;
    overflow:hidden!important;
  }

  body.choice-page-v70 .choice-left-pane{
    display:flex!important;
    flex-direction:column!important;
    padding:28px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-gutter:stable;
  }

  body.choice-page-v70 .choice-left-pane .screen-head{
    flex:0 0 auto!important;
    margin-bottom:22px!important;
  }

  body.choice-page-v70 .choice-left-pane .screen-head h1{
    margin-top:4px!important;
  }

  body.choice-page-v70 .choice-left-pane .loop-choice-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(3,minmax(132px,1fr))!important;
    gap:20px!important;
    padding:0!important;
  }

  body.choice-page-v70 .choice-left-pane .loop-choice-card{
    min-height:132px!important;
    height:100%!important;
    align-items:center!important;
    padding:24px 28px!important;
    border-radius:26px!important;
    overflow:hidden!important;
  }

  body.choice-page-v70 .choice-left-pane .loop-choice-icon{
    width:58px!important;
    height:58px!important;
    border-radius:22px!important;
    font-size:28px!important;
  }

  body.choice-page-v70 .choice-left-pane .loop-choice-copy{
    min-width:0;
  }

  body.choice-page-v70 .choice-left-pane .loop-choice-copy b{
    font-size:22px!important;
  }

  body.choice-page-v70 .choice-left-pane .loop-choice-copy p{
    max-width:820px;
    line-height:1.45;
  }

  body.choice-page-v70 .choice-left-pane .loop-choice-card em{
    justify-self:end;
    align-self:center;
    max-width:128px;
    white-space:nowrap;
  }

  body.choice-page-v70 .choice-splitter{
    margin:0!important;
    height:auto!important;
    width:14px!important;
    align-self:stretch!important;
    grid-column:2;
    cursor:col-resize;
  }

  body.choice-page-v70 .choice-workspace .loop-create-sidebar{
    grid-column:3;
    display:flex!important;
    flex-direction:column!important;
  }

  body.choice-page-v70 .choice-workspace .loop-create-sidebar .choice-tools-head{
    flex:0 0 auto;
    padding:24px 26px!important;
  }

  body.choice-page-v70 .choice-workspace .loop-create-sidebar .choice-tools-body{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:24px 26px 118px!important;
    scrollbar-gutter:stable;
  }

  body.choice-page-v70 .choice-workspace .loop-create-sidebar .loop-create-stage{
    max-width:100%;
  }

  body.choice-page-v70 .choice-workspace .loop-create-form{
    gap:14px!important;
  }

  body.choice-page-v70 .choice-workspace .loop-create-form input,
  body.choice-page-v70 .choice-workspace .loop-create-form textarea,
  body.choice-page-v70 .choice-workspace .loop-create-form select{
    max-width:100%;
  }

  body.choice-page-v70 .choice-workspace .loop-create-form textarea{
    min-height:96px;
  }

  body.choice-page-v70 .choice-workspace .btn-primary,
  body.choice-page-v70 .choice-workspace .btn-secondary,
  body.choice-page-v70 .choice-workspace .btn-block{
    max-width:100%;
  }

  body.choice-page-v70 .choice-workspace .loop-create-steps{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px!important;
  }

  body.choice-page-v70 .choice-workspace .loop-create-step{
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.choice-page-v70 .choice-left-pane::-webkit-scrollbar,
  body.choice-page-v70 .choice-workspace .loop-create-sidebar .choice-tools-body::-webkit-scrollbar{width:7px;height:7px;}
  body.choice-page-v70 .choice-left-pane::-webkit-scrollbar-track,
  body.choice-page-v70 .choice-workspace .loop-create-sidebar .choice-tools-body::-webkit-scrollbar-track{background:transparent;border-radius:999px;}
  body.choice-page-v70 .choice-left-pane::-webkit-scrollbar-thumb,
  body.choice-page-v70 .choice-workspace .loop-create-sidebar .choice-tools-body::-webkit-scrollbar-thumb{background:var(--bp-scroll-thumb);border-radius:999px;}
  body.choice-page-v70 .choice-left-pane::-webkit-scrollbar-thumb:hover,
  body.choice-page-v70 .choice-workspace .loop-create-sidebar .choice-tools-body::-webkit-scrollbar-thumb:hover{background:var(--bp-scroll-thumb-strong);}
}

@media (max-width: 900px){
  body.choice-page-v70 .app-main{
    width:min(100% - 20px, 720px)!important;
    max-width:none!important;
    padding:10px 0 112px!important;
    margin:0 auto!important;
    overflow:visible!important;
    height:auto!important;
  }
  body.choice-page-v70 .choice-workspace{display:grid;grid-template-columns:1fr;gap:14px;}
  body.choice-page-v70 .choice-splitter{display:none!important;}
  body.choice-page-v70 .choice-left-pane{height:auto!important;max-height:none!important;overflow:visible!important;}

  /* v71 — smartphone: la carte Créer une boucle ne doit plus être masquée par le fallback v34. */
  body.choice-page-v70 .choice-workspace .loop-create-sidebar.choice-tools-placeholder{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#fff,#FBFAF5)!important;
    border:1px solid var(--md-outline)!important;
    border-radius:24px!important;
    box-shadow:0 1px 2px rgba(20,24,60,.05),0 20px 44px -30px rgba(20,24,60,.34)!important;
  }

  body.choice-page-v70 .choice-workspace .loop-create-sidebar .choice-tools-head{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:16px!important;
    border-bottom:1px solid var(--md-outline-soft)!important;
  }

  body.choice-page-v70 .choice-workspace .loop-create-sidebar .choice-tools-icon{
    width:44px!important;
    height:44px!important;
    border-radius:16px!important;
    display:grid!important;
    place-items:center!important;
    background:var(--md-primary-container)!important;
    color:var(--md-on-primary-container)!important;
    font-size:22px!important;
    flex:0 0 auto!important;
  }

  body.choice-page-v70 .choice-workspace .loop-create-sidebar .choice-tools-head b{
    display:block!important;
    font-size:18px!important;
    line-height:1.08!important;
    letter-spacing:-.03em!important;
  }

  body.choice-page-v70 .choice-workspace .loop-create-sidebar .choice-tools-head small{
    display:block!important;
    margin-top:3px!important;
    color:var(--faint)!important;
    font-weight:800!important;
    line-height:1.25!important;
  }

  body.choice-page-v70 .choice-workspace .loop-create-sidebar .choice-tools-body{
    display:grid!important;
    gap:12px!important;
    padding:16px!important;
    overflow:visible!important;
  }
}