Colonne 2 (milieu) : vide + barre en bas avec :
à gauche : + et trombone
au centre : barre de recherche / saisie
à droite : micro + flèche envoyer
Colonne 3 (droite) : panneau “Aperçu” avec une barre d’outils + message “Échec du chargement de l’aperçu.”
Copie-colle tout ça dans un fichier : espace-codage.html puis ouvre-le dans ton navigateur.
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Espace Codage</title>
<style>
:root{
--bg:#0b0f16;
--panel:#0f1521;
--panel2:#0c111b;
--line:rgba(255,255,255,.08);
--text:rgba(255,255,255,.92);
--muted:rgba(255,255,255,.65);
--muted2:rgba(255,255,255,.45);
--shadow: 0 18px 60px rgba(0,0,0,.45);
--r:16px;
--r2:14px;
--focus: rgba(93, 173, 255, .35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
margin:0;
background: radial-gradient(12…
