/* V39_GENERATOR_INFORMATION_ARCHITECTURE_V2 */

#v88GeneratorWorkspaceV2 {
  margin-top: 18px;
}

.v88-step-nav {
  position: sticky;
  top: 8px;
  z-index: 35;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  padding: 9px;
  margin-bottom: 16px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 16px;
  background: rgba(7, 17, 31, .96);
  box-shadow: 0 14px 35px rgba(0, 0, 0, .24);
  backdrop-filter: blur(14px);
}

.v88-step-nav button,
.v88-theme-tabs button {
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 11px;
  background: rgba(255, 255, 255, .045);
  color: #cbd5e1;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.v88-step-nav button.active,
.v88-theme-tabs button.active {
  border-color: rgba(56, 189, 248, .65);
  background: linear-gradient(135deg, #38bdf8, #22c55e);
  color: #041522;
}

.v88-layout-panel {
  display: none;
  animation: v88PanelIn .18s ease;
}

.v88-layout-panel.active {
  display: block;
}

@keyframes v88PanelIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

.v88-panel-intro,
.v88-layout-subsection,
.v88-theme-editor-head,
.v88-theme-general,
.v88-module-card,
.v88-save-status {
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

.v88-panel-intro {
  padding: 15px 17px;
  margin-bottom: 13px;
  background: linear-gradient(
    135deg,
    rgba(56, 189, 248, .11),
    rgba(34, 197, 94, .055)
  );
}

.v88-panel-intro h4,
.v88-subsection-head h4 {
  margin: 0;
  color: #f8fafc;
}

.v88-panel-intro p,
.v88-subsection-head p {
  margin: 6px 0 0;
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.45;
}

.v88-layout-subsection {
  padding: 14px;
  margin: 12px 0;
}

.v88-layout-subsection > .generator-v88-grid {
  margin-top: 12px;
}

.v88-theme-tabs {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 12px;
}

.v88-theme-tabs button {
  min-height: 48px;
  font-size: 11px;
}

.v88-theme-editor-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  margin-bottom: 10px;
}

.v88-theme-editor-head b {
  display: block;
  color: #f8fafc;
  font-size: 17px;
}

.v88-theme-editor-head small {
  color: #7dd3fc;
}

.v88-theme-general {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
  margin-bottom: 10px;
}

.v88-theme-general label,
.v88-module-controls label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 750;
}

.v88-module-list {
  display: grid;
  gap: 8px;
}

.v88-module-card {
  overflow: hidden;
}

.v88-module-card summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 15px;
  color: #e2e8f0;
  font-weight: 850;
  cursor: pointer;
  list-style: none;
}

.v88-module-card summary::-webkit-details-marker {
  display: none;
}

.v88-module-card summary small {
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(56, 189, 248, .11);
  color: #7dd3fc;
}

.v88-module-controls {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  border-top: 1px solid rgba(148, 163, 184, .15);
}

.v88-module-controls input,
.v88-module-controls select,
.v88-theme-general input,
.v88-theme-general select {
  min-width: 0;
  margin: 0;
}

.v88-module-controls input[type="color"] {
  width: 100%;
  height: 42px;
  padding: 4px;
  cursor: pointer;
}

.v88-check {
  flex-direction: row !important;
  align-items: center;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 11px;
}

.v88-check input,
.v88-color-check input[type="checkbox"] {
  width: auto;
  margin: 0;
}

.v88-color-check > span:last-child {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
}

.v88-save-status {
  padding: 11px 13px;
  margin-top: 11px;
  color: #86efac;
  font-size: 12px;
  text-align: center;
}

.v88-schedule-editor {
  display: grid;
  gap: 8px;
}

.v88-same-schedule {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 13px;
  border: 1px solid rgba(56, 189, 248, .28);
  border-radius: 13px;
  background: rgba(56, 189, 248, .07);
  color: #dbeafe;
  font-weight: 850;
}

.v88-same-schedule input {
  width: auto;
  margin: 0;
}

.v88-schedule-row {
  display: grid;
  grid-template-columns: minmax(125px, 1fr) minmax(140px, 1fr) 125px 18px 125px;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border: 1px solid rgba(148, 163, 184, .15);
  border-radius: 12px;
  background: rgba(255, 255, 255, .03);
}

.v88-schedule-row input,
.v88-schedule-row select {
  min-width: 0;
  margin: 0;
}

.v88-schedule-row.closed {
  background: rgba(239, 68, 68, .055);
}

.v88-schedule-row.always {
  background: rgba(34, 197, 94, .055);
}

#v88ResultsPanel .generator-v88-actions {
  margin-top: 12px;
}

