.kit-studio-page { max-width:none; padding:0; }
.kit-studio-pro {
  --ks-bg:#eef3f8; --ks-surface:#ffffff; --ks-soft:#f7f9fc; --ks-strong:#edf3f9;
  --ks-text:#10213a; --ks-muted:#687991; --ks-line:#d8e1ec; --ks-blue:#1d6cf2;
  --ks-orange:#ff681f; --ks-green:#0aa775; --ks-red:#d83a52;
  overflow:hidden; color:var(--ks-text); border:1px solid var(--ks-line); border-radius:22px;
  background:var(--ks-surface); box-shadow:0 18px 48px rgba(24,45,74,.12);
}
.kit-studio-pro * { box-sizing:border-box; }
.kit-studio-topbar { min-height:66px; display:flex; align-items:center; gap:14px; padding:12px 15px; border-bottom:1px solid var(--ks-line); background:var(--ks-surface); }
.kit-studio-brand { min-width:205px; display:flex; align-items:center; gap:10px; }
.kit-studio-brand > span { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(135deg,var(--ks-orange),#ff9a54); box-shadow:0 8px 18px rgba(255,104,31,.28); }
.kit-studio-brand div { display:grid; gap:1px; }
.kit-studio-brand small { color:var(--ks-muted); font-size:10px; font-weight:900; letter-spacing:.08em; }
.kit-studio-brand strong { font-size:16px; }
.kit-studio-project { min-width:0; flex:1; display:flex; align-items:center; gap:9px; padding-left:14px; border-left:1px solid var(--ks-line); }
.kit-studio-project strong { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; }
.kit-studio-project span { color:var(--ks-green); font-size:11px; white-space:nowrap; }
.kit-studio-topbar nav { display:flex; align-items:center; gap:7px; }
.kit-studio-topbar nav button { min-width:38px; min-height:38px; padding:8px 11px; border:1px solid var(--ks-line); border-radius:10px; background:var(--ks-soft); color:var(--ks-text); cursor:pointer; font-weight:800; }
.kit-studio-topbar nav button.primary { min-width:128px; border-color:transparent; color:#fff; background:linear-gradient(135deg,var(--ks-orange),#ff813c); box-shadow:0 7px 18px rgba(255,104,31,.23); }
.kit-studio-topbar nav button:disabled { opacity:.45; cursor:not-allowed; box-shadow:none; }
.kit-studio-editor { display:grid; grid-template-columns:265px minmax(430px,1fr) 280px; min-height:720px; background:var(--ks-bg); }
.kit-studio-catalog,.kit-studio-inspector { min-width:0; padding:14px; background:var(--ks-surface); }
.kit-studio-catalog { border-right:1px solid var(--ks-line); }
.kit-studio-inspector { border-left:1px solid var(--ks-line); }
.kit-studio-catalog > section,.kit-studio-inspector > section { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid var(--ks-line); }
.kit-studio-catalog > section:last-child,.kit-studio-inspector > section:last-child { margin-bottom:0; border-bottom:0; }
.kit-studio-catalog header,.kit-studio-inspector header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
.kit-studio-catalog header strong,.kit-studio-inspector header strong { font-size:13px; }
.kit-studio-catalog header span,.kit-studio-inspector header span { color:var(--ks-muted); font-size:11px; }
.kit-studio-catalog select,.kit-studio-inspector select { width:100%; min-height:40px; padding:8px 10px; border:1px solid var(--ks-line); border-radius:10px; background:var(--ks-soft); color:var(--ks-text); font-size:12px; }
.kit-studio-sku,.kit-studio-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px; margin-bottom:8px; }
.kit-studio-sku input,.kit-studio-search input { min-width:0; height:40px; padding:0 10px; border:1px solid var(--ks-line); border-radius:10px; background:var(--ks-soft); color:var(--ks-text); font-size:12px; outline:none; }
.kit-studio-sku input:focus,.kit-studio-search input:focus { border-color:var(--ks-blue); box-shadow:0 0 0 3px rgba(29,108,242,.11); }
.kit-studio-sku button,.kit-studio-search button { min-height:40px; padding:0 10px; border:0; border-radius:10px; color:#fff; background:var(--ks-blue); font-size:11px; font-weight:900; cursor:pointer; }
.kit-catalog-products { display:flex; flex-direction:column; min-height:0; }
.kit-studio-search { margin-top:12px; }
.kit-studio-search button { min-width:40px; font-size:19px; }
.kit-studio-categories { display:flex; gap:6px; padding:2px 0 9px; overflow:auto; scrollbar-width:thin; }
.kit-studio-categories button { flex:0 0 auto; padding:6px 9px; border:1px solid var(--ks-line); border-radius:999px; background:transparent; color:var(--ks-muted); font-size:10px; font-weight:800; cursor:pointer; }
.kit-studio-categories button.selected { border-color:var(--ks-text); color:var(--ks-surface); background:var(--ks-text); }
.kit-catalog-list { display:grid; gap:7px; max-height:430px; padding-right:3px; overflow:auto; scrollbar-width:thin; }
.kit-catalog-product { width:100%; display:grid; grid-template-columns:48px minmax(0,1fr) 25px; gap:8px; align-items:center; padding:7px; border:1px solid var(--ks-line); border-radius:11px; background:var(--ks-soft); color:var(--ks-text); text-align:left; cursor:pointer; transition:border-color .15s,transform .15s; }
.kit-catalog-product:hover { border-color:var(--ks-blue); transform:translateY(-1px); }
.kit-catalog-product img { width:48px; height:48px; object-fit:contain; border-radius:8px; background:#fff; }
.kit-catalog-product > span { min-width:0; display:grid; gap:3px; }
.kit-catalog-product strong { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px; }
.kit-catalog-product small { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:var(--ks-muted); font-size:9px; }
.kit-catalog-product b { width:24px; height:24px; display:grid; place-items:center; border-radius:7px; color:#fff; background:var(--ks-blue); font-size:17px; }
.kit-studio-workarea { min-width:0; padding:14px; display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:10px; }
.kit-canvas-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.kit-canvas-toolbar > div { display:flex; gap:6px; }
.kit-canvas-toolbar button { min-height:36px; padding:7px 10px; border:1px solid var(--ks-line); border-radius:9px; color:var(--ks-text); background:var(--ks-surface); font-size:11px; font-weight:800; cursor:pointer; }
.kit-canvas-toolbar button.selected { border-color:var(--ks-blue); color:var(--ks-blue); background:rgba(29,108,242,.08); }
.kit-canvas-toolbar > span { font-size:11px; font-weight:900; }
.kit-canvas-toolbar .good { color:var(--ks-green); }
.kit-canvas-toolbar .warning { color:#c27a00; }
.kit-editor-stage { min-height:580px; display:grid; place-items:center; padding:18px; overflow:hidden; border-radius:14px; background-color:#d8e1eb; background-image:linear-gradient(45deg,rgba(255,255,255,.38) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.38) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.38) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.38) 75%); background-size:24px 24px; background-position:0 0,0 12px,12px -12px,-12px 0; }
.kit-editor-canvas { position:relative; width:min(100%,620px); aspect-ratio:1; overflow:hidden; background:#fff; box-shadow:0 18px 42px rgba(24,42,65,.28); touch-action:none; user-select:none; }
.kit-editor-layer { position:absolute; display:grid; place-items:center; transform-origin:center; touch-action:none; cursor:grab; }
.kit-editor-layer:active { cursor:grabbing; }
.kit-editor-layer.locked { cursor:not-allowed; }
.kit-editor-layer img { width:100%; height:100%; display:block; object-fit:contain; pointer-events:none; user-select:none; }
.kit-editor-layer.selected::after { content:""; position:absolute; inset:-3px; border:2px solid var(--ks-blue); box-shadow:0 0 0 1px #fff; pointer-events:none; }
.kit-resize-handle { position:absolute; right:-12px; bottom:-12px; z-index:3; width:24px; height:24px; padding:0; border:3px solid #fff; border-radius:50%; background:var(--ks-blue); box-shadow:0 2px 8px rgba(0,0,0,.25); cursor:nwse-resize; touch-action:none; }
.kit-editor-footer { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--ks-muted); font-size:10px; }
.kit-editor-footer div { display:flex; gap:7px; }
.kit-editor-footer a { padding:7px 10px; border:1px solid var(--ks-blue); border-radius:8px; color:var(--ks-blue); font-weight:900; text-decoration:none; }
.kit-studio-field { display:grid; gap:7px; margin-top:10px; color:var(--ks-muted); font-size:11px; font-weight:800; }
.kit-studio-field > span { display:flex; justify-content:space-between; gap:8px; }
.kit-studio-field output { color:var(--ks-text); }
.kit-studio-field input[type="range"] { width:100%; accent-color:var(--ks-blue); }
.kit-studio-auto { width:100%; min-height:42px; margin-top:8px; border:0; border-radius:10px; color:#fff; background:linear-gradient(135deg,var(--ks-blue),#6857eb); font-size:11px; font-weight:900; cursor:pointer; }
.kit-layer-list { display:grid; gap:4px; max-height:240px; overflow:auto; }
.kit-layer-row { width:100%; min-height:43px; display:grid; grid-template-columns:18px minmax(0,1fr) auto; gap:7px; align-items:center; padding:6px; border:1px solid transparent; border-radius:9px; background:transparent; color:var(--ks-text); text-align:left; cursor:pointer; }
.kit-layer-row:hover,.kit-layer-row.selected { border-color:var(--ks-line); background:var(--ks-strong); }
.kit-layer-row > span { color:var(--ks-muted); }
.kit-layer-row div { min-width:0; display:grid; gap:2px; }
.kit-layer-row strong,.kit-layer-row small { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.kit-layer-row strong { font-size:11px; }
.kit-layer-row small { color:var(--ks-muted); font-size:9px; }
.kit-layer-row i { color:var(--ks-green); font-style:normal; font-size:9px; }
.kit-photo-choice { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:12px; padding:8px; border:1px solid var(--ks-line); border-radius:9px; color:var(--ks-muted); font-size:11px; }
.kit-photo-choice div { display:flex; gap:5px; }
.kit-photo-choice button { width:30px; height:30px; border:1px solid var(--ks-line); border-radius:8px; background:var(--ks-soft); color:var(--ks-text); cursor:pointer; }
.kit-photo-choice button:disabled { opacity:.35; cursor:not-allowed; }
.kit-layer-actions { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:10px; }
.kit-layer-actions button { min-height:34px; padding:6px; border:1px solid var(--ks-line); border-radius:8px; background:var(--ks-soft); color:var(--ks-text); font-size:10px; font-weight:800; cursor:pointer; }
.kit-layer-actions button.danger { color:var(--ks-red); }
.kit-quality-panel ul { display:grid; gap:7px; margin:0; padding:0; list-style:none; font-size:11px; }
.kit-quality-panel li.good { color:var(--ks-green); }
.kit-quality-panel li.bad { color:var(--ks-red); font-weight:900; }
.kit-studio-empty { padding:22px 12px; color:var(--ks-muted); text-align:center; font-size:12px; }
[data-theme="black"] .kit-studio-pro { --ks-bg:#07111e; --ks-surface:#0b1727; --ks-soft:#0f1e31; --ks-strong:#14263b; --ks-text:#eef5ff; --ks-muted:#91a4bc; --ks-line:#223850; box-shadow:none; }
[data-theme="black"] .kit-editor-stage { background-color:#071420; background-image:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 75%); }
.nav-tone-kit-studio { --nav-tone:#2f80ed; }
@media (max-width:1220px) {
  .kit-studio-editor { grid-template-columns:235px minmax(400px,1fr) 245px; }
  .kit-editor-stage { min-height:520px; padding:12px; }
}
@media (max-width:1000px) {
  .kit-studio-editor { grid-template-columns:235px minmax(390px,1fr); }
  .kit-studio-inspector { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; border-left:0; border-top:1px solid var(--ks-line); }
  .kit-studio-inspector > section { margin:0; padding:0; border:0; }
}
@media (max-width:720px) {
  .kit-studio-pro { border-radius:14px; }
  .kit-studio-topbar { flex-wrap:wrap; gap:9px; }
  .kit-studio-brand { min-width:0; flex:1; }
  .kit-studio-project { order:3; flex-basis:100%; padding:9px 0 0; border-left:0; border-top:1px solid var(--ks-line); }
  .kit-studio-project span { display:none; }
  .kit-studio-topbar nav button:not(.primary) { display:none; }
  .kit-studio-topbar nav button.primary { min-width:105px; }
  .kit-studio-editor { display:flex; flex-direction:column; min-height:0; }
  .kit-studio-workarea { order:1; padding:9px; }
  .kit-studio-catalog { order:2; border-right:0; border-top:1px solid var(--ks-line); }
  .kit-studio-inspector { order:3; display:block; border-top:1px solid var(--ks-line); }
  .kit-studio-inspector > section { padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid var(--ks-line); }
  .kit-editor-stage { min-height:355px; padding:8px; }
  .kit-editor-canvas { width:min(100%,430px); }
  .kit-canvas-toolbar button { min-height:42px; }
  .kit-canvas-toolbar button:first-child { display:none; }
  .kit-canvas-toolbar > span { max-width:118px; text-align:right; }
  .kit-editor-footer { align-items:flex-start; flex-direction:column; }
  .kit-catalog-list { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:410px; }
  .kit-catalog-product { grid-template-columns:42px minmax(0,1fr); }
  .kit-catalog-product img { width:42px; height:42px; }
  .kit-catalog-product b { display:none; }
  .kit-layer-list { max-height:none; }
  .kit-layer-row { min-height:48px; }
  .kit-layer-actions button,.kit-photo-choice button { min-height:44px; }
}
@media (max-width:380px) {
  .kit-studio-brand small { display:none; }
  .kit-studio-brand > span { width:36px; height:36px; }
  .kit-catalog-list { grid-template-columns:1fr; }
}

/* Fluxo automático: SKU principal + kit + geração em um clique. */
.kit-auto-page {
  --ka-bg:#f3f6fb; --ka-card:#fff; --ka-soft:#f7f9fc; --ka-text:#12233d; --ka-muted:#657791;
  --ka-line:#d9e2ee; --ka-blue:#1768e5; --ka-green:#07996d; --ka-orange:#ff641f;
  min-height:720px; overflow:hidden; color:var(--ka-text); border:1px solid var(--ka-line); border-radius:22px;
  background:var(--ka-bg); box-shadow:0 20px 52px rgba(20,43,74,.11);
}
.kit-auto-page * { box-sizing:border-box; }
.kit-auto-hero { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:27px 30px; color:#fff; background:linear-gradient(118deg,#071c38 0%,#0b315f 58%,#164a83 100%); }
.kit-auto-hero h1 { margin:5px 0 4px; color:#fff; font-size:clamp(22px,2.1vw,34px); line-height:1.08; letter-spacing:-.035em; }
.kit-auto-hero p { max-width:700px; margin:0; color:#bed1e8; font-size:13px; }
.kit-auto-eyebrow { color:#57d6b0; font-size:10px; font-weight:900; letter-spacing:.12em; }
.kit-auto-status { flex:0 0 auto; padding:9px 13px; border:1px solid rgba(91,226,178,.32); border-radius:999px; color:#76e8c1; background:rgba(6,137,98,.16); font-size:11px; font-weight:900; }
.kit-auto-layout { display:grid; grid-template-columns:minmax(440px, .88fr) minmax(470px, 1.12fr); gap:18px; padding:18px; align-items:start; }
.kit-auto-flow { display:grid; gap:14px; }
.kit-auto-step,.kit-auto-preview { min-width:0; border:1px solid var(--ka-line); border-radius:17px; background:var(--ka-card); box-shadow:0 8px 22px rgba(24,47,78,.055); }
.kit-auto-step { padding:18px; }
.kit-auto-step > header { display:flex; gap:11px; align-items:flex-start; margin-bottom:15px; }
.kit-auto-step > header > b { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border-radius:9px; color:#fff; background:linear-gradient(135deg,var(--ka-blue),#3e8ef6); font-size:13px; }
.kit-auto-step h2 { margin:1px 0 3px; color:var(--ka-text); font-size:16px; }
.kit-auto-step p { margin:0; color:var(--ka-muted); font-size:11px; line-height:1.4; }
.kit-auto-form label { display:grid; gap:6px; }
.kit-auto-form label > span { color:var(--ka-muted); font-size:9px; font-weight:900; letter-spacing:.08em; }
.kit-auto-form label > div { display:flex; gap:7px; }
.kit-auto-form input { width:100%; min-width:0; height:45px; padding:0 13px; border:1px solid var(--ka-line); border-radius:11px; outline:none; color:var(--ka-text); background:var(--ka-soft); font-size:13px; font-weight:700; }
.kit-auto-form input:focus { border-color:var(--ka-blue); box-shadow:0 0 0 3px rgba(23,104,229,.11); }
.kit-auto-form button { min-width:115px; height:45px; padding:0 14px; border:0; border-radius:11px; color:#fff; background:var(--ka-blue); font-size:11px; font-weight:900; cursor:pointer; }
.kit-auto-form button.secondary { color:var(--ka-blue); border:1px solid rgba(23,104,229,.28); background:rgba(23,104,229,.08); }
.kit-auto-form-highlight { padding:12px; border:1px solid rgba(7,153,109,.25); border-radius:13px; background:rgba(7,153,109,.055); }
.kit-auto-form-highlight button { background:var(--ka-green); }
.kit-auto-main { display:grid; grid-template-columns:76px minmax(0,1fr) 26px; align-items:center; gap:12px; margin-top:12px; padding:10px; border:1px solid rgba(23,104,229,.2); border-radius:13px; background:rgba(23,104,229,.045); }
.kit-auto-main img { width:76px; height:62px; object-fit:contain; border-radius:9px; background:#fff; }
.kit-auto-main div { min-width:0; display:grid; gap:3px; }
.kit-auto-main small { color:var(--ka-blue); font-size:8px; font-weight:900; letter-spacing:.07em; }
.kit-auto-main strong { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; }
.kit-auto-main span { color:var(--ka-muted); font-size:10px; }
.kit-auto-main i { width:22px; height:22px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--ka-green); font-size:10px; font-style:normal; }
.kit-auto-loaded { display:grid; grid-template-columns:auto minmax(0,1fr); gap:2px 9px; margin-top:9px; padding:10px 12px; border-radius:11px; color:var(--ka-text); background:rgba(7,153,109,.08); }
.kit-auto-loaded span { grid-row:1/3; align-self:center; color:var(--ka-green); font-size:10px; font-weight:900; }
.kit-auto-loaded strong { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px; }
.kit-auto-loaded small { color:var(--ka-muted); font-size:9px; }
.kit-auto-divider { display:flex; align-items:center; gap:9px; margin:13px 0; color:var(--ka-muted); font-size:9px; text-transform:uppercase; letter-spacing:.05em; }
.kit-auto-divider::before,.kit-auto-divider::after { content:""; height:1px; flex:1; background:var(--ka-line); }
.kit-auto-selection-head { display:flex; justify-content:space-between; gap:8px; margin:15px 1px 8px; font-size:11px; }
.kit-auto-selection-head span { color:var(--ka-blue); font-weight:900; }
.kit-auto-items { display:grid; gap:7px; max-height:292px; overflow:auto; }
.kit-auto-item { display:grid; grid-template-columns:48px minmax(0,1fr) auto auto; align-items:center; gap:9px; min-width:0; padding:7px; border:1px solid var(--ka-line); border-radius:11px; background:var(--ka-soft); }
.kit-auto-item > img { width:48px; height:44px; object-fit:contain; border-radius:7px; background:#fff; }
.kit-auto-item > div:nth-child(2) { min-width:0; display:grid; gap:2px; }
.kit-auto-item strong { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:10px; }
.kit-auto-item span { color:var(--ka-muted); font-size:8px; }
.kit-auto-qty { display:flex; align-items:center; gap:5px; }
.kit-auto-qty button { width:26px; height:26px; padding:0; border:1px solid var(--ka-line); border-radius:7px; color:var(--ka-text); background:var(--ka-card); cursor:pointer; }
.kit-auto-qty b { min-width:14px; text-align:center; font-size:10px; }
.kit-auto-remove { padding:5px 7px; border:0; color:#d53b50; background:transparent; font-size:9px; font-weight:800; cursor:pointer; }
.kit-auto-empty { padding:24px 12px; border:1px dashed var(--ka-line); border-radius:11px; color:var(--ka-muted); text-align:center; font-size:11px; }
.kit-auto-empty.compact { margin-top:12px; padding:14px; }
.kit-auto-final ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:0 0 14px; padding:0; list-style:none; }
.kit-auto-final li { padding:9px; border-radius:9px; color:var(--ka-green); background:rgba(7,153,109,.07); font-size:9px; font-weight:800; text-align:center; }
.kit-auto-generate { width:100%; min-height:52px; display:flex; align-items:center; justify-content:center; gap:12px; border:0; border-radius:13px; color:#fff; background:linear-gradient(135deg,var(--ka-orange),#ff873f); box-shadow:0 10px 24px rgba(255,100,31,.23); font-size:13px; font-weight:900; cursor:pointer; }
.kit-auto-generate span { font-size:18px; }
.kit-auto-generate:disabled { opacity:.48; cursor:not-allowed; box-shadow:none; }
.kit-auto-preview { position:sticky; top:12px; overflow:hidden; }
.kit-auto-preview > header { min-height:69px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 17px; border-bottom:1px solid var(--ka-line); }
.kit-auto-preview > header div { display:grid; gap:2px; }
.kit-auto-preview > header span { color:var(--ka-blue); font-size:8px; font-weight:900; letter-spacing:.09em; }
.kit-auto-preview > header strong { font-size:15px; }
.kit-auto-preview > header small { color:var(--ka-muted); font-size:10px; }
.kit-auto-preview-canvas { aspect-ratio:1; display:grid; place-items:center; padding:17px; background-color:#dfe6ef; background-image:linear-gradient(45deg,rgba(255,255,255,.42) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.42) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.42) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.42) 75%); background-size:22px 22px; }
.kit-auto-preview-canvas > img { width:100%; height:100%; display:block; object-fit:contain; background:#fff; box-shadow:0 13px 35px rgba(19,39,64,.18); }
.kit-auto-placeholder { width:100%; height:100%; display:grid; place-content:center; justify-items:center; padding:30px; color:#7a8aa0; background:#fff; text-align:center; }
.kit-auto-placeholder > span { width:58px; height:58px; display:grid; place-items:center; margin-bottom:13px; border-radius:18px; color:#fff; background:linear-gradient(135deg,var(--ka-blue),#685be9); box-shadow:0 10px 25px rgba(23,104,229,.25); font-size:24px; }
.kit-auto-placeholder strong { color:var(--ka-text); font-size:16px; }
.kit-auto-placeholder p { max-width:320px; margin:6px 0 0; color:var(--ka-muted); font-size:11px; line-height:1.5; }
.kit-auto-preview > footer { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 17px; border-top:1px solid var(--ka-line); }
.kit-auto-preview > footer div { display:grid; gap:2px; }
.kit-auto-preview > footer span { color:var(--ka-green); font-size:10px; font-weight:900; }
.kit-auto-preview > footer small,.kit-auto-preview > footer.waiting span { color:var(--ka-muted); font-size:9px; font-weight:700; }
.kit-auto-preview nav { display:flex; gap:7px; }
.kit-auto-preview nav a { padding:9px 11px; border:1px solid var(--ka-blue); border-radius:9px; color:var(--ka-blue); font-size:10px; font-weight:900; text-decoration:none; }
[data-theme="black"] .kit-auto-page { --ka-bg:#07111d; --ka-card:#0c1929; --ka-soft:#101f31; --ka-text:#edf5ff; --ka-muted:#91a4bb; --ka-line:#22374e; box-shadow:none; }
[data-theme="black"] .kit-auto-preview-canvas { background-color:#06101c; background-image:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 75%); }
[data-theme="black"] .kit-auto-main img,[data-theme="black"] .kit-auto-item > img,[data-theme="black"] .kit-auto-placeholder { background:#fff; }
@media (max-width:1050px) { .kit-auto-layout { grid-template-columns:1fr; } .kit-auto-preview { position:static; max-width:720px; width:100%; margin:auto; } }
@media (max-width:620px) {
  .kit-auto-page { border-radius:14px; }
  .kit-auto-hero { align-items:flex-start; padding:20px 16px; }
  .kit-auto-status { display:none; }
  .kit-auto-layout { padding:9px; gap:10px; }
  .kit-auto-step { padding:14px; }
  .kit-auto-form label > div { display:grid; grid-template-columns:1fr; }
  .kit-auto-form button { width:100%; min-width:0; }
  .kit-auto-final ul { grid-template-columns:1fr; }
  .kit-auto-item { grid-template-columns:44px minmax(0,1fr) auto; }
  .kit-auto-item > img { width:44px; height:42px; }
  .kit-auto-remove { grid-column:2/4; justify-self:end; }
  .kit-auto-preview-canvas { padding:9px; }
  .kit-auto-preview > footer { align-items:flex-start; flex-direction:column; }
  .kit-auto-preview nav { width:100%; }
  .kit-auto-preview nav a { flex:1; text-align:center; }
}