.u-section-1 .u-sheet-1 {
  min-height: 1726px;
}

.u-section-1 .u-text-1 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-1 .u-btn-1 {
  background-image: none;
  padding: 0;
}

.u-section-1 .u-custom-html-1 {
  margin-bottom: 37px;
  height: auto;
  min-height: 1400px;
  margin-top: 43px;
}* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: system-ui, sans-serif; color: #1a1a1a; padding: 1rem; background: #f0f0f0; font-size: 14px; }
.shell { display: grid; grid-template-columns: 280px 1fr; gap: 14px; align-items: start; }
.sidebar { display: flex; flex-direction: column; gap: 10px; }
.panel { background: #fff; border: 1px solid #e0e0e0; border-radius: 12px; padding: 13px; }
.lbl { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; color: #999; margin-bottom: 9px; }
.flbl { font-size: 12px; color: #555; font-weight: 600; margin-bottom: 4px; display: block; }
.sublbl { font-size: 11px; color: #aaa; font-weight: 400; margin-left: 4px; }
input[type=text], input[type=email], textarea, select {
  width: 100%; font-size: 13px; border: 1px solid #e0e0e0; border-radius: 8px;
  padding: 7px 10px; background: #fafafa; color: #1a1a1a; font-family: inherit;
  transition: border-color .2s, background .2s;
}
textarea { resize: vertical; }
input[type=text]:focus, textarea:focus, select:focus { outline: none; border-color: #555; background: #fff; }
.fg { margin-bottom: 9px; }
.fg:last-child { margin-bottom: 0; }
/* STYLE CHIPS */
.sgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.chip { font-size: 11px; padding: 6px 7px; border-radius: 8px; border: 1px solid #e0e0e0; background: #fafafa; cursor: pointer; text-align: center; color: #888; user-select: none; transition: all .12s; }
.chip.on { background: #e8f0fb; color: #1a5fbc; border-color: #a8c4f0; font-weight: 700; }
.chip:hover:not(.on) { border-color: #bbb; color: #555; }
/* SECTION TOGGLES */
.stog { display: flex; align-items: center; gap: 7px; font-size: 12px; padding: 3px 0; cursor: pointer; color: #333; }
.stog input[type=checkbox] { width: 14px; height: 14px; accent-color: #378ADD; flex-shrink: 0; }
/* COLOR PALETTE */
.palette-tabs { display: flex; gap: 6px; margin-bottom: 10px; }
.ptab { font-size: 11px; padding: 5px 10px; border-radius: 20px; border: 1px solid #e0e0e0; background: #fafafa; cursor: pointer; color: #888; font-weight: 600; transition: all .15s; }
.ptab.on { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
/* PRESET PALETTES */
.presets-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.preset { border: 2px solid transparent; border-radius: 10px; overflow: hidden; cursor: pointer; transition: border-color .15s; }
.preset.on { border-color: #1a1a1a; }
.preset:hover:not(.on) { border-color: #ccc; }
.preset-swatches { display: flex; height: 28px; }
.preset-swatches span { flex: 1; }
.preset-name { font-size: 10px; color: #666; text-align: center; padding: 3px 0; font-weight: 600; }
/* CUSTOM COLOR PICKER */
.custom-colors { display: flex; flex-direction: column; gap: 8px; }
.color-row { display: flex; align-items: center; gap: 8px; }
.color-row label { font-size: 11px; color: #666; width: 68px; flex-shrink: 0; font-weight: 500; }
.color-swatch-wrap { position: relative; width: 32px; height: 32px; border-radius: 6px; overflow: hidden; border: 1px solid #ddd; flex-shrink: 0; cursor: pointer; }
.color-swatch-wrap input[type=color] { position: absolute; inset: -4px; width: calc(100% + 8px); height: calc(100% + 8px); border: none; cursor: pointer; opacity: 0; }
.color-preview { position: absolute; inset: 0; border-radius: 5px; pointer-events: none; }
.color-hex { font-size: 12px; font-family: monospace; color: #333; background: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 6px; padding: 5px 8px; width: 80px; text-transform: uppercase; }
.color-hex:focus { outline: none; border-color: #555; }
.add-color-btn { font-size: 11px; padding: 5px 10px; border-radius: 8px; border: 1px dashed #ccc; background: transparent; color: #888; cursor: pointer; width: 100%; transition: all .15s; }
.add-color-btn:hover { border-color: #888; color: #333; }
.remove-color { font-size: 14px; color: #ccc; cursor: pointer; background: none; border: none; line-height: 1; flex-shrink: 0; }
.remove-color:hover { color: #e55; }
/* LOGO OPTIONS */
.logo-tabs { display: flex; gap: 5px; margin-bottom: 10px; }
.ltab { font-size: 11px; padding: 5px 10px; border-radius: 20px; border: 1px solid #e0e0e0; background: #fafafa; cursor: pointer; color: #888; font-weight: 600; transition: all .15s; flex: 1; text-align: center; }
.ltab.on { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
.logo-panel { display: none; }
.logo-panel.show { display: block; }
/* Upload */
.upload-zone { border: 2px dashed #e0e0e0; border-radius: 10px; padding: 16px; text-align: center; cursor: pointer; transition: border-color .2s, background .2s; position: relative; }
.upload-zone:hover { border-color: #aaa; background: #fafafa; }
.upload-zone input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
.upload-icon { font-size: 24px; color: #ccc; margin-bottom: 6px; }
.upload-text { font-size: 12px; color: #888; line-height: 1.5; }
.upload-text strong { color: #555; display: block; }
.logo-preview-wrap { margin-top: 10px; display: none; align-items: center; gap: 8px; padding: 8px; background: #f5f5f5; border-radius: 8px; }
.logo-preview-wrap.show { display: flex; }
.logo-preview-wrap img { max-height: 40px; max-width: 100px; object-fit: contain; border-radius: 4px; }
.logo-preview-name { font-size: 11px; color: #666; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.logo-remove { font-size: 11px; color: #e55; cursor: pointer; border: none; background: none; flex-shrink: 0; }
/* Generate logo options */
.logo-style-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.logo-style-chip { font-size: 11px; padding: 6px 7px; border-radius: 8px; border: 1px solid #e0e0e0; background: #fafafa; cursor: pointer; text-align: center; color: #888; user-select: none; transition: all .12s; }
.logo-style-chip.on { background: #e8f0fb; color: #1a5fbc; border-color: #a8c4f0; font-weight: 700; }
/* BUTTONS */
.gbtn { width: 100%; padding: 10px; background: #1a1a1a; color: #fff; border: none; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; transition: opacity .15s; letter-spacing: .02em; }
.gbtn:hover { opacity: .82; }
/* RIGHT PANE */
.rpane { background: #fff; border: 1px solid #e0e0e0; border-radius: 12px; display: flex; flex-direction: column; overflow: hidden; min-height: 640px; }
.tbar { display: flex; align-items: center; justify-content: space-between; padding: 9px 13px; border-bottom: 1px solid #e0e0e0; background: #f5f5f5; }
.dots { display: flex; gap: 5px; }
.dot { width: 10px; height: 10px; border-radius: 50%; background: #ddd; }
.tacts { display: flex; gap: 6px; }
.tbtn { font-size: 11px; padding: 4px 10px; border-radius: 8px; border: 1px solid #ccc; background: #fff; color: #666; cursor: pointer; transition: all .12s; }
.tbtn:hover:not(:disabled) { color: #1a1a1a; border-color: #888; }
.tbtn.pri { background: #1a1a1a; color: #fff; border-color: transparent; }
.tbtn.pri:hover:not(:disabled) { opacity: .82; }
.tbtn:disabled { opacity: .3; cursor: not-allowed; }
.pview { background: #ebebeb; min-height: 200px; position: relative; flex: 1; }
.estate { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 3rem 2rem; text-align: center; min-height: 200px; }
.eicon { font-size: 32px; opacity: .15; }
.etitle { font-size: 14px; font-weight: 600; color: #888; }
.esub { font-size: 12px; color: #aaa; max-width: 260px; line-height: 1.6; }
iframe#prev { width: 100%; min-height: 420px; border: none; display: none; }
/* PROMPT SECTION */
.prompt-section { border-top: 1px solid #e0e0e0; background: #fffbee; display: none; flex-direction: column; gap: 8px; padding: 13px; }
.prompt-section.show { display: flex; }
.prompt-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; }
.prompt-step { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #9a6800; }
.prompt-note { font-size: 11px; color: #888; line-height: 1.5; }
.prompt-note strong { color: #555; }
#promptBox { font-family: monospace; font-size: 11px; background: #fff; border: 1px solid #e8d080; border-radius: 8px; color: #333; max-height: 140px; overflow-y: auto; padding: 9px 11px; white-space: pre-wrap; line-height: 1.55; }
.copy-prompt-btn { padding: 6px 14px; background: #9a6800; color: #fff; border: none; border-radius: 8px; font-size: 12px; font-weight: 700; cursor: pointer; transition: opacity .15s; white-space: nowrap; }
.copy-prompt-btn:hover { opacity: .82; }
/* PASTE ZONE */
.pastezone { border-top: 1px solid #e0e0e0; background: #f5f5f5; display: flex; flex-direction: column; gap: 8px; padding: 13px; }
.paste-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; }
.paste-step { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #555; }
.paste-hint { font-size: 11px; color: #888; }
.paste-hint.ok { color: #2a7a2a; font-weight: 600; }
.paste-hint.err { color: #b00020; }
#pt { font-family: monospace; font-size: 12px; min-height: 72px; background: #fff; border-radius: 8px; }
.sbar { padding: 5px 13px; border-top: 1px solid #e0e0e0; display: flex; align-items: center; justify-content: space-between; background: #f5f5f5; }
.stxt { font-size: 11px; color: #888; }
.stxt.err { color: #b00020; }
.stxt.ok { color: #2a7a2a; font-weight: 600; }
.cct { font-size: 11px; font-family: monospace; color: #aaa; }
.divider { height: 1px; background: #f0f0f0; margin: 4px 0; }