.studio-react,.strumenti-react{max-width:1400px;margin:auto;min-width:0}.studio-intestazione{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s4);margin-bottom:var(--s5)}.studio-intestazione h1{margin:0 0 var(--s2)}.studio-intestazione p{max-width:70ch;color:var(--nuovo-secondario,var(--testo-2))}.studio-occhiello{font-size:var(--t-nota);margin-bottom:var(--s2)}.studio-react nav,.studio-navigazione,.studio-azioni{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s4)}.studio-persona{padding:var(--s4) 0;border-bottom:1px solid var(--nuovo-linea,var(--bordo))}.studio-persona:last-child{border-bottom:0}.studio-persona header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s2)}.studio-persona h3{margin:0 0 var(--s2)}.studio-etichetta{align-self:flex-start;padding:var(--s1) var(--s2);background:var(--nuovo-alternata,var(--superficie-2));border-radius:var(--raggio);font-size:var(--t-nota)}.studio-campi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--s4);margin:var(--s4) 0}.studio-campi label,.studio-invito label,.strumenti-react label{display:grid;gap:var(--s2);min-width:0}.studio-campi label{align-content:start}.studio-campi small{font-size:var(--t-nota);color:var(--nuovo-secondario,var(--testo-2));font-weight:400}.studio-campi input,.studio-campi select,.studio-campi textarea,.studio-invito input{width:100%;box-sizing:border-box;font:inherit;min-height:var(--tocco)}.studio-campi select[multiple]{min-height:calc(var(--tocco)*3)}.studio-campi textarea{min-height:calc(var(--tocco)*3);resize:vertical}.studio-dialogo{box-sizing:border-box;max-width:760px;width:calc(100% - var(--s6));max-height:88vh;max-height:88dvh;overflow:auto;padding:var(--s5);background:var(--nuovo-carta,var(--superficie));color:var(--nuovo-testo,var(--testo));border:1px solid var(--nuovo-linea,var(--bordo));border-radius:var(--raggio)}.studio-dialogo::backdrop{background:var(--velo-modale)}.studio-dialogo header,.studio-dialogo footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.studio-dialogo h2{margin:0}.studio-dialogo footer{justify-content:flex-end;margin-top:var(--s5)}.studio-attenzione{padding:var(--s3);border-left:4px solid var(--nuovo-azione,var(--marchio));background:var(--nuovo-alternata,var(--superficie-2))}.studio-dati{margin:var(--s3) 0;overflow-wrap:anywhere}.studio-dati>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:var(--s3);padding:var(--s2) 0}.studio-dati dt{color:var(--nuovo-secondario,var(--testo-2))}.studio-dati dd{margin:0}.studio-testo{white-space:pre-wrap}.studio-invito{border:2px solid var(--nuovo-azione,var(--marchio));overflow-wrap:anywhere}.studio-tabella{max-width:100%;overflow:auto;margin:var(--s4) 0}.studio-tabella table{width:100%;border-collapse:collapse;white-space:nowrap;font-variant-numeric:tabular-nums}.studio-tabella th,.studio-tabella td{padding:var(--s3);border-bottom:1px solid var(--nuovo-linea,var(--bordo));text-align:right}.studio-tabella caption{text-align:left;padding:var(--s3);font-weight:600}.strumenti-scelte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin:var(--s5) 0}.strumenti-scelte button{text-align:left;padding:var(--s4);min-height:calc(var(--tocco)*2)}.strumenti-scelte button[aria-pressed=true]{border-color:var(--nuovo-azione,var(--marchio));color:var(--nuovo-azione,var(--marchio))}.studio-modelli{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin-top:var(--s4)}.studio-modelli article{min-width:0;border:1px solid var(--nuovo-linea,var(--bordo));border-radius:var(--raggio);padding:var(--s4)}.strumenti-risultato{padding:var(--s5);background:var(--nuovo-carta,var(--superficie));border:1px solid var(--nuovo-linea,var(--bordo));border-radius:var(--raggio);margin-top:var(--s5)}
@media(max-width:700px){.studio-intestazione{flex-direction:column}.studio-campi,.studio-modelli{grid-template-columns:minmax(0,1fr)}.strumenti-scelte{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}.studio-dialogo{width:calc(100% - var(--s4));padding:var(--s4)}.studio-dati>div{grid-template-columns:minmax(0,1fr);gap:var(--s1)}.studio-dialogo footer{flex-wrap:wrap}.studio-dialogo footer button{flex:1}.studio-persona{padding:var(--s3) 0}}
@media print{.strumenti-scelte,.strumenti-react nav,.strumenti-react form,.strumenti-risultato>button{display:none}.strumenti-risultato{border:0;padding:0}.studio-tabella{overflow:visible}.studio-tabella td,.studio-tabella th{padding:var(--s1)}}

.studio-controlli{border:0;padding:0;margin:0;min-width:0}
/* I nuovi collegamenti usano la stessa pittura immediata dei pulsanti React:
   la transizione ereditata dal classico attraversava colori a basso contrasto
   cambiando tema. */
.studio-react a.tasto{transition:none}