Editing User:Dread

<templatestyles src="User:Dread/TestLoadout.css"/>
<div class="main-wrapper">

  <div class="left-section">
    <!-- Loadout -->
    <div class="top-row">
      <div class="small-cell"></div>
      <div>RAIDER<br>AUGMENT</div>
    </div>
    <div class="section-title">Equipment</div>
	<div class="weapons">
		<div class="big-cell">Weapon Slot 1</div>
		<div class="big-cell">Weapon Slot 2</div>
    </div>
	<div class="bottom-row">
		<div class="small-cell"></div>
		<div>Shield</div>
	</div>
  </div>

  <div class="middle-section">
    <div class="section-title">Backpack</div>
    <div class="backpack-grid">
      <!-- 10 cells in 4x3 layout -->
      <div class="small-cell"></div><div class="small-cell"></div><div class="small-cell"></div><div class="small-cell"></div>
      <div class="small-cell"></div><div class="small-cell"></div><div class="small-cell"></div><div class="small-cell"></div>
      <div class="small-cell"></div><div class="small-cell"></div>
    </div>
  </div>

  <div class="right-section">
    <div class="section-title">Quick Use</div>
    <div class="quick-use-grid">
      <!-- 3x2 Grid for Quick Use -->
      <div class="small-cell">+</div><div class="small-cell">+</div><div class="small-cell">+</div>
      <div class="small-cell">+</div><div class="small-cell">+</div><div class="small-cell">+</div>
    </div>

    <div class="section-title">Safe Pocket</div>
    <div class="safe-pocket-grid">
      <!-- 3 cells side by side in Safe Pocket -->
      <div class="small-cell"></div>
      <div class="small-cell"></div>
      <div class="small-cell"></div>

    </div>
  </div>
</div>