.studio{--texte: #e8eaf2;--gris: #9aa1b5;--bord: rgba(255,255,255,.12);--surface: #141824;--surface2: #1b2030;--accent: #7c3aed;--accent2: #22d3ee;font-family:General Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--texte);display:grid;grid-template-columns:330px 1fr;grid-template-rows:minmax(0,1fr);height:100%;min-height:0;background:#0b0e16;box-sizing:border-box}.studio *,.studio *:before,.studio *:after{box-sizing:border-box}.studio .panneau{background:var(--surface);border-right:1px solid var(--bord);padding:16px 16px 20px;overflow-y:auto;max-height:100%}.studio section{margin-bottom:16px}.studio h2{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--gris);margin:6px 0 8px;font-weight:700}.studio .grille{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.studio .grille.trois{grid-template-columns:1fr 1fr 1fr}.studio button,.studio .bouton{font:inherit;font-size:12.5px;font-weight:600;padding:8px;border-radius:10px;cursor:pointer;border:1px solid var(--bord);background:var(--surface2);color:var(--texte);text-decoration:none;text-align:center;transition:border-color .15s,background .15s}.studio button:hover,.studio .bouton:hover{border-color:var(--accent2)}.studio button.actif{border-color:var(--accent);background:#7c3aed38;color:#fff}.studio .principal{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;border-color:transparent}.studio .large{width:100%;padding:11px;font-size:14px;margin-top:4px}.studio button:disabled{opacity:.55;cursor:wait}.studio .pastilles{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.studio .pastilles button{width:26px;height:26px;padding:0;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--bord)}.studio .pastilles button.actif{box-shadow:0 0 0 2px var(--accent2)}.studio .champ{display:block;font-size:12.5px;font-weight:600;margin-bottom:8px;color:var(--texte)}.studio .champ input:not([type=file]){flex:1;min-width:0;font:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--bord);border-radius:10px;background:#0f131d;color:var(--texte)}.studio .champ input[type=file]{display:block;margin-top:6px;font-size:12px;color:var(--gris);max-width:100%}.studio .ligne{display:flex;gap:6px;margin-top:6px}.studio .case{display:flex;align-items:center;gap:8px;font-size:12.5px;margin:6px 0;cursor:pointer}.studio .case input{width:16px;height:16px;accent-color:var(--accent)}.studio select{width:100%;font:inherit;font-size:12.5px;padding:8px;border:1px solid var(--bord);border-radius:10px;background:var(--surface2);color:var(--texte);margin-bottom:6px}.studio .etat{font-size:12px;color:var(--gris);background:#0f131d;border-radius:10px;padding:9px 10px;overflow-wrap:anywhere;margin:0}.studio .aide{font-size:12px;color:var(--gris);margin:4px 0}.studio .scene{position:relative;overflow:hidden;min-height:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#1a2030,#0b0e16)}.studio .scene-canvas{display:block;border-radius:14px;box-shadow:0 30px 80px #00000073}.studio .progression{position:absolute;inset:auto 24px 24px;background:#0f131deb;border:1px solid var(--bord);border-radius:14px;padding:14px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.studio .progression p{margin:0 0 8px;font-size:13px;font-weight:600}.studio .barre{height:8px;border-radius:99px;background:#ffffff1a;overflow:hidden}.studio .barre div{height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .2s}.studio .voile{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070cb3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.studio .fenetre{position:relative;background:var(--surface);border:1px solid var(--bord);border-radius:18px;padding:26px 24px 22px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:10px;box-shadow:0 30px 80px #00000080}.studio .fenetre h3{margin:0;font-size:20px}.studio .fenetre p{margin:0 0 6px;color:var(--gris);font-size:14px;line-height:1.5}.studio .fenetre .fermer{position:absolute;top:10px;right:10px;width:32px;height:32px;padding:0;font-size:18px;border-radius:50%}@media(max-width:900px){.studio{grid-template-columns:1fr;grid-template-rows:62vh auto;height:auto}.studio .scene{order:-1;min-height:62vh}.studio .panneau{max-height:none;border-right:0;border-top:1px solid var(--bord)}}