.kzw-shell, .kzw-shell * { box-sizing: border-box; }
.kzw-shell {
  --kzw-bg: #050705;
  --kzw-panel: #0a0f0b;
  --kzw-panel-soft: #0f1510;
  --kzw-line: rgba(255,255,255,.14);
  --kzw-line-strong: rgba(151,231,73,.44);
  --kzw-text: #f6f8f4;
  --kzw-muted: #c1cbbd;
  --kzw-soft: #dce5d8;
  --kzw-green: #91e84b;
  --kzw-green-2: #62c92d;
  --kzw-danger: #f2b84b;
  color: var(--kzw-text);
  font-family: inherit;
}
.kzw-shell button,
.kzw-shell input,
.kzw-shell select,
.kzw-shell textarea {
  font-family:inherit;
}
.kzw-shell a,
.kzw-shell button {
  color:inherit;
}
.kzw-app {
  position: relative;
  width:min(1320px, calc(100% - 44px));
  margin:0 auto;
  background: linear-gradient(180deg, #060806, #020302);
  border: 1px solid var(--kzw-line);
  border-radius: 8px;
  padding: clamp(16px, 2.4vw, 28px);
  overflow: clip;
}
.kzw-app:before,
.kzw-app:after {
  content:"";
  position:absolute;
  inset:auto auto 0 0;
  width:58%;
  height:58%;
  background:radial-gradient(circle, rgba(145,232,75,.16), transparent 62%);
  filter:blur(18px);
  opacity:.55;
  transform:translate(-22%, 26%);
  animation:kzwGlow 12s ease-in-out infinite alternate;
  pointer-events:none;
}
.kzw-app:after {
  inset:0 0 auto auto;
  width:48%;
  height:48%;
  opacity:.42;
  transform:translate(18%, -28%);
  animation-duration:15s;
}
@keyframes kzwGlow {
  from { opacity:.25; transform:translate(-24%, 24%) scale(.96); }
  to { opacity:.62; transform:translate(-12%, 16%) scale(1.08); }
}
.kzw-card { max-width: 1240px; margin: 0 auto; position:relative; z-index:1; }
.kzw-config-head { display: grid; gap: 18px; margin-bottom: 20px; }
.kzw-title-row { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }
.kzw-title-row h2 { margin:0; font-size: clamp(25px, 2.25vw, 34px); letter-spacing:0; line-height:1.12; font-weight:760; }
.kzw-title-row p { margin:7px 0 0; color: var(--kzw-muted); font-size: 15px; line-height:1.55; font-weight:400; }
.kzw-shell h1,
.kzw-shell h2,
.kzw-shell h3,
.kzw-shell h4,
.kzw-title-row h2,
.kzw-step h3,
.kzw-section-label {
  color:#fff !important;
}
.kzw-title-row p,
.kzw-step > p {
  color:#e9f1e4 !important;
}
.kzw-mini-total { display:none; color:var(--kzw-green); font-weight:760; font-size:22px; white-space:nowrap; }
.kzw-steps {
  display:grid;
  grid-template-columns:repeat(9,minmax(72px,1fr));
  gap:10px;
  overflow-x:auto;
  padding:6px 0 4px;
  scrollbar-width: thin;
}
.kzw-steps button {
  appearance:none;
  border:0;
  background: transparent;
  color:#d8e0d4;
  min-width:78px;
  min-height:70px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  padding:0;
  cursor:pointer;
  font-size:13px;
  line-height:1.2;
  white-space:normal;
  text-align:center;
}
.kzw-steps button span {
  width:40px;
  height:40px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.24);
  background:#111713;
  color:#fff;
  font-size:16px;
  font-weight:760;
  flex:0 0 auto;
  box-shadow:0 0 0 5px rgba(255,255,255,.025);
}
.kzw-steps .is-active { color:#fff; }
.kzw-steps .is-active span { background:var(--kzw-green); color:#071006; border-color:var(--kzw-green); box-shadow:0 0 26px rgba(145,232,75,.32); }
.kzw-steps.is-muted button:not(:first-child) { opacity:.38; }
.kzw-progress { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; color:#cbd4c8; font-size:14px; }
.kzw-progress div { height:8px; border-radius:999px; background:rgba(255,255,255,.07); overflow:hidden; }
.kzw-progress i { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--kzw-green),var(--kzw-green-2)); }
.kzw-progress b { color:var(--kzw-green); }
.kzw-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:18px; align-items:stretch; }
.kzw-workspace {
  display:grid;
  grid-template-rows:690px 62px;
  gap:14px;
  min-height:766px;
}
.kzw-main {
  height:690px;
  overflow-y:auto;
  overflow-x:hidden;
  border:1px solid var(--kzw-line);
  border-radius:8px;
  background:rgba(0,0,0,.22);
  padding: clamp(16px, 2vw, 24px);
  scrollbar-width:thin;
  scrollbar-color:rgba(145,232,75,.72) rgba(255,255,255,.045);
}
.kzw-main::-webkit-scrollbar,
.kzw-summary-list::-webkit-scrollbar { width:9px; }
.kzw-main::-webkit-scrollbar-track,
.kzw-summary-list::-webkit-scrollbar-track {
  background:linear-gradient(180deg, rgba(145,232,75,.08), rgba(255,255,255,.04));
  border-radius:999px;
}
.kzw-main::-webkit-scrollbar-thumb,
.kzw-summary-list::-webkit-scrollbar-thumb {
  border:2px solid rgba(5,7,5,.92);
  border-radius:999px;
  background:linear-gradient(180deg, var(--kzw-green), rgba(98,201,45,.55));
}
.kzw-step { display:grid; gap:18px; }
.kzw-step[data-step="materials"],
.kzw-step[data-step="domain_hosting"],
.kzw-step[data-step="extras"] { gap:10px; }
.kzw-step[data-step="scope"] .kzw-slider {
  width:min(620px, 100%);
  margin:18px auto 0;
}
.kzw-step[data-step="scope"] .kzw-options {
  display:flex;
  justify-content:center;
}
.kzw-step h3 { margin:0; font-size:23px; letter-spacing:0; font-weight:720; }
.kzw-step > p { margin:-8px 0 0; color:var(--kzw-muted); font-size:15px; line-height:1.5; max-width:760px; }
.kzw-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.kzw-options--icons { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.kzw-options--style { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.kzw-step[data-step="project"] .kzw-options { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.kzw-option {
  position:relative;
  width:100%;
  min-height:118px;
  border:1px solid var(--kzw-line);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.026));
  color:var(--kzw-text);
  border-radius:8px;
  padding:16px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:8px;
  text-align:left;
  cursor:pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
  overflow:visible;
}
.kzw-next:after,
.kzw-pay:after,
.kzw-back:after,
.kzw-save-link:after {
  content:"";
  position:absolute;
  inset:-60% auto -60% -35%;
  width:34%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
  transform:skewX(-18deg) translateX(-120%);
  opacity:0;
  pointer-events:none;
}
.kzw-next:hover:after,
.kzw-pay:hover:after,
.kzw-back:hover:after,
.kzw-save-link:hover:after {
  opacity:1;
  animation:kzwShine .9s ease forwards;
}
@keyframes kzwShine { to { transform:skewX(-18deg) translateX(640%); } }
.kzw-option:hover { border-color:rgba(145,232,75,.44); background:rgba(145,232,75,.055); }
.kzw-option.is-selected { border-color:var(--kzw-green); background:rgba(145,232,75,.09); box-shadow:inset 0 0 0 1px rgba(145,232,75,.12); }
.kzw-option--pulse {
  overflow:hidden;
  isolation:isolate;
}
.kzw-option--pulse > * {
  position:relative;
  z-index:2;
}
.kzw-option--pulse:after {
  content:"";
  position:absolute;
  inset:0 auto 0 -45%;
  z-index:1;
  width:34%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), rgba(172,255,94,.32), rgba(255,255,255,.08), transparent);
  transform:skewX(-18deg) translateX(-120%);
  pointer-events:none;
  animation:kzwOptionShine 3s ease-in-out infinite;
}
.kzw-option--pulse:hover {
  border-color:rgba(172,255,94,.55);
  background:rgba(145,232,75,.07);
}
@keyframes kzwOptionShine {
  0%, 58% { transform:skewX(-18deg) translateX(-140%); opacity:0; }
  68% { opacity:1; }
  88%, 100% { transform:skewX(-18deg) translateX(520%); opacity:0; }
}
.kzw-ribbon {
  position:absolute;
  right:12px;
  top:10px;
  z-index:3;
  border:1px solid rgba(172,255,94,.65);
  border-radius:999px;
  padding:4px 12px;
  background:linear-gradient(180deg,#c7ff83,#77d53d);
  color:#071006;
  font-family:inherit;
  font-size:13px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  box-shadow:0 10px 26px rgba(145,232,75,.22);
}
.kzw-option__check {
  position:absolute;
  right:12px;
  top:12px;
  width:22px;
  height:22px;
  border-radius:50%;
  display:none;
  place-items:center;
  background:var(--kzw-green);
  color:#071006;
}
.kzw-option__check:before {
  content:"";
  width:9px;
  height:5px;
  border-left:2px solid #071006;
  border-bottom:2px solid #071006;
  transform:rotate(-45deg) translate(1px, -1px);
}
.kzw-option.is-selected .kzw-option__check { display:grid; }
.kzw-option__icon {
  position:static;
  transform:none;
  width:34px;
  height:34px;
  border-radius:8px;
  border:1px solid rgba(145,232,75,.22);
  background:rgba(145,232,75,.07);
  color:var(--kzw-green);
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:760;
}
.kzw-option__icon svg {
  width:21px;
  height:21px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.kzw-option__image {
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin:0 auto 8px;
}
.kzw-option__image img {
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.34));
}
.kzw-option__copy { display:grid; gap:5px; min-width:0; padding-right:8px; }
.kzw-option strong { font-size:16px; line-height:1.25; letter-spacing:0; font-weight:700; }
.kzw-option small { color:#d0d8cc; line-height:1.45; font-size:13px; }
.kzw-option em { color:var(--kzw-green); font-style:normal; font-weight:760; white-space:nowrap; margin-top:auto; }
.kzw-step[data-step="project"] .kzw-option {
  min-height:315px;
  padding:24px 18px;
  text-align:center;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
}
.kzw-step[data-step="project"] .kzw-option__icon {
  position:static;
  transform:none;
  width:54px;
  height:54px;
  font-size:15px;
  margin-bottom:4px;
}
.kzw-step[data-step="project"] .kzw-option__image {
  width:82px;
  height:82px;
  margin:0 auto 10px;
  flex:0 0 82px;
}
.kzw-step[data-step="project"] .kzw-option__copy {
  align-items:center;
  grid-template-rows:auto minmax(42px, auto) minmax(92px, auto);
  width:100%;
  min-height:168px;
  padding-right:0;
}
.kzw-step[data-step="project"] .kzw-option small { max-width:260px; }
.kzw-step[data-step="project"] .kzw-option em {
  margin-top:auto;
  min-height:24px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.kzw-project-list {
  width:100%;
  display:grid;
  gap:6px;
  margin:8px 0 0;
  padding:0;
  list-style:none;
  color:#f7fbf4;
  font-size:12px;
  line-height:1.3;
}
.kzw-project-list li {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.kzw-project-list li:before {
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--kzw-green);
  box-shadow:0 0 10px rgba(145,232,75,.45);
}
.kzw-step[data-step="style"] { padding-bottom:150px; }
.kzw-step[data-step="materials"] { padding-bottom:190px; }
.kzw-step[data-step="materials"] .kzw-options {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.kzw-step[data-step="materials"] .kzw-option {
  min-height:168px;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:16px 12px 14px;
  gap:6px;
}
.kzw-step[data-step="materials"] .kzw-option__copy {
  align-items:center;
  padding-right:0;
}
.kzw-step[data-step="materials"] .kzw-option__image {
  width:62px;
  height:52px;
  margin-bottom:10px;
}
.kzw-step[data-step="materials"] .kzw-option strong { font-size:14px; }
.kzw-step[data-step="materials"] .kzw-option small {
  font-size:11px;
  line-height:1.32;
  max-width:260px;
}
.kzw-step[data-step="materials"] .kzw-option em {
  margin-top:0;
  font-size:12px;
}
.kzw-step[data-step="domain_hosting"] .kzw-options { gap:10px; }
.kzw-step[data-step="domain_hosting"] .kzw-group--domain { grid-template-columns:repeat(3,minmax(0,1fr)); }
.kzw-step[data-step="domain_hosting"] .kzw-group--hosting { grid-template-columns:repeat(2,minmax(0,1fr)); }
.kzw-step[data-step="domain_hosting"] .kzw-option {
  min-height:126px;
  padding:14px 12px;
}
.kzw-step[data-step="domain_hosting"] .kzw-group--hosting .kzw-option {
  min-height:194px;
}
.kzw-step[data-step="domain_hosting"] .kzw-option strong { font-size:14px; }
.kzw-step[data-step="domain_hosting"] .kzw-option small { font-size:12px; line-height:1.35; }
.kzw-feature-list {
  margin:3px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:4px;
  color:#dce7d8;
  font-size:12px;
  line-height:1.25;
  text-align:left;
  width:100%;
}
.kzw-option--recommended .kzw-option__copy { width:100%; }
.kzw-feature-list li {
  display:grid;
  grid-template-columns:14px minmax(0,1fr);
  gap:6px;
  align-items:start;
}
.kzw-feature-list li:before {
  content:"✓";
  width:12px;
  height:12px;
  margin-top:1px;
  border-radius:50%;
  background:rgba(145,232,75,.12);
  border:1px solid rgba(145,232,75,.42);
  box-shadow:0 0 12px rgba(145,232,75,.14);
  color:var(--kzw-green);
  display:grid;
  place-items:center;
  font-size:9px;
  line-height:1;
}
.kzw-options--icons .kzw-option {
  min-height:102px;
  align-items:center;
  text-align:center;
  padding:14px 10px;
  gap:7px;
}
.kzw-options--icons .kzw-option__icon { width:34px; height:34px; }
.kzw-options--icons .kzw-option__icon svg { width:19px; height:19px; }
.kzw-options--icons .kzw-option__copy { padding-right:0; }
.kzw-options--icons .kzw-option strong { font-size:13px; }
.kzw-options--icons .kzw-option small { display:none; }
.kzw-options--icons .kzw-option em { font-size:12px; margin-top:0; }
.kzw-step[data-step="extras"] .kzw-options {
  grid-template-columns:1fr;
  gap:8px;
}
.kzw-step[data-step="extras"] .kzw-option {
  min-height:58px;
  padding:10px 42px 10px 12px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}
.kzw-step[data-step="extras"] .kzw-option strong { font-size:14px; }
.kzw-step[data-step="extras"] .kzw-option small {
  display:block;
  font-size:12px;
  line-height:1.3;
  color:#aeb9aa;
  margin-top:2px;
}
.kzw-step[data-step="extras"] .kzw-option__icon { display:none; }
.kzw-step[data-step="extras"] .kzw-option__check {
  position:static;
  display:grid;
  width:20px;
  height:20px;
  border-radius:6px;
  background:transparent;
  border:1px solid rgba(255,255,255,.24);
}
.kzw-step[data-step="extras"] .kzw-option__copy { padding-right:0; }
.kzw-step[data-step="extras"] .kzw-option em { margin-top:0; font-size:12px; }
.kzw-step[data-step="extras"] .kzw-option__check:before { opacity:0; }
.kzw-step[data-step="extras"] .kzw-option.is-selected .kzw-option__check {
  background:var(--kzw-green);
  border-color:var(--kzw-green);
}
.kzw-step[data-step="extras"] .kzw-option.is-selected .kzw-option__check:before { opacity:1; }
.kzw-step[data-step="extras"] .kzw-option.is-wide-note {
  border-color:rgba(145,232,75,.28);
  background:linear-gradient(90deg, rgba(145,232,75,.08), rgba(255,255,255,.025));
}
.kzw-options--style .kzw-option {
  min-height:298px;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:13px 12px 15px;
  overflow:visible;
}
.kzw-options--style .kzw-option__icon {
  width:42px;
  height:42px;
  font-size:13px;
}
.kzw-options--style .kzw-option__image {
  width:100%;
  height:208px;
  margin:0 0 10px;
  border-radius:7px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  background:#060906;
}
.kzw-options--style .kzw-option__image img {
  width:100%;
  height:100%;
  object-fit:contain;
  filter:none;
}
.kzw-options--style .kzw-option__copy {
  align-items:center;
  padding-right:0;
}
.kzw-options--style .kzw-option strong { font-size:16px; }
.kzw-options--style .kzw-option small { font-size:12px; max-width:210px; }
.kzw-options--style .kzw-option em { display:none; }
.kzw-section-label {
  margin:8px 0 2px;
  color:#edf6e9;
  font-size:13px;
  font-weight:760;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.kzw-info-note {
  border:1px solid rgba(145,232,75,.22);
  border-radius:8px;
  background:rgba(145,232,75,.055);
  color:#dce5d8;
  padding:12px 14px;
  line-height:1.45;
  font-size:13px;
}
.kzw-info-note strong { display:block; color:#fff; margin-bottom:4px; }
.kzw-info-note p { margin:0; }
.kzw-info-note p + p { margin-top:8px; }
.kzw-info-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.kzw-style-prefs,
.kzw-print-panel {
  border:0;
  border-radius:8px;
  display:grid;
  gap:12px;
}
.kzw-style-card {
  position:relative;
  border:1px solid var(--kzw-line);
  border-radius:8px;
  background:linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.024));
  padding:14px;
  display:grid;
  gap:10px;
}
.kzw-style-head,
.kzw-print-panel__head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.kzw-style-head strong,
.kzw-print-panel__head strong { color:#fff; font-size:15px; }
.kzw-style-head button {
  min-height:34px;
  border:1px solid rgba(145,232,75,.34);
  border-radius:8px;
  background:rgba(145,232,75,.09);
  color:var(--kzw-green);
  padding:0 12px;
  cursor:pointer;
  transition:background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.kzw-style-head button:hover:not(:disabled) {
  border-color:rgba(172,255,94,.62);
  background:rgba(145,232,75,.16);
  color:#caff8b;
  box-shadow:0 0 18px rgba(145,232,75,.16);
  transform:translateY(-1px);
}
.kzw-style-head button:disabled { opacity:.45; cursor:not-allowed; }
.kzw-empty-hint { margin:0; color:#cfd8cb; font-size:13px; line-height:1.45; }
.kzw-style-head--colors {
  display:grid;
  grid-template-columns:auto auto minmax(230px, 1fr);
  justify-content:start;
  align-items:start;
  position:relative;
}
.kzw-style-head--colors strong {
  min-height:34px;
  display:flex;
  align-items:center;
}
.kzw-color-popover {
  position:relative;
  z-index:20;
  width:100%;
  max-width:430px;
  border:1px solid rgba(145,232,75,.28);
  border-radius:8px;
  background:rgba(7,10,8,.98);
  box-shadow:0 18px 42px rgba(0,0,0,.44), 0 0 24px rgba(145,232,75,.12);
  padding:10px;
}
.kzw-color-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.kzw-color-row {
  position:relative;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:6px;
  align-items:center;
}
.kzw-color-row input[type=color] {
  width:40px;
  height:38px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  background:#070a08;
  padding:3px;
}
.kzw-color-row input[type=text],
.kzw-print-grid select {
  min-height:38px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  background:#070a08;
  color:#fff;
  padding:0 10px;
}
.kzw-remove-color {
  position:absolute;
  right:-8px;
  top:-8px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid rgba(145,232,75,.34);
  border-radius:50%;
  background:#0b120d;
  color:#ffffff;
  cursor:pointer;
  font-size:0;
  font-weight:900;
  line-height:1;
  padding:0;
  text-align:center;
  font-family:Arial, sans-serif;
  box-shadow:0 0 0 3px rgba(0,0,0,.28), 0 0 14px rgba(145,232,75,.12);
}
.kzw-remove-color:before,
.kzw-remove-color:after {
  content:"";
  position:absolute;
  width:10px;
  height:2px;
  border-radius:999px;
  background:#ffffff;
}
.kzw-remove-color:before { transform:rotate(45deg); }
.kzw-remove-color:after { transform:rotate(-45deg); }
.kzw-remove-color:hover {
  border-color:rgba(145,232,75,.72);
  background:#142016;
}
.kzw-font-picker { position:relative; }
.kzw-font-picked { display:grid; gap:8px; }
.kzw-font-row {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 22px;
  gap:7px;
}
.kzw-font-current {
  min-height:42px;
  width:100%;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  background:#070a08;
  color:#fff;
  text-align:left;
  padding:0 12px;
  cursor:pointer;
}
.kzw-remove-font {
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  align-self:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:#111713;
  color:#dce5d8;
  cursor:pointer;
  padding:0;
  font-size:12px;
  font-weight:800;
  line-height:1;
  text-align:center;
  font-family:Arial, sans-serif;
}
.kzw-font-list {
  grid-column:1 / -1;
  display:grid;
  gap:6px;
  max-height:260px;
  overflow:auto;
  border:1px solid rgba(145,232,75,.24);
  border-radius:8px;
  background:#070a08;
  padding:8px;
}
.kzw-font-list[hidden] { display:none; }
.kzw-font-list button {
  min-height:36px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  background:rgba(255,255,255,.035);
  color:#fff;
  text-align:left;
  padding:0 10px;
  cursor:pointer;
}
.kzw-font-list button.is-selected {
  border-color:rgba(145,232,75,.55);
  background:rgba(145,232,75,.1);
  color:var(--kzw-green);
}
.kzw-print-panel {
  grid-column:1 / -1;
  margin-top:6px;
  margin-bottom:6px;
  border:1px solid rgba(145,232,75,.18);
  background:rgba(145,232,75,.035);
  padding:12px;
  animation:kzwPanelIn .18s ease-out;
}
@keyframes kzwPanelIn {
  from { opacity:0; transform:translateY(-6px); }
  to { opacity:1; transform:translateY(0); }
}
.kzw-print-panel__head em {
  color:var(--kzw-green);
  font-style:normal;
  font-weight:760;
}
.kzw-print-range {
  display:grid;
  gap:8px;
  max-width:620px;
  margin:0 auto;
  width:100%;
}
.kzw-print-range span { color:#f3f7f0; font-weight:700; }
.kzw-print-range i { display:flex; justify-content:space-between; color:#cfd8cb; font-style:normal; font-size:12px; }
.kzw-print-range input[type=range] {
  width:100%;
  height:30px;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  cursor:pointer;
}
.kzw-print-range input[type=range]::-webkit-slider-runnable-track {
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(145,232,75,.9), rgba(145,232,75,.34) 46%, rgba(255,255,255,.14));
}
.kzw-print-range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance:none;
  appearance:none;
  width:18px;
  height:18px;
  border-radius:50%;
  margin-top:-7px;
  border:2px solid #eaffdc;
  background:var(--kzw-green);
  box-shadow:0 0 0 6px rgba(145,232,75,.14), 0 8px 24px rgba(0,0,0,.35);
}
.kzw-print-range input[type=range]::-moz-range-track {
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(145,232,75,.9), rgba(145,232,75,.34) 46%, rgba(255,255,255,.14));
}
.kzw-print-range input[type=range]::-moz-range-thumb {
  width:18px;
  height:18px;
  border-radius:50%;
  border:2px solid #eaffdc;
  background:var(--kzw-green);
}
.kzw-check-line {
  display:flex;
  gap:8px;
  align-items:center;
  color:#dce5d8;
  font-size:13px;
}
.kzw-check-line input {
  width:18px;
  height:18px;
  accent-color:var(--kzw-green);
}
.kzw-print-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.kzw-print-grid label { display:grid; gap:6px; color:#f3f7f0; font-size:13px; font-weight:700; }
.kzw-segments { display:flex; gap:8px; flex-wrap:wrap; }
.kzw-segments label {
  border:1px solid var(--kzw-line);
  border-radius:8px;
  padding:8px 10px;
  color:#ffffff !important;
  background:rgba(255,255,255,.035);
}
.kzw-format-icons { display:flex; gap:8px; }
.kzw-format-icons span {
  display:grid;
  place-items:center;
  color:var(--kzw-green);
  border:1px solid rgba(145,232,75,.3);
  background:rgba(145,232,75,.06);
  border-radius:6px;
  font-size:12px;
  font-weight:760;
}
.kzw-format-icons span:nth-child(1) { width:32px; height:44px; }
.kzw-format-icons span:nth-child(2) { width:44px; height:62px; }
.kzw-format-icons span:nth-child(3) { width:58px; height:32px; }
.kzw-icon-choice {
  display:grid;
  gap:9px;
}
.kzw-icon-choice > strong {
  color:#fff;
  font-size:13px;
}
.kzw-icon-choice > div {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.kzw-icon-choice button {
  min-height:112px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  color:#fff !important;
  display:grid;
  gap:6px;
  place-items:center;
  padding:8px;
  cursor:pointer;
}
.kzw-icon-choice button:hover {
  border-color:rgba(145,232,75,.42);
  background:rgba(145,232,75,.07);
}
.kzw-icon-choice button.is-selected {
  border-color:var(--kzw-green);
  box-shadow:inset 0 0 0 1px rgba(145,232,75,.22), 0 0 22px rgba(145,232,75,.12);
  background:rgba(145,232,75,.1);
}
.kzw-icon-choice img {
  width:100%;
  height:72px;
  object-fit:contain;
  display:block;
}
.kzw-icon-choice span {
  font-size:12px;
  color:#fff;
  text-align:center;
}
.kzw-nav {
  min-height:62px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  border:1px solid rgba(145,232,75,.18);
  border-radius:8px;
  background:linear-gradient(180deg, rgba(145,232,75,.045), rgba(0,0,0,.24));
  padding:9px;
}
.kzw-shell .kzw-next,
.kzw-shell .kzw-pay {
  position:relative;
  overflow:hidden;
  min-height:44px;
  border:1px solid rgba(145,232,75,.62) !important;
  border-radius:8px;
  padding:0 22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), transparent 28%, rgba(255,255,255,.08) 58%, transparent 78%),
    linear-gradient(180deg,#9df05a,#67c92f) !important;
  background-size:220% 100%, 100% 100%;
  color:#061005 !important;
  font-weight:760;
  text-decoration:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 12px 28px rgba(80,185,40,.16), inset 0 1px 0 rgba(255,255,255,.22) !important;
  transform:none !important;
}
.kzw-btn-arrow {
  width:18px;
  height:18px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .18s ease;
}
.kzw-shell .kzw-next:hover .kzw-btn-arrow {
  transform:translateX(2px);
}
.kzw-shell .kzw-back:hover .kzw-btn-arrow {
  transform:translateX(-2px);
}
.kzw-shell .kzw-next:hover,
.kzw-shell .kzw-pay:hover {
  background:
    linear-gradient(135deg, rgba(255,255,255,.32), transparent 28%, rgba(255,255,255,.16) 58%, transparent 78%),
    linear-gradient(180deg,#b5fb78,#78dc40) !important;
  background-position:100% 0, 0 0;
  color:#061005 !important;
  transform:none !important;
  box-shadow:0 0 44px rgba(145,232,75,.52), 0 10px 34px rgba(80,185,40,.2), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
.kzw-shell .kzw-next:focus,
.kzw-shell .kzw-next:focus-visible,
.kzw-shell .kzw-pay:focus,
.kzw-shell .kzw-pay:focus-visible,
.kzw-shell .kzw-back:focus,
.kzw-shell .kzw-back:focus-visible,
.kzw-shell .kzw-save-link:focus,
.kzw-shell .kzw-save-link:focus-visible {
  outline:2px solid rgba(145,232,75,.5) !important;
  outline-offset:2px;
  box-shadow:0 0 0 4px rgba(145,232,75,.12) !important;
}
.kzw-shell .kzw-back,
.kzw-shell .kzw-save-link {
  position:relative;
  overflow:hidden;
  min-height:42px;
  border:1px solid rgba(145,232,75,.26) !important;
  border-radius:8px;
  padding:0 18px;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.028)) !important;
  color:#ffffff !important;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.kzw-shell .kzw-back:hover,
.kzw-shell .kzw-save-link:hover {
  border-color:rgba(145,232,75,.5) !important;
  background:linear-gradient(180deg, rgba(145,232,75,.12), rgba(255,255,255,.035)) !important;
  color:#ffffff !important;
}
.kzw-select-row, .kzw-slider {
  border:1px solid var(--kzw-line);
  border-radius:8px;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.026));
  padding:16px;
}
.kzw-select-row { display:grid; gap:8px; }
.kzw-step[data-step="materials"] .kzw-section-label { margin:4px 0 0; }
.kzw-step[data-step="materials"] .kzw-select-row {
  gap:6px;
  padding:10px 12px;
}
.kzw-select-row span { color:#f3f7f0; font-weight:720; }
.kzw-select-row select {
  min-height:44px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.18);
  background:#070a08;
  color:#fff;
  padding:0 12px;
}
.kzw-step[data-step="materials"] .kzw-select-row select { min-height:38px; }
.kzw-step[data-step="materials"] .kzw-select-row small { font-size:12px; }
.kzw-select-row small { color:#d0d8cc; line-height:1.45; }
.kzw-slider { display:grid; gap:14px; }
.kzw-slider__head { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; }
.kzw-slider__head .kzw-option__image {
  width:58px;
  height:58px;
  margin:0;
}
.kzw-slider__head > div { min-height:72px; display:grid; align-content:center; gap:4px; }
.kzw-slider__head strong { display:block; min-height:24px; font-size:18px; color:#fff; }
.kzw-slider__head small { display:block; min-height:40px; color:#d0d8cc; line-height:1.45; }
.kzw-slider__head em { color:var(--kzw-green); font-style:normal; font-weight:760; white-space:nowrap; }
.kzw-slider input[type=range] {
  width:100%;
  height:30px;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  cursor:pointer;
}
.kzw-slider input[type=range]::-webkit-slider-runnable-track {
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(145,232,75,.9), rgba(145,232,75,.34) 46%, rgba(255,255,255,.14));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);
}
.kzw-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance:none;
  appearance:none;
  width:18px;
  height:18px;
  border-radius:50%;
  margin-top:-7px;
  border:2px solid #eaffdc;
  background:var(--kzw-green);
  box-shadow:0 0 0 6px rgba(145,232,75,.14), 0 8px 24px rgba(0,0,0,.35);
}
.kzw-slider input[type=range]::-moz-range-track {
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(145,232,75,.9), rgba(145,232,75,.34) 46%, rgba(255,255,255,.14));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);
}
.kzw-slider input[type=range]::-moz-range-thumb {
  width:18px;
  height:18px;
  border-radius:50%;
  border:2px solid #eaffdc;
  background:var(--kzw-green);
  box-shadow:0 0 0 6px rgba(145,232,75,.14), 0 8px 24px rgba(0,0,0,.35);
}
.kzw-slider__scale { display:flex; justify-content:space-between; color:#cfd8cb; font-size:12px; }
.kzw-help {
  position:relative;
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  margin-left:7px;
  border-radius:50%;
  border:1px solid rgba(145,232,75,.46);
  color:var(--kzw-green);
  font-style:normal;
  font-size:12px;
  line-height:1;
  z-index:20;
}
.kzw-help span {
  display:none;
}
.kzw-floating-help {
  position:fixed;
  z-index:2147483647;
  border:1px solid rgba(145,232,75,.34);
  border-radius:8px;
  background:#080d09;
  color:#eef6ea;
  padding:10px 11px;
  font-size:12px;
  line-height:1.45;
  box-shadow:0 18px 44px rgba(0,0,0,.5), 0 0 24px rgba(145,232,75,.12);
  opacity:0;
  pointer-events:none;
  transform:translateY(3px);
  transition:opacity .12s ease, transform .12s ease;
}
.kzw-floating-help.is-visible {
  opacity:1;
  transform:translateY(0);
}
.kzw-option:has(.kzw-help:hover),
.kzw-option:has(.kzw-help:focus) {
  z-index:500;
}
.kzw-options,
.kzw-step {
  overflow:visible;
}
.kzw-summary {
  position:sticky;
  top:18px;
  border:1px solid var(--kzw-line);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(13,19,14,.98),rgba(7,10,8,.98));
  padding:18px;
}
.kzw-summary h3 { margin:0 0 12px; font-size:15px; text-transform:uppercase; letter-spacing:.04em; }
.kzw-summary p { margin:0 0 6px; color:#d0d8cc; font-size:13px; }
.kzw-summary > strong { display:block; color:var(--kzw-green); font-size:32px; line-height:1.1; margin-bottom:14px; font-weight:760; }
.kzw-tax { display:grid; gap:6px; border-top:1px solid var(--kzw-line); border-bottom:1px solid var(--kzw-line); padding:10px 0; margin-bottom:12px; color:#c7d1c3; font-size:13px; }
.kzw-tax span, .kzw-summary-list div { display:flex; justify-content:space-between; gap:12px; }
.kzw-summary-list { display:grid; gap:8px; max-height:260px; overflow:auto; padding-right:4px; }
.kzw-summary-list div { color:#dce5d8; font-size:13px; border-bottom:1px solid rgba(255,255,255,.065); padding-bottom:8px; }
.kzw-summary-list b { color:var(--kzw-green); white-space:nowrap; font-weight:760; }
.kzw-summary-list em { color:#d0d8cc; font-style:normal; font-size:13px; }
.kzw-summary-toggle {
  width:100%;
  min-height:38px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 18px;
  align-items:center;
  gap:8px;
  border:1px solid rgba(145,232,75,.24);
  border-radius:8px;
  background:rgba(145,232,75,.055);
  color:#eaf3e6;
  padding:8px 10px;
  cursor:pointer;
  text-align:left;
  font:inherit;
}
.kzw-summary-toggle b { color:var(--kzw-green) !important; }
.kzw-summary-toggle i {
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  border:1px solid rgba(145,232,75,.28);
  color:var(--kzw-green);
  font-style:normal;
  line-height:1;
  transition:transform .16s ease;
}
.kzw-summary-toggle.is-open i { transform:rotate(180deg); }
.kzw-summary-extras {
  display:grid;
  gap:7px;
  padding:8px 0 2px 8px;
  border-left:1px solid rgba(145,232,75,.22);
}
.kzw-summary-extras div { font-size:12px; }
.kzw-missing-box {
  display:grid;
  gap:8px;
  border:1px solid rgba(242,184,75,.36);
  border-radius:8px;
  background:rgba(242,184,75,.07);
  padding:12px;
}
.kzw-missing-box strong { color:#fff2d2; font-size:14px; }
.kzw-missing-box button {
  border:1px solid rgba(242,184,75,.3);
  border-radius:8px;
  background:rgba(0,0,0,.18);
  color:#ffe7b3;
  padding:9px 10px;
  text-align:left;
  cursor:pointer;
}
.kzw-missing-box button:hover { border-color:rgba(242,184,75,.56); background:rgba(242,184,75,.1); }
.kzw-checkout-box { display:grid; gap:12px; max-width:720px; }
.kzw-checkout-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.kzw-checkout-box label { display:grid; gap:7px; color:#dce5da; font-size:14px; }
.kzw-field {
  position:relative;
}
.kzw-field-error {
  position:absolute;
  left:12px;
  top:calc(100% - 2px);
  z-index:8;
  width:max-content;
  max-width:min(280px, calc(100vw - 40px));
  border:1px solid rgba(255,91,91,.42);
  border-radius:8px;
  background:#170606;
  color:#ffdede;
  box-shadow:0 14px 32px rgba(0,0,0,.34), 0 0 18px rgba(255,91,91,.13);
  padding:8px 10px;
  font-size:12px;
  line-height:1.35;
}
.kzw-checkout-box input[type=text],
.kzw-checkout-box input[type=email],
.kzw-link-result input,
.kzw-brief input,
.kzw-brief textarea {
  width:100%;
  min-height:44px;
  border-radius:8px;
  border:1px solid var(--kzw-line);
  background:#060906;
  color:#ffffff !important;
  padding:10px 12px;
}
.kzw-checkout-box input.is-error,
.kzw-checkout-box .kzw-accept.is-error {
  border-color:#ff5b5b !important;
  box-shadow:0 0 0 3px rgba(255,91,91,.14), 0 0 20px rgba(255,91,91,.12) !important;
  animation:kzwFieldError .32s ease;
}
.kzw-checkout-box .kzw-accept.is-error {
  outline:2px solid rgba(255,91,91,.6);
  outline-offset:3px;
}
@keyframes kzwFieldError {
  0%, 100% { transform:translateX(0); }
  25% { transform:translateX(-2px); }
  75% { transform:translateX(2px); }
}
.kzw-checkout-box input::placeholder,
.kzw-brief input::placeholder,
.kzw-brief textarea::placeholder,
.kzw-brief-preview input::placeholder,
.kzw-brief-preview textarea::placeholder {
  color:#8f9a8d !important;
  opacity:1;
}
.kzw-consent { grid-template-columns:auto 1fr!important; align-items:start; }
.kzw-checkout-box p { margin:0; color:#b9c4b6; line-height:1.45; }
.kzw-brief-preview-toggle {
  min-height:42px;
  border:1px solid rgba(145,232,75,.3) !important;
  border-radius:8px;
  background:rgba(145,232,75,.07) !important;
  color:#fff !important;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  padding:0 16px;
  width:max-content;
}
.kzw-brief-preview-toggle:hover {
  border-color:rgba(145,232,75,.58) !important;
  background:rgba(145,232,75,.13) !important;
  color:#fff !important;
}
.kzw-brief-preview {
  display:grid;
  gap:12px;
  border:1px solid rgba(145,232,75,.22);
  border-radius:8px;
  background:rgba(255,255,255,.035);
  padding:14px;
}
.kzw-brief-preview h4 { margin:0; color:#fff; font-size:18px; }
.kzw-brief-preview section {
  display:grid;
  gap:8px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  padding:12px;
}
.kzw-brief-preview section.is-muted {
  background:rgba(255,255,255,.045);
  opacity:.78;
}
.kzw-preview-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.kzw-brief-preview input,
.kzw-brief-preview textarea {
  width:100%;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:#070a08;
  color:#fff;
  padding:10px 12px;
}
.kzw-payment-result { color:var(--kzw-green); display:grid; gap:8px; }
.kzw-payment-result a { color:var(--kzw-green); font-weight:900; }
.kzw-contact-mode {
  min-height:280px;
  align-content:center;
  border:1px solid rgba(242,184,75,.25);
  border-radius:8px;
  padding:22px;
  background:rgba(242,184,75,.05);
}
.kzw-brief-shell {
  min-height:100vh;
  background:
    radial-gradient(circle at 18% 10%, rgba(145,232,75,.11), transparent 28%),
    radial-gradient(circle at 82% 0%, rgba(145,232,75,.08), transparent 30%),
    linear-gradient(180deg,#050705,#020302);
  color:#f4f7f2;
  padding:28px 14px;
}
.kzw-brief {
  max-width:1040px;
  margin:0 auto;
  background:linear-gradient(180deg,rgba(13,19,14,.96),rgba(6,9,7,.98));
  color:#f4f7f2;
  border:1px solid rgba(142,232,63,.22);
  border-radius:10px;
  padding:28px;
  display:grid;
  gap:16px;
  font-family:Inter,system-ui,sans-serif;
  box-shadow:0 24px 80px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04);
}
.kzw-brief-hero {
  display:grid;
  gap:8px;
  padding:6px 2px 8px;
}
.kzw-brief-hero span {
  color:var(--kzw-green);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.kzw-brief section {
  border:1px solid rgba(255,255,255,.11);
  border-radius:8px;
  padding:18px;
  display:grid;
  gap:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}
.kzw-brief h2,
.kzw-brief h3 { color:#fff; margin:0; }
.kzw-brief p { color:#ffffff; line-height:1.55; margin:0; }
.kzw-brief label,
.kzw-brief strong {
  color:#ffffff;
}
.kzw-brief-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.kzw-brief-main-note { min-height:150px; }
.kzw-brief-main-note--company {
  min-height:380px;
  resize:vertical !important;
}
.kzw-brief textarea,
.kzw-wp-editor textarea {
  resize:none;
}
.kzw-wp-editor {
  border:1px solid #d8d8d8;
  border-radius:4px;
  background:#fff;
  overflow:hidden;
  color:#111;
}
.kzw-wp-editor .wp-editor-wrap,
.kzw-wp-editor .wp-editor-tools,
.kzw-wp-editor .wp-editor-container,
.kzw-wp-editor .mce-panel,
.kzw-wp-editor .mce-top-part,
.kzw-wp-editor .mce-edit-area {
  background:#fff !important;
}
.kzw-wp-editor .wp-editor-tools {
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  min-height:38px;
  background:#eeeeee !important;
}
.kzw-wp-editor .wp-editor-tabs,
.kzw-wp-editor .quicktags-toolbar,
.kzw-wp-editor .mce-toolbar-grp,
.kzw-wp-editor .mce-menubar {
  background:#f1f1f1 !important;
  border-color:#ddd !important;
}
.kzw-wp-editor .wp-editor-tabs {
  margin-left:auto !important;
  float:none !important;
}
.kzw-wp-editor .wp-switch-editor {
  background:#f7f7f7 !important;
  border:1px solid #d4d4d4 !important;
  color:#555 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
.kzw-wp-editor .wp-switch-editor.switch-tmce,
.kzw-wp-editor .wp-switch-editor.switch-html {
  min-height:34px !important;
  border-radius:4px 4px 0 0 !important;
}
.kzw-wp-editor .mce-btn button,
.kzw-wp-editor .quicktags-toolbar input,
.kzw-wp-editor button {
  background:#f8f8f8 !important;
  color:#555 !important;
  border-color:#d8d8d8 !important;
  box-shadow:none !important;
}
.kzw-wp-editor .wp-editor-container {
  border:0;
  background:#fff;
  clear:both;
}
.kzw-wp-editor iframe,
.kzw-wp-editor textarea {
  min-height:320px !important;
  background:#fff !important;
  color:#111 !important;
}
.kzw-wp-editor .mce-edit-area iframe {
  background:#fff !important;
}
.kzw-wp-editor textarea {
  border-radius:0 !important;
}
.kzw-file-field {
  min-height:42px;
  width:max-content;
  max-width:100%;
  border:1px dashed rgba(145,232,75,.32);
  border-radius:8px;
  background:rgba(145,232,75,.055);
  display:inline-flex;
  align-items:center;
  padding:6px;
  cursor:pointer;
  overflow:hidden;
}
.kzw-file-field input[type="file"] {
  width:118px;
  max-width:118px;
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
  color:transparent !important;
  font-size:0;
  cursor:pointer;
}
.kzw-file-field input[type="file"]::file-selector-button {
  min-height:30px;
  border:1px solid rgba(145,232,75,.5);
  border-radius:6px;
  background:linear-gradient(180deg,#f5fff0,#dfe9db);
  color:#101510;
  font-size:14px;
  font-weight:650;
  cursor:pointer;
}
.kzw-brief button {
  justify-self:start;
  min-height:44px;
  border:1px solid rgba(145,232,75,.62);
  border-radius:8px;
  padding:0 18px;
  background:linear-gradient(180deg,#9df05a,#67c92f);
  color:#061005;
  font-weight:760;
  cursor:pointer;
}
.kzw-wp-editor button,
.kzw-wp-editor .button,
.kzw-wp-editor .wp-switch-editor,
.kzw-wp-editor .mce-btn button,
.kzw-wp-editor .quicktags-toolbar input {
  min-height:auto !important;
  border-radius:4px !important;
  background:#f8f8f8 !important;
  color:#555 !important;
  border-color:#d8d8d8 !important;
  box-shadow:none !important;
  padding:4px 8px !important;
}
.kzw-checkout-box .kzw-test-mail {
  min-height:42px;
  border:1px solid rgba(145,232,75,.3) !important;
  border-radius:8px;
  background:rgba(145,232,75,.06) !important;
  color:#ffffff !important;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  width:max-content;
}
.kzw-checkout-box .kzw-test-mail:hover {
  border-color:rgba(145,232,75,.54) !important;
  background:rgba(145,232,75,.12) !important;
}
.kzw-brief-demo {
  border:1px solid rgba(145,232,75,.26);
  border-radius:8px;
  background:rgba(145,232,75,.075);
  padding:12px 14px;
}
.kzw-muted-section {
  opacity:1;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.016));
}
.kzw-brief-card {
  position:relative;
}
.kzw-brief-section-title {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:2px;
}
.kzw-brief-icon {
  width:38px;
  height:38px;
  border:1px solid rgba(145,232,75,.34);
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#9cf453;
  background:rgba(145,232,75,.08);
  box-shadow:0 0 20px rgba(145,232,75,.12);
  font-weight:900;
}
.kzw-brief-main-note--vision {
  min-height:150px !important;
  height:150px !important;
  resize:none !important;
}
.kzw-html-editor {
  overflow:hidden;
  border:1px solid #d9d9d9;
  border-radius:6px;
  background:#fff;
}
.kzw-html-toolbar {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;
  min-height:44px;
  padding:7px;
  border-bottom:1px solid #d8d8d8;
  background:#f1f1f1;
}
.kzw-html-toolbar-spacer {
  flex:1 1 auto;
  min-width:10px;
}
.kzw-html-toolbar button,
.kzw-brief .kzw-html-toolbar button {
  min-height:30px;
  border:1px solid #d3d3d3 !important;
  border-radius:4px;
  padding:0 9px;
  background:#ffffff !important;
  color:#333333 !important;
  box-shadow:none !important;
  font-size:13px;
  font-weight:700;
}
.kzw-html-toolbar button.is-active,
.kzw-brief .kzw-html-toolbar button.is-active {
  background:linear-gradient(180deg,#a8f66a,#75d63a) !important;
  border-color:#79cf3a !important;
  color:#071006 !important;
}
.kzw-html-toolbar button:hover,
.kzw-brief .kzw-html-toolbar button:hover {
  background:#f8f8f8 !important;
  border-color:#bdbdbd !important;
}
.kzw-html-area {
  min-height:430px;
  padding:18px 20px;
  background:#ffffff !important;
  color:#111111 !important;
  font-size:16px;
  line-height:1.65;
  outline:none;
  overflow:auto;
  resize:none;
}
.kzw-brief .kzw-html-editor,
.kzw-brief .kzw-html-area,
.kzw-brief .kzw-html-area *,
.kzw-brief .kzw-html-editor .kzw-texts-area {
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  text-shadow:none !important;
}
.kzw-brief .kzw-html-toolbar,
.kzw-brief .kzw-html-toolbar *,
.kzw-brief .kzw-html-toolbar button {
  -webkit-text-fill-color:currentColor !important;
}
.kzw-html-area:empty:before {
  content:attr(data-placeholder);
  color:#777777;
  pointer-events:none;
}
.kzw-html-editor .kzw-texts-area {
  display:block;
  width:100%;
  min-height:430px !important;
  border:0 !important;
  border-radius:0 !important;
}
.kzw-html-editor .kzw-texts-area[hidden],
.kzw-html-area[hidden] {
  display:none !important;
}
.kzw-white-textarea,
.kzw-brief textarea.kzw-white-textarea,
.kzw-texts-area {
  background:#ffffff !important;
  color:#111111 !important;
  border:1px solid #d9d9d9 !important;
  box-shadow:none !important;
  min-height:360px !important;
  resize:none !important;
  line-height:1.65;
  font-size:15px;
}
.kzw-brief textarea:not(.kzw-texts-area),
.kzw-brief .kzw-brief-main-note {
  background:#ffffff !important;
  color:#111111 !important;
  border:1px solid #d9d9d9 !important;
  box-shadow:none !important;
}
.kzw-white-textarea::placeholder,
.kzw-texts-area::placeholder {
  color:#777 !important;
}
.kzw-brief textarea {
  resize:none !important;
}
.kzw-brief-actions {
  display:flex;
  justify-content:center;
  padding:18px 0 4px;
}
.kzw-brief-actions button,
.kzw-brief .kzw-brief-actions button {
  min-width:220px;
  min-height:58px;
  border:1px solid rgba(172,255,94,.78) !important;
  border-radius:10px;
  background:linear-gradient(180deg,#a8f66a,#75d63a) !important;
  color:#061005 !important;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 34px rgba(102,210,49,.22), inset 0 1px 0 rgba(255,255,255,.45);
  transition:background .18s ease, box-shadow .18s ease, transform .18s ease, filter .18s ease;
}
.kzw-brief-actions button:hover {
  background:linear-gradient(180deg,#c2ff86,#87ea46) !important;
  box-shadow:0 18px 46px rgba(145,232,75,.38), 0 0 28px rgba(145,232,75,.24), inset 0 1px 0 rgba(255,255,255,.55);
  transform:translateY(-1px);
  filter:brightness(1.05);
}
@media (max-width: 1080px) {
  .kzw-app { width:min(100%, calc(100% - 20px)); }
  .kzw-layout { grid-template-columns:1fr; }
  .kzw-workspace { grid-template-rows:auto auto; min-height:0; }
  .kzw-main { height:auto; min-height:480px; overflow:visible; }
  .kzw-summary { position:relative; top:auto; bottom:auto; z-index:1; }
  .kzw-mini-total { display:none !important; }
}
@media (max-width: 760px) {
  .kzw-shell { padding-bottom:86px; }
  .kzw-app { width:100%; padding:12px; }
  .kzw-title-row { align-items:flex-start; }
  .kzw-title-row h2 { font-size:24px; }
  .kzw-steps {
    display:flex;
    scroll-behavior:smooth;
    animation:kzwStepHint 3.6s ease-in-out 1.1s 2;
  }
  .kzw-steps button { min-width:82px; min-height:66px; font-size:12px; }
  .kzw-steps button span { width:34px; height:34px; font-size:14px; }
  .kzw-progress { grid-template-columns:1fr auto; }
  .kzw-progress span { display:none; }
  .kzw-step[data-step="project"] .kzw-options { grid-template-columns:1fr; }
  .kzw-step[data-step="materials"] .kzw-options { grid-template-columns:1fr; }
  .kzw-brief-grid { grid-template-columns:1fr; }
  .kzw-options { grid-template-columns:1fr; }
  .kzw-options--icons { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kzw-options--style { grid-template-columns:1fr; }
  .kzw-info-grid { grid-template-columns:1fr; }
  .kzw-step[data-step="extras"] .kzw-options { grid-template-columns:1fr; }
  .kzw-style-head--colors { grid-template-columns:1fr; }
  .kzw-color-popover { max-width:none; }
  .kzw-color-list { grid-template-columns:1fr; }
  .kzw-print-grid { grid-template-columns:1fr; }
  .kzw-step[data-step="domain_hosting"] .kzw-group--domain,
  .kzw-step[data-step="domain_hosting"] .kzw-group--hosting { grid-template-columns:1fr; }
  .kzw-option { min-height:104px; padding:14px; }
  .kzw-option em { padding-right:0; }
  .kzw-nav {
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:50;
    min-height:62px;
    padding:10px;
    border:1px solid rgba(145,232,75,.24);
    border-radius:12px;
    background:rgba(5,8,5,.94);
    box-shadow:0 18px 50px rgba(0,0,0,.48), 0 0 26px rgba(145,232,75,.1);
    backdrop-filter:blur(10px);
  }
  .kzw-nav .kzw-back,
  .kzw-nav .kzw-next {
    flex:1 1 0;
    justify-content:center;
    min-width:0;
    padding-inline:12px;
  }
  .kzw-nav > span:first-child {
    flex:1 1 0;
  }
  .kzw-summary {
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    top:auto;
    display:block;
    padding:16px;
    margin-top:14px;
  }
  .kzw-summary h3,
  .kzw-summary p,
  .kzw-summary .kzw-tax,
  .kzw-summary .kzw-summary-list { display:grid; }
  .kzw-summary > strong { font-size:30px; }
  .kzw-summary:before { content:none; }
}
@keyframes kzwStepHint {
  0%, 100% { transform:translateX(0); }
  34% { transform:translateX(-13px); }
  68% { transform:translateX(0); }
}

.kzw-step[data-step="domain_hosting"] .kzw-feature-list {
  justify-items:stretch;
  text-align:left;
}
.kzw-step[data-step="domain_hosting"] .kzw-feature-list li {
  justify-content:start;
  text-align:left;
}
.kzw-step[data-step="domain_hosting"] .kzw-feature-list li::before {
  justify-self:start;
}

.kzw-step[data-step="domain_hosting"] .kzw-option[data-option="hosting_ours"] .kzw-option__copy,
.kzw-step[data-step="domain_hosting"] .kzw-option[data-option="hosting_ours"] .kzw-feature-list,
.kzw-step[data-step="domain_hosting"] .kzw-option[data-option="hosting_ours"] .kzw-feature-list li {
  align-items:start;
  justify-items:start;
  justify-content:start;
  text-align:left;
}
.kzw-hosting-renewal {
  display:block;
  margin-top:10px;
  color:var(--kzw-green);
  font-size:12px;
  font-weight:760;
  line-height:1.3;
  text-align:left;
}
.kzw-invoice-preference {
  width:100%;
  min-height:48px;
  border:1px solid rgba(145,232,75,.28) !important;
  border-radius:8px !important;
  background:linear-gradient(180deg,rgba(9,14,10,.96),rgba(4,8,5,.96)) !important;
  color:#fff !important;
  padding:0 14px !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 rgba(145,232,75,0);
}
.kzw-invoice-preference:focus {
  border-color:rgba(145,232,75,.72) !important;
  box-shadow:0 0 22px rgba(145,232,75,.14) !important;
}
.kzw-file-preview {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(82px,1fr));
  gap:8px;
  margin:10px 0 4px;
}
.kzw-file-chip {
  min-height:82px;
  display:grid;
  grid-template-rows:48px auto;
  align-items:center;
  gap:6px;
  border:1px solid rgba(145,232,75,.22);
  border-radius:8px;
  background:rgba(0,0,0,.28);
  padding:8px;
  overflow:hidden;
}
.kzw-file-chip img {
  width:100%;
  height:48px;
  object-fit:cover;
  border-radius:6px;
  background:#050805;
}
.kzw-file-chip b {
  display:grid;
  place-items:center;
  width:100%;
  height:48px;
  border-radius:6px;
  color:var(--kzw-green);
  background:rgba(145,232,75,.08);
  border:1px solid rgba(145,232,75,.18);
  font-size:13px;
  letter-spacing:.04em;
}
.kzw-file-chip small {
  min-width:0;
  color:#fff !important;
  font-size:10px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.kzw-summary-toggle i::before {
  content:"";
  width:7px;
  height:7px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-1px);
}
.kzw-summary-toggle.is-open i::before {
  transform:rotate(225deg) translate(-1px,-1px);
}

.kzw-summary-list .kzw-summary-toggle {
  min-height:0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.065);
  border-radius:0;
  background:transparent;
  padding:0 0 8px;
  box-shadow:none;
}
.kzw-summary-list .kzw-summary-toggle:hover {
  background:transparent;
  color:#fff;
}
.kzw-summary-list .kzw-summary-toggle i {
  width:16px;
  height:16px;
  background:rgba(145,232,75,.06);
}
.kzw-summary-list .kzw-summary-extras {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  padding:0 0 0 8px !important;
  border-left:1px solid rgba(145,232,75,.22) !important;
  border-bottom:0 !important;
}
.kzw-summary-list .kzw-summary-extras > div {
  display:flex !important;
  flex-direction:row !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
  width:100% !important;
  color:#dce5d8;
  font-size:12px;
  border-bottom:1px solid rgba(255,255,255,.055);
  padding:0 0 7px;
  writing-mode:horizontal-tb !important;
  word-break:normal !important;
}
.kzw-summary-list .kzw-summary-extras > div span {
  min-width:0;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
.kzw-summary-list .kzw-summary-extras > div b {
  flex:0 0 auto;
}

.kzw-summary-list {
  max-height:none !important;
  overflow:visible !important;
  padding-right:0 !important;
}
.kzw-summary-list .kzw-summary-extras {
  max-height:170px;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:4px !important;
}
.kzw-summary-list .kzw-summary-toggle {
  margin-top:2px;
}
.kzw-step[data-step="domain_hosting"] .kzw-group--hosting .kzw-option[data-option="hosting_ours"] {
  align-items:start;
  text-align:left;
}
.kzw-step[data-step="domain_hosting"] .kzw-group--hosting .kzw-option[data-option="hosting_ours"] .kzw-option__copy,
.kzw-step[data-step="domain_hosting"] .kzw-group--hosting .kzw-option[data-option="hosting_ours"] .kzw-feature-list,
.kzw-step[data-step="domain_hosting"] .kzw-group--hosting .kzw-option[data-option="hosting_ours"] .kzw-feature-list li,
.kzw-step[data-step="domain_hosting"] .kzw-group--hosting .kzw-option[data-option="hosting_ours"] .kzw-hosting-renewal {
  justify-items:start !important;
  justify-content:start !important;
  align-items:start !important;
  text-align:left !important;
}

.kzw-summary-list .kzw-summary-toggle {
  color:#f7fff4 !important;
  font-weight:650;
}
.kzw-summary-list .kzw-summary-extras {
  margin-top:-2px;
}
.kzw-step[data-step="domain_hosting"] .kzw-group--hosting .kzw-option[data-option="hosting_ours"] .kzw-option__copy {
  display:block !important;
  width:100% !important;
  justify-self:stretch !important;
  text-align:left !important;
}
.kzw-step[data-step="domain_hosting"] .kzw-group--hosting .kzw-option[data-option="hosting_ours"] .kzw-option__copy strong {
  display:block !important;
  margin-bottom:12px !important;
  text-align:left !important;
}
.kzw-step[data-step="domain_hosting"] .kzw-group--hosting .kzw-option[data-option="hosting_ours"] .kzw-feature-list {
  margin:12px 0 0 !important;
  padding:0 !important;
  width:100% !important;
  justify-items:start !important;
  text-align:left !important;
}
.kzw-step[data-step="domain_hosting"] .kzw-group--hosting .kzw-option[data-option="hosting_ours"] .kzw-feature-list li {
  width:100% !important;
  grid-template-columns:14px minmax(0,1fr) !important;
  justify-content:start !important;
  justify-items:start !important;
  text-align:left !important;
}