/* Panneau Tweaks — systèmes proportionnels (grille · espacement · hiérarchie) */
.tws{position:fixed;right:18px;bottom:18px;width:330px;max-height:82vh;z-index:9999;
  background:#15181d;color:#ece7da;border:1px solid #2c333d;border-radius:12px;
  box-shadow:0 30px 70px -20px rgba(0,0,0,.6);font-family:"Archivo",system-ui,sans-serif;
  display:none;flex-direction:column;overflow:hidden;}
.tws.open{display:flex;}
.tws-hd{display:flex;align-items:center;gap:9px;padding:13px 15px;border-bottom:1px solid #262d36;cursor:grab;}
.tws-hd .dot{width:8px;height:8px;border-radius:50%;background:#b89a5e;}
.tws-hd b{font-size:13.5px;font-weight:600;letter-spacing:.02em;}
.tws-hd .sp{flex:1;}
.tws-x{background:none;border:0;color:#8a8f98;font-size:20px;line-height:1;cursor:pointer;padding:0 2px;}
.tws-x:hover{color:#ece7da;}
.tws-bd{overflow-y:auto;padding:6px 15px 16px;}
.tws-sec{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#b89a5e;
  margin:18px 0 4px;padding-bottom:6px;border-bottom:1px solid #242b34;}
.tws-sec:first-child{margin-top:8px;}
.tws-note{font-size:11px;line-height:1.45;color:#8a8f98;margin:8px 0 2px;}
.tws-row{padding:11px 0 9px;border-bottom:1px solid #1d232b;}
.tws-row:last-child{border-bottom:0;}
.tws-lab{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;}
.tws-lab label{font-size:12.5px;color:#d4cfc4;}
.tws-lab .v{font-family:"JetBrains Mono",monospace;font-size:11.5px;color:#b89a5e;}
.tws input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:3px;border-radius:3px;
  background:#39414c;outline:none;margin:0;}
.tws input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;
  background:#ece7da;cursor:pointer;border:3px solid #b89a5e;box-sizing:border-box;}
.tws input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;
  background:#ece7da;cursor:pointer;border:3px solid #b89a5e;}
.tws-seg{display:flex;gap:6px;}
.tws-seg button{flex:1;background:#1d232b;border:1px solid #2c333d;color:#aab0b8;font-family:inherit;
  font-size:12px;padding:8px 4px;border-radius:6px;cursor:pointer;transition:all .14s;}
.tws-seg button.on{background:#b89a5e;border-color:#b89a5e;color:#15181d;font-weight:600;}
.tws-ident{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.tws-ident button{background:#1d232b;border:1px solid #2c333d;color:#aab0b8;font-family:inherit;
  font-size:12.5px;font-weight:600;padding:11px 6px;border-radius:7px;cursor:pointer;transition:all .14s;}
.tws-ident button:hover{border-color:#b89a5e;color:#ece7da;}
.tws-ident button.on{background:#b89a5e;border-color:#b89a5e;color:#15181d;}
.tws-scale{display:flex;align-items:flex-end;gap:5px;height:46px;margin-top:4px;padding:6px 0 0;}
.tws-scale i{flex:1;background:linear-gradient(180deg,#b89a5e,#7d6738);border-radius:2px 2px 0 0;opacity:.85;}
.tws-reset{width:100%;margin-top:16px;background:#1d232b;border:1px solid #2c333d;color:#d4cfc4;
  font-family:inherit;font-size:12.5px;padding:11px;border-radius:7px;cursor:pointer;transition:all .14s;}
.tws-reset:hover{background:#242b34;color:#fff;}