.kkwb-app{max-width:1100px;margin:40px auto;padding:24px;font-family:Inter,Arial,sans-serif;color:#111}.kkwb-builder-head,.kkwb-section-row{display:flex;justify-content:space-between;gap:24px;align-items:center}.kkwb-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;color:#ed1c24}.kkwb-app h1{font-size:38px;margin:6px 0}.kkwb-app h2{font-size:24px}.kkwb-tabs{display:flex;gap:8px;overflow:auto;margin:28px 0;border-bottom:1px solid #ddd}.kkwb-tabs button{border:0;background:#f3f3f3;padding:13px 18px;border-radius:8px 8px 0 0;cursor:pointer}.kkwb-tabs button.active{background:#ed1c24;color:#fff}.kkwb-panel{display:none;background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:28px;box-shadow:0 8px 30px #0000000b}.kkwb-panel.active{display:block}.kkwb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.kkwb-panel label{display:block;font-weight:700;margin:14px 0}.kkwb-panel input,.kkwb-panel textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #ccc;border-radius:8px;padding:12px;font:inherit}.kkwb-panel textarea{min-height:110px}.kkwb-btn,.kkwb-view{display:inline-block;background:#ed1c24;color:#fff;border:0;border-radius:8px;padding:12px 18px;text-decoration:none;font-weight:700;cursor:pointer}.kkwb-cancel{border:0;background:none;margin-left:10px;cursor:pointer}.kkwb-product-form{background:#f8f8f8;padding:20px;border-radius:12px;margin:20px 0}.kkwb-checks{display:flex;gap:18px;flex-wrap:wrap;margin:15px 0}.kkwb-checks label{font-weight:500}.kkwb-product-row{display:grid;grid-template-columns:2fr 1fr 1.5fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.kkwb-edit-product{border:1px solid #ccc;background:#fff;padding:8px;border-radius:6px}.kkwb-publish-card{text-align:center;padding:60px 20px}.kkwb-check{font-size:40px;color:#ed1c24}.kkwb-note{color:#666}.kkwb-marketplace{max-width:1200px;margin:40px auto;padding:20px}.kkwb-market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.kkwb-market-card{border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff}.kkwb-market-card img{width:100%;aspect-ratio:1;object-fit:cover}.kkwb-market-card div{padding:15px}.kkwb-market-card a{display:block;margin-top:12px;color:#ed1c24;font-weight:700}.kkwb-login-card{max-width:600px;margin:80px auto;padding:40px;border:1px solid #eee;border-radius:14px;text-align:center}@media(max-width:800px){.kkwb-grid,.kkwb-market-grid{grid-template-columns:1fr}.kkwb-product-row{grid-template-columns:1fr}.kkwb-builder-head{align-items:flex-start;flex-direction:column}}
.kkwb-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:22px;align-items:start}.kkwb-preview{position:sticky;top:20px;border:1px solid #ddd;border-radius:14px;overflow:hidden;background:#111;min-height:700px}.kkwb-preview-top{height:48px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.kkwb-preview-top button{border:0;background:#f1f1f1;border-radius:6px;padding:6px 10px;cursor:pointer}.kkwb-preview iframe{display:block;width:100%;height:650px;border:0;background:#fff}.kkwb-panel{margin-bottom:12px}
@media(max-width:1000px){.kkwb-workspace{grid-template-columns:1fr}.kkwb-preview{position:relative;top:auto;min-height:500px}.kkwb-preview iframe{height:520px}}

.kkwb-page-editor{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kkwb-page-card{border:1px solid #e5e5e5;border-radius:12px;padding:18px;background:#fff}.kkwb-page-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.kkwb-page-card-head span{font-size:12px;background:#eaf7ee;color:#207a3b;padding:5px 8px;border-radius:20px}.kkwb-jump{border:0;background:#111;color:#fff;padding:9px 12px;border-radius:7px;cursor:pointer}.kkwb-page-card textarea{min-height:90px}
@media(max-width:700px){.kkwb-page-editor{grid-template-columns:1fr}}

/* v0.7 visual editor */
.kkwb-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);gap:18px;align-items:start}
.kkwb-preview{position:sticky;top:12px;border:1px solid #dfe3e8;border-radius:14px;overflow:hidden;background:#111;box-shadow:0 8px 30px rgba(0,0,0,.08)}
.kkwb-preview-top{height:48px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #eee}
.kkwb-preview iframe{display:block;width:100%;height:calc(100vh - 140px);min-height:560px;border:0;background:#fff}
.kkwb-dashboard{max-width:1120px;margin:40px auto;padding:0 20px}
.kkwb-dashboard-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}
.kkwb-dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}.kkwb-dashboard-btn{display:inline-block;padding:11px 16px;border-radius:8px;background:#111;color:#fff!important;text-decoration:none!important;font-weight:800}.kkwb-dashboard-btn.secondary{background:#fff;color:#111!important;border:1px solid #d0d5dd}
.kkwb-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.kkwb-dashboard-grid a{padding:20px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:7px}.kkwb-dashboard-grid small{color:#667085}
.kkwb-dashboard-login{max-width:600px;margin:80px auto;padding:32px;text-align:center;border:1px solid #e5e7eb;border-radius:16px}
.kkwb-owner-bar{position:relative;z-index:9999;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:7px 18px;background:#111;color:#fff;font-size:12px}.kkwb-owner-bar a{color:#fff!important;text-decoration:none!important;font-weight:700}
@media(max-width:1000px){.kkwb-workspace{grid-template-columns:1fr}.kkwb-preview{position:relative;top:auto}.kkwb-preview iframe{height:650px}}
@media(max-width:700px){.kkwb-dashboard-head{display:block}.kkwb-dashboard-actions{margin-top:18px}.kkwb-dashboard-grid{grid-template-columns:1fr}.kkwb-owner-bar{justify-content:center;flex-wrap:wrap}}

/* v0.8 instant visual preview */
.kkwb-preview-top{gap:10px}.kkwb-preview-devices{display:flex;gap:5px;align-items:center}.kkwb-preview-devices button{border:0;background:#f1f3f5;border-radius:7px;padding:7px 9px;font-size:12px;cursor:pointer}.kkwb-preview-devices button.active{background:#111;color:#fff}.kkwb-preview-stage{background:#202124;padding:0;min-height:560px;display:flex;justify-content:center;overflow:auto}.kkwb-preview iframe{transition:width .2s ease;max-width:100%}
.kkwb-live-note{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#207a3b;font-weight:700}.kkwb-live-dot{width:7px;height:7px;border-radius:50%;background:#22a447;display:inline-block}
@media(max-width:1000px){.kkwb-preview-stage{min-height:500px}.kkwb-preview iframe{height:650px}}

/* v1.1 organized homepage settings */
.kkwb-home-group{border:1px solid #e5e7eb;border-radius:14px;background:#fff;margin:16px 0;overflow:hidden}
.kkwb-home-group>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:17px 18px;background:#fafafa}
.kkwb-home-group>summary::-webkit-details-marker{display:none}
.kkwb-home-group>summary span{display:flex;flex-direction:column;gap:4px}.kkwb-home-group>summary strong{font-size:15px}.kkwb-home-group>summary small{font-size:12px;color:#6b7280;font-weight:400}.kkwb-home-group>summary b{font-size:18px;transition:transform .2s}.kkwb-home-group[open]>summary b{transform:rotate(180deg)}
.kkwb-home-group-body{padding:18px;border-top:1px solid #eee}.kkwb-hero-mode{margin-top:18px;padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#fcfcfc}.kkwb-mode-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.kkwb-mode-heading span{font-size:12px;color:#6b7280}.kkwb-products-home-fields{margin-top:14px}.kkwb-products-home-fields[style*="display: none"]{display:none!important}

.kkwb-section-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
/* v1.2 - homepage card editor */
.kkwb-home-card-editor{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px}
.kkwb-home-item-card{border:1px solid #e5e7eb;border-radius:12px;padding:18px;background:#fafafa}
.kkwb-home-item-card .kkwb-grid{margin-top:10px}
.kkwb-upload-wrap{display:flex;align-items:end;padding-bottom:2px}
.kkwb-upload-wrap .kkwb-btn{width:100%}
@media(min-width:900px){.kkwb-home-card-editor{grid-template-columns:1fr 1fr}.kkwb-home-item-card:first-child{grid-column:1/-1}}

/* v1.3 - wider visual builder workspace */
.kkwb-app{max-width:1500px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}
.kkwb-workspace{grid-template-columns:minmax(760px,1.55fr) minmax(460px,.85fr);gap:24px}
.kkwb-preview{width:100%}
.kkwb-home-card-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.kkwb-home-item-card{min-width:0}
.kkwb-home-item-card .kkwb-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px}
@media(max-width:1250px){.kkwb-app{max-width:1200px}.kkwb-workspace{grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr)}}
@media(max-width:1000px){.kkwb-app{padding-left:18px;padding-right:18px}.kkwb-workspace{grid-template-columns:1fr}.kkwb-home-card-editor{grid-template-columns:1fr}}


/* v1.4 - cleaner homepage card dropdowns */
.kkwb-home-group > summary { user-select:none; }
.kkwb-home-item-card { padding:0; overflow:hidden; background:#fafafa; }
.kkwb-home-item-card > summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:14px; padding:16px 18px; background:#fff; }
.kkwb-home-item-card > summary::-webkit-details-marker { display:none; }
.kkwb-home-item-card > summary span { display:flex; flex-direction:column; gap:4px; }
.kkwb-home-item-card > summary strong { font-size:15px; }
.kkwb-home-item-card > summary small { color:#6b7280; font-size:12px; font-weight:400; }
.kkwb-home-item-card > summary b { font-size:18px; transition:transform .2s; }
.kkwb-home-item-card[open] > summary b { transform:rotate(180deg); }
.kkwb-home-item-body { padding:18px; border-top:1px solid #e5e7eb; }
.kkwb-home-item-body .kkwb-grid { margin-top:8px; }

/* Compact, accessible dropdowns for the banner slide editors. */
.kkwb-slider-card{border:1px solid #e5e7eb;border-radius:10px;background:#fff;margin:10px 0;overflow:hidden;padding:0}
.kkwb-slider-card>summary{cursor:pointer;list-style:none;display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#fafafa}
.kkwb-slider-card>summary::-webkit-details-marker{display:none}
.kkwb-slider-card>summary small{font-size:12px;color:#6b7280;font-weight:400}
.kkwb-slider-card[open]>summary{border-bottom:1px solid #eee}
.kkwb-slider-card>label,.kkwb-slider-card>.kkwb-field{margin:14px 16px;display:block}
.kkwb-slider-card>.kkwb-btn{margin:0 16px 16px}

/* Navigation menu editor */
.kkwb-nav-settings-grid{display:grid;gap:12px;margin:16px 0}
.kkwb-nav-setting-row{display:grid;grid-template-columns:90px minmax(130px,1fr) minmax(150px,1.2fr) 90px;gap:12px;align-items:end;border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#fff}
.kkwb-nav-setting-row label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.kkwb-nav-setting-row label.kkwb-nav-visible{flex-direction:row;align-items:center;padding-bottom:10px}
.kkwb-nav-setting-row input:not([type=checkbox]){width:100%;min-width:0;box-sizing:border-box}
.kkwb-nav-setting-row input[type=checkbox]{width:16px;height:16px}
.kk-nav-caret{font-size:.8em;margin-left:3px}
@media(max-width:700px){.kkwb-nav-setting-row{grid-template-columns:1fr 1fr}.kkwb-nav-setting-row label.kkwb-nav-visible{grid-column:1/-1;padding-bottom:0}}


/* v1.16: compact collapsible panels on the Pages tab */
.kkwb-collapsible-card{display:block;margin:14px 0;padding:0;overflow:hidden}
.kkwb-collapsible-card>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;margin:0;cursor:pointer;background:#fafafa;user-select:none}
.kkwb-collapsible-card>summary::-webkit-details-marker{display:none}
.kkwb-collapsible-card>summary strong{font-size:16px}
.kkwb-collapsible-card>summary b{font-size:18px;transition:transform .18s}
.kkwb-collapsible-card[open]>summary{border-bottom:1px solid #eee}
.kkwb-collapsible-card[open]>summary b{transform:rotate(180deg)}
.kkwb-collapsible-body{padding:18px}
.kkwb-collapsible-body>p:first-child{margin-top:0}
@media(max-width:700px){.kkwb-collapsible-card>summary{padding:14px}.kkwb-collapsible-body{padding:14px}}

/* v1.17: premium interactive accordion menus (white cards, soft dark shadow, neon-green hover) */
.kkwb-home-group,
.kkwb-home-item-card,
.kkwb-slider-card,
.kkwb-collapsible-card{
  background:#fff;
  border:1px solid #e6e8eb;
  border-radius:15px;
  box-shadow:0 5px 18px rgba(0,0,0,.10);
  transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease;
}
.kkwb-home-group:hover,
.kkwb-home-item-card:hover,
.kkwb-slider-card:hover,
.kkwb-collapsible-card:hover{
  border-color:#39ff14;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}
.kkwb-home-group>summary,
.kkwb-home-item-card>summary,
.kkwb-slider-card>summary,
.kkwb-collapsible-card>summary{
  background:#fff;
  transition:background-color .2s ease,color .2s ease;
}
.kkwb-home-group>summary:hover,
.kkwb-home-item-card>summary:hover,
.kkwb-slider-card>summary:hover,
.kkwb-collapsible-card>summary:hover{
  background:#39ff14;
  color:#050505;
}
.kkwb-home-group>summary:hover small,
.kkwb-home-item-card>summary:hover small,
.kkwb-collapsible-card>summary:hover span{
  color:#202020;
}
/* Make the down-caret wider and smoother, while keeping its open/closed rotation. */
.kkwb-home-group>summary b,
.kkwb-home-item-card>summary b,
.kkwb-collapsible-card>summary b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  font-size:21px;
  font-weight:800;
  line-height:1;
  transform:scaleX(1.45);
  transform-origin:center;
  transition:transform .2s ease,color .2s ease;
}
.kkwb-home-group[open]>summary b,
.kkwb-home-item-card[open]>summary b,
.kkwb-collapsible-card[open]>summary b{
  transform:scaleX(1.45) rotate(180deg);
}
.kkwb-home-group-body,
.kkwb-home-item-body,
.kkwb-collapsible-body{background:#fff}
.kkwb-slider-card>summary{background:#fff}
.kkwb-home-group[open]>summary,
.kkwb-home-item-card[open]>summary,
.kkwb-collapsible-card[open]>summary{border-bottom-color:#e8e8e8}
@media(prefers-reduced-motion:reduce){
  .kkwb-home-group,.kkwb-home-item-card,.kkwb-slider-card,.kkwb-collapsible-card,
  .kkwb-home-group>summary,.kkwb-home-item-card>summary,.kkwb-slider-card>summary,.kkwb-collapsible-card>summary,
  .kkwb-home-group>summary b,.kkwb-home-item-card>summary b,.kkwb-collapsible-card>summary b{transition:none}
}

/* Product assignment controls */
.kkwb-product-page-assignments{border:1px solid #e2e2e2;border-radius:10px;padding:14px 16px;margin:16px 0;background:#fff;min-width:0}
.kkwb-product-page-assignments legend{font-weight:800;padding:0 6px}
.kkwb-page-checkbox-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.kkwb-page-checkbox-list label{display:flex!important;align-items:center;gap:9px;padding:10px 12px;margin:0!important;border:1px solid #e6e6e6;border-radius:8px;background:#fff;cursor:pointer;font-weight:500!important}
.kkwb-page-checkbox-list label:has(input:checked){border-color:#39ff14;background:#f5fff2}
.kkwb-page-checkbox-list input[type=checkbox]{display:inline-block!important;width:16px!important;height:16px!important;margin:0!important;accent-color:#39ff14;flex:0 0 auto}
.kkwb-page-checkbox-list span{overflow-wrap:anywhere}
.kkwb-checks input[type=checkbox]{display:inline-block;width:16px;margin:0 6px 0 0;vertical-align:middle;accent-color:#39ff14}
@media(max-width:600px){.kkwb-page-checkbox-list{grid-template-columns:1fr}}