<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Preview</title>
<style>
:root {
color-scheme: light dark;
--bg: #ffffff;
--fg: #1f2937;
--muted: #6b7280;
--border: rgba(128, 128, 128, 0.25);
--row-alt: rgba(128, 128, 128, 0.04);
--row-hover: rgba(59, 130, 246, 0.08);
--header-bg: rgba(243, 244, 246, 0.95);
--tab-active-bg: rgba(229, 231, 235, 0.95);
--tab-bg: transparent;
--link: #2563eb;
}
@media (prefers-color-scheme: dark) {
:root {
--bg: #1a1a2e;
--fg: #e5e7eb;
--muted: #9ca3af;
--border: rgba(128, 128, 128, 0.35);
--row-alt: rgba(255, 255, 255, 0.03);
--row-hover: rgba(59, 130, 246, 0.12);
--header-bg: rgba(31, 41, 55, 0.95);
--tab-active-bg: rgba(55, 65, 81, 0.95);
--link: #60a5fa;
}
}
* { box-sizing: border-box; }
html, body {
margin: 0;
padding: 0;
background: var(--bg);
color: var(--fg);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
}
body { padding: 16px; }
a { color: var(--link); }
img { max-width: 100%; height: auto; }
h1 { font-size: 1.5rem; font-weight: 700; margin: 0.75em 0 0.5em; }
h2 { font-size: 1.25rem; font-weight: 600; margin: 0.75em 0 0.5em; }
h3 { font-size: 1.1rem; font-weight: 600; margin: 0.5em 0 0.25em; }
h4, h5, h6 { font-weight: 600; margin: 0.5em 0 0.25em; }
p { margin: 0.4em 0; }
ul, ol { padding-left: 1.5em; margin: 0.5em 0; }
table { border-collapse: collapse; font-size: 0.85rem; line-height: 1.3; margin: 0.5em 0; max-width: 100%; }
th, td {
border: 1px solid var(--border);
padding: 0.4em 0.6em;
text-align: left;
vertical-align: top;
white-space: nowrap;
}
thead th, table th[scope="col"] {
background: var(--header-bg);
font-weight: 600;
position: sticky;
top: 0;
z-index: 1;
}
tbody tr:nth-child(even) { background: var(--row-alt); }
tbody tr:hover { background: var(--row-hover); }
.lc-banner {
background: var(--row-alt);
border: 1px solid var(--border);
border-radius: 6px;
padding: 6px 10px;
margin: 0 0 8px;
font-size: 0.8rem;
color: var(--muted);
}
.lc-table-scroll { overflow-x: auto; max-width: 100%; }
.lc-sheet-tabs { display: flex; flex-wrap: wrap; gap: 2px; padding: 0 0 8px; border-bottom: 1px solid var(--border); margin-bottom: 12px; }
.lc-sheet-tab-radio { position: absolute; opacity: 0; pointer-events: none; }
.lc-sheet-tab-label {
cursor: pointer;
padding: 4px 12px;
border-radius: 6px 6px 0 0;
font-size: 0.8rem;
color: var(--muted);
border: 1px solid transparent;
border-bottom: none;
user-select: none;
}
.lc-sheet-tab-label:hover { color: var(--fg); background: var(--row-alt); }
.lc-sheet-panel { display: none; }
#lc-sheet-tab-0:checked ~ .lc-sheet-tabs label[for="lc-sheet-tab-0"] { color: var(--fg); background: var(--tab-active-bg); border-color: var(--border); font-weight: 600; }
#lc-sheet-tab-0:checked ~ #lc-sheet-panel-0 { display: block; }
</style>
</head>
<body>
<input type="radio" name="lc-sheet" id="lc-sheet-tab-0" class="lc-sheet-tab-radio" checked>
<section class="lc-sheet-panel" id="lc-sheet-panel-0"><div class="lc-table-scroll"><table><tr><td>Product_ID</td><td>Series</td><td>Prefix</td><td>Category</td><td>Dimensions</td><td>Capacity</td><td>Design_Pattern</td><td>Panel_Options</td><td>Target_B2B_Market</td></tr><tr><td>LU-100</td><td>Urban</td><td>LU</td><td>Rectangular</td><td>100x70</td><td>1 (Kids/Pets)</td><td>Roca Pattern</td><td>PVC</td><td>Pet Clinics / Kindergartens / Small Apartments</td></tr><tr><td>LU-120</td><td>Urban</td><td>LU</td><td>Rectangular</td><td>120x70</td><td>1</td><td>Standard</td><td>PVC</td><td>Economy Apartments</td></tr><tr><td>LU-150</td><td>Urban</td><td>LU</td><td>Rectangular</td><td>150x70</td><td>1</td><td>Standard</td><td>PVC</td><td>Mid-range Apartments</td></tr><tr><td>LU-160</td><td>Urban</td><td>LU</td><td>Rectangular</td><td>160x70</td><td>1</td><td>Roca Pattern</td><td>PVC</td><td>Mid-range Apartments</td></tr><tr><td>LU-170A</td><td>Urban</td><td>LU</td><td>Rectangular</td><td>170x75</td><td>1</td><td>3 Molds Available</td><td>PVC</td><td>Mass Construction</td></tr><tr><td>LU-170B</td><td>Urban</td><td>LU</td><td>Rectangular</td><td>170x80</td><td>1</td><td>Standard</td><td>PVC</td><td>Mass Construction (Best Seller)</td></tr><tr><td>LU-180A</td><td>Urban</td><td>LU</td><td>Rectangular</td><td>180x80</td><td>1</td><td>Roca Pattern</td><td>PVC</td><td>Premium Apartments</td></tr><tr><td>LU-170C</td><td>Urban</td><td>LU</td><td>Rectangular</td><td>170x85</td><td>1</td><td>TOTO Pattern (L/R)</td><td>PVC</td><td>Premium Apartments</td></tr><tr><td>LU-150A</td><td>Urban</td><td>LU</td><td>Asymmetric</td><td>150x100</td><td>1</td><td>Asymmetric (L/R)</td><td>PVC</td><td>Modern Compact Layouts</td></tr><tr><td>LU-180B</td><td>Urban</td><td>LU</td><td>Rectangular</td><td>180x90</td><td>1</td><td>Caladwei Pattern</td><td>PVC</td><td>Luxury Master Bathrooms</td></tr><tr><td>LU-190</td><td>Urban</td><td>LU</td><td>Rectangular</td><td>190x90</td><td>1</td><td>Roca Pattern</td><td>PVC</td><td>Luxury Master Bathrooms</td></tr><tr><td>LC-130</td><td>Corner</td><td>LC</td><td>Corner</td><td>130x130</td><td>1-2</td><td>Standard</td><td>PVC/Thermowood</td><td>Square Bathrooms</td></tr><tr><td>LH-160</td><td>Harmony</td><td>LH</td><td>Rectangular</td><td>160x110</td><td>2</td><td>Standard</td><td>PVC/Thermowood</td><td>Couples / Master</td></tr><tr><td>LC-135</td><td>Corner</td><td>LC</td><td>Corner</td><td>135x135</td><td>1-2</td><td>Standard</td><td>PVC/Thermowood</td><td>Square Bathrooms</td></tr><tr><td>LH-170</td><td>Harmony</td><td>LH</td><td>Rectangular</td><td>170x120</td><td>2</td><td>Standard</td><td>PVC/Thermowood</td><td>Couples / Master</td></tr><tr><td>LI-180</td><td>Island</td><td>LI</td><td>Oval Freestanding</td><td>180x115</td><td>2</td><td>Island / Freestanding</td><td>PVC/Thermowood</td><td>Modern Architecture / Premium B2B</td></tr><tr><td>LC-145</td><td>Corner</td><td>LC</td><td>Corner</td><td>145x145</td><td>2</td><td>Standard</td><td>PVC/Thermowood</td><td>Square Bathrooms</td></tr><tr><td>LH-185F-A</td><td>Harmony</td><td>LH</td><td>Face-to-Face</td><td>185x120</td><td>2</td><td>Medical Lying Down</td><td>PVC/Thermowood</td><td>Wellness / Spas / Master</td></tr><tr><td>LH-185F-B</td><td>Harmony</td><td>LH</td><td>Face-to-Face</td><td>185x120</td><td>2</td><td>Standard Face-to-Face</td><td>PVC/Thermowood</td><td>Wellness / Spas / Master</td></tr><tr><td>LC-150</td><td>Corner</td><td>LC</td><td>Corner</td><td>150x150</td><td>2</td><td>2 Molds Available</td><td>PVC/Thermowood</td><td>Master Bathrooms</td></tr><tr><td>LH-185</td><td>Harmony</td><td>LH</td><td>Rectangular</td><td>185x130</td><td>2</td><td>Roca Pattern</td><td>PVC/Thermowood</td><td>Luxury Master Bathrooms</td></tr><tr><td>LH-160R</td><td>Harmony</td><td>LH</td><td>Round</td><td>160 (Dia)</td><td>2</td><td>Round</td><td>PVC/Thermowood</td><td>Luxury Master / Roof Gardens</td></tr><tr><td>LH-185R</td><td>Harmony</td><td>LH</td><td>Round</td><td>185 (Dia)</td><td>4</td><td>Round</td><td>PVC/Thermowood</td><td>Villas / Roof Gardens</td></tr><tr><td>LH-210F</td><td>Harmony</td><td>LH</td><td>Face-to-Face</td><td>210x185</td><td>4</td><td>Medical Lying Down</td><td>PVC/Thermowood</td><td>Spas / Wellness Centers</td></tr><tr><td>LS-200A</td><td>Spa</td><td>LS</td><td>Square</td><td>200x200</td><td>5</td><td>American Jacuzzi</td><td>PVC/Thermowood</td><td>Villas / Open Space</td></tr><tr><td>LS-210</td><td>Spa</td><td>LS</td><td>Rectangular</td><td>210x180</td><td>6</td><td>Standard Market</td><td>PVC/Thermowood</td><td>Villas / Open Space</td></tr><tr><td>LS-200B</td><td>Spa</td><td>LS</td><td>Square</td><td>200x200</td><td>6</td><td>American Jacuzzi</td><td>PVC/Thermowood</td><td>Villas / Open Space</td></tr><tr><td>LS-260</td><td>Spa</td><td>LS</td><td>Rectangular</td><td>260x180</td><td>8</td><td>In Production</td><td>PVC/Thermowood</td><td>Luxury Villas / Resorts</td></tr><tr><td>LS-280</td><td>Spa</td><td>LS</td><td>Rectangular</td><td>280x180</td><td>8</td><td>Standard</td><td>PVC/Thermowood</td><td>Luxury Villas / Resorts</td></tr><tr><td>LS-300</td><td>Spa</td><td>LS</td><td>Rectangular</td><td>300x190</td><td>11</td><td>Flagship (Final Stages)</td><td>PVC/Thermowood</td><td>Mega Villas / Commercial Spas</td></tr></table></div></section>
</body>
</html>