@media (max-width: 920px) {
  .v88-step-nav {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v88-theme-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v88-module-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v88-schedule-row {
    grid-template-columns: 1fr 1fr;
  }

  .v88-schedule-row > b {
    grid-column: 1 / -1;
  }

  .v88-schedule-row > span {
    display: none;
  }
}

@media (max-width: 560px) {
  .v88-step-nav,
  .v88-theme-tabs,
  .v88-theme-general,
  .v88-module-controls,
  .v88-schedule-row {
    grid-template-columns: 1fr;
  }

  .v88-theme-editor-head {
    align-items: stretch;
    flex-direction: column;
  }

  .v88-theme-editor-head .btn {
    width: 100%;
  }
}

/* V39_THEME_DEFAULT_REGISTRY_V3 */
.v88-global-theme-controls{
  margin:0 0 18px;
  padding:18px;
  border:1px solid rgba(56,189,248,.28);
  border-radius:18px;
  background:rgba(8,47,73,.20);
}
.v88-global-theme-controls .generator-v88-grid{margin-top:12px}
.v88-default-result-note{
  margin:14px 0;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(56,189,248,.10);
  border:1px solid rgba(56,189,248,.20);
  color:#c7e9f7;
  line-height:1.5;
}
.v88-theme-palette{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.v88-color-row{display:flex!important;align-items:center;gap:10px}
.v88-color-row input[type="color"]{width:58px;min-width:58px;height:42px;padding:3px;cursor:pointer}
.v88-color-row code{font-size:12px;color:#dbeafe;background:#071120;padding:5px 8px;border-radius:8px}
.v88-color-field small,.v88-module-controls small,.v88-theme-general small{
  display:flex;align-items:center;gap:6px;margin-top:5px;color:#8eb5c7;font-size:11px;line-height:1.35
}
.v88-color-field small i,.v88-theme-tabs small i{
  display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--v88-swatch);border:1px solid rgba(255,255,255,.32);flex:0 0 auto
}
.v88-theme-tabs button{display:flex;flex-direction:column;align-items:center;gap:3px}
.v88-theme-tabs button small{display:flex;align-items:center;gap:4px;font-size:10px;opacity:.78}
.v88-theme-editor-head>div{display:flex;flex-direction:column;gap:3px}
.v88-theme-editor-head small{color:#8eb5c7}
.v88-module-card summary{align-items:flex-start}
.v88-module-card summary span{font-weight:800}
.v88-module-card summary small{max-width:64%;text-align:right;line-height:1.35;color:#8eb5c7}
.v88-module-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
.v88-module-controls input[type="range"]{width:100%;padding:0}
#v88ContactGrid .field:has(input[type="checkbox"]),
#v88ContactGrid .contact-method-checks{justify-content:center;text-align:center}
#v88BrandGrid .langs,#v88BrandGrid .language-checks{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;overflow-x:auto}
@media(max-width:980px){
  .v88-theme-palette,.v88-module-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .v88-theme-palette,.v88-module-controls{grid-template-columns:1fr}
  .v88-module-card summary{flex-direction:column}
  .v88-module-card summary small{max-width:none;text-align:left}
}

/* V39_THEME_BLOCK_PREVIEW_V4 */
.v88-module-preview-wrap{
  margin:14px 0 4px;
  padding:12px;
  border:1px solid rgba(56,189,248,.25);
  border-radius:16px;
  background:rgba(2,12,27,.42);
}
.v88-preview-compare{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:10px;
}
.v88-preview-compare span{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:9px 11px;
  border-radius:11px;
  background:rgba(15,23,42,.68);
  color:#cbd5e1;
  font-size:12px;
}
.v88-preview-compare b{color:#7dd3fc;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.v88-module-preview{
  position:relative;
  min-height:210px;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 18px 55px rgba(0,0,0,.22);
  transition:transform .25s ease,box-shadow .25s ease;
}
.v88-module-preview.is-empty{
  background-color:transparent!important;
  background-image:linear-gradient(45deg,rgba(148,163,184,.10) 25%,transparent 25%),linear-gradient(-45deg,rgba(148,163,184,.10) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(148,163,184,.10) 75%),linear-gradient(-45deg,transparent 75%,rgba(148,163,184,.10) 75%)!important;
  background-size:20px 20px!important;
  background-position:0 0,0 10px,10px -10px,-10px 0!important;
}
.v88-module-preview-content{
  min-height:210px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:26px;
  text-align:left;
}
.v88-module-preview-content>div{max-width:680px}
.v88-module-preview-content small{display:block;margin-bottom:8px;color:inherit;opacity:.74;font-size:12px}
.v88-module-preview-content h5{margin:0 0 10px;line-height:1.08;max-width:100%;overflow-wrap:anywhere}
.v88-module-preview-content p{margin:0;line-height:1.45;max-width:720px}
.v88-module-preview-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:18px;
  color:white;
  background:linear-gradient(135deg,#6d5dfc,#ec4899);
  box-shadow:0 12px 30px rgba(109,93,252,.32);
}
.v88-preview-warning{display:block;margin-top:8px;color:#fbbf24!important}
.v88-preview-effect-soft-lift:hover,.v88-preview-effect-minimal-lift:hover{transform:translateY(-3px)}
.v88-preview-effect-neon-lift:hover{transform:translateY(-4px);box-shadow:0 18px 55px rgba(139,92,246,.42)}
.v88-preview-effect-glow,.v88-preview-effect-counter-glow{box-shadow:0 0 35px rgba(139,92,246,.40)}
.v88-preview-effect-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.v88-preview-effect-tilt:hover{transform:translateY(-3px) rotate(-.5deg)}
.v88-preview-effect-fade{animation:v88PreviewFade .72s ease both}
.v88-preview-effect-slow-zoom,.v88-preview-effect-cinematic{animation:v88PreviewBackground 12s ease-in-out infinite alternate}
@keyframes v88PreviewFade{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes v88PreviewBackground{from{background-size:100% auto}to{background-size:108% auto}}
@media(max-width:680px){
  .v88-preview-compare{grid-template-columns:1fr}
  .v88-module-preview-content{min-height:190px;padding:20px;align-items:flex-start}
  .v88-module-preview-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px}
}
@media(prefers-reduced-motion:reduce){
  .v88-module-preview{animation:none!important;transition:none!important}
}

/* V39_GENERATOR_POLISH_EFFECTS_ICONS_V7 */
.v88-effect-intensity input[type="range"]{
  width:100%;
  padding:0;
}
.v88-effect-intensity b{
  color:#7dd3fc;
}
.v88-preview-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  margin-top:14px;
  padding:9px 17px;
  border:0;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#6d5dfc,#ec4899);
  cursor:pointer;
  font:inherit;
  font-weight:800;
}
.v88-preview-effect-lift:hover{
  transform:translateY(var(--v88-effect-shift,-6px));
}
.v88-preview-effect-shadow{
  box-shadow:0 18px var(--v88-effect-glow,36px) rgba(15,23,42,.36)!important;
}
.v88-preview-effect-pulse{
  animation:v88PreviewPulse var(--v88-effect-duration,1.3s) ease-in-out infinite;
}
.v88-preview-effect-ripple{
  animation:v88PreviewRipple var(--v88-effect-duration,1.3s) ease-out infinite;
}
.v88-preview-effect-float{
  animation:v88PreviewFloat var(--v88-effect-float-duration,2.8s) ease-in-out infinite;
}
.v88-preview-effect-reveal{
  animation:v88PreviewReveal var(--v88-effect-duration,1.3s) ease both;
}
.v88-preview-effect-gradient{
  color:transparent!important;
  background:linear-gradient(90deg,#6d5dfc,#ec4899,#f59e0b);
  background-clip:text;
  -webkit-background-clip:text;
}
.v88-preview-effect-typing{
  overflow:hidden;
  animation:v88PreviewTyping var(--v88-effect-duration,1.3s) steps(18,end) both;
}
.v88-preview-effect-slide{
  animation:v88PreviewSlide var(--v88-effect-duration,1.3s) ease both;
}
.v88-preview-effect-stagger{
  animation:v88PreviewStagger var(--v88-effect-duration,1.3s) ease both;
  animation-delay:.14s;
}
.v88-common-icon-picker{
  margin-top:7px;
  border:1px solid rgba(56,189,248,.20);
  border-radius:11px;
  background:rgba(2,12,27,.35);
}
.v88-common-icon-picker summary{
  padding:8px 10px;
  color:#9bd7ef;
  cursor:pointer;
  font-size:12px;
  font-weight:750;
}
.v88-common-icon-picker>div{
  display:grid;
  grid-template-columns:repeat(8,minmax(34px,1fr));
  gap:5px;
  padding:8px;
}
.v88-common-icon-picker button{
  min-width:0;
  min-height:36px;
  padding:4px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:9px;
  color:#fff;
  background:rgba(15,23,42,.72);
  cursor:pointer;
  font-size:18px;
}
.v88-common-icon-picker button:hover{
  border-color:#38bdf8;
  background:rgba(14,116,144,.25);
}
@keyframes v88PreviewPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.045)}
}
@keyframes v88PreviewRipple{
  0%{box-shadow:0 0 0 0 rgba(109,93,252,.42)}
  100%{box-shadow:0 0 0 var(--v88-effect-glow,36px) rgba(109,93,252,0)}
}
@keyframes v88PreviewFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(var(--v88-effect-shift,-6px))}
}
@keyframes v88PreviewReveal{
  from{opacity:0;clip-path:inset(0 100% 0 0)}
  to{opacity:1;clip-path:inset(0)}
}
@keyframes v88PreviewTyping{
  from{clip-path:inset(0 100% 0 0)}
  to{clip-path:inset(0)}
}
@keyframes v88PreviewSlide{
  from{opacity:0;transform:translateX(var(--v88-effect-shift,-6px))}
  to{opacity:1;transform:none}
}
@keyframes v88PreviewStagger{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
@media(max-width:680px){
  .v88-common-icon-picker>div{grid-template-columns:repeat(6,minmax(34px,1fr))}
}
@media(prefers-reduced-motion:reduce){
  [class*="v88-preview-effect-"]{animation:none!important;transition:none!important}
}