:root{--bg:#07111d;--panel:#0d1b2a;--line:#21354a;--text:#f6f8fb;--muted:#9aa9bc;--blue:#1167ff;--violet:#6d34ff;--pink:#f12979;--green:#16b364;--green2:#0e8d51}
*{box-sizing:border-box}html,body{margin:0;background:linear-gradient(180deg,#020811,#07111d 55%,#081523);color:var(--text);font-family:Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}
.app{min-height:100vh;padding:14px}.topbar{display:flex;align-items:center;gap:24px;padding:10px 10px 14px;border-bottom:1px solid #1a2a3b}.brand{display:flex;align-items:center;gap:12px;min-width:360px}.brand-symbol{width:48px;height:48px;object-fit:contain}.engine-symbol{width:36px;height:36px;object-fit:contain}.brand h1{font-size:26px;margin:0}.brand small{font-size:13px}.live{color:#ff365f}.nav{display:flex;gap:30px;flex:1;justify-content:center}.nav a{color:white;text-decoration:none;font-weight:700;font-size:14px}
.btn{border:1px solid #2b4057;background:#0b1725;color:#fff;border-radius:9px;padding:10px 13px;font-weight:700;white-space:nowrap}.btn.primary{background:linear-gradient(90deg,#1167ff,#7031ff,#ef2a7a);border:0}.btn.green{background:#12aa58;border:0}.btn.danger{background:#821d30}.top-actions{display:flex;gap:8px}.engine-actions{flex-wrap:wrap;justify-content:flex-end;max-width:74%}
.workspace{display:grid;grid-template-columns:72px 270px minmax(620px,1fr) 285px;gap:12px;margin-top:10px;align-items:start}.panel{background:linear-gradient(180deg,#0d1a29,#0b1724);border:1px solid #1d3145;border-radius:14px;box-shadow:0 12px 30px #0004}.toolrail{padding:14px 8px;display:flex;flex-direction:column;gap:9px}.tool{border:0;background:transparent;color:#eaf0f7;padding:12px 4px;border-radius:10px;text-align:center;font-size:11px}.tool.active{background:linear-gradient(180deg,#4927a9,#1b2f4b);outline:1px solid #7143ff}.tool .ico{font-size:20px;display:block;margin-bottom:5px}.leftpanel,.rightpanel{padding:15px}.left-view{display:none}.left-view.active{display:block}.leftpanel h3,.rightpanel h3{margin:0 0 12px;font-size:15px}.leftpanel label,.rightpanel label{display:block;color:#c8d4e1;font-size:11px;margin:10px 0 5px}.field,.textarea,select{width:100%;background:#0a1521;color:white;border:1px solid #31445a;border-radius:8px;padding:9px}.textarea{min-height:88px;resize:vertical}.createBtn{width:100%;border:0;border-radius:8px;padding:11px;background:linear-gradient(90deg,#155eff,#642dff,#f22678);color:#fff;font-weight:800;margin-top:10px}.row,.small-grid,.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.muted{color:#9aa9bc;font-size:12px;line-height:1.5}.upload{display:block;border:1px dashed #526278;border-radius:12px;padding:18px;text-align:center;color:#9fb0c3;cursor:pointer;background:#111923}.upload input{display:none}
.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.template-card{border:1px solid #2b4057;background:#0b1725;color:white;border-radius:9px;padding:5px;overflow:hidden}.template-card img{width:100%;height:72px;object-fit:cover;border-radius:6px;display:block}.template-card span{display:block;font-size:10px;padding:5px}
.center{padding:12px;min-width:0;overflow:visible}.engine-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.engine-title{display:flex;align-items:center;gap:9px;font-weight:800}.canvas-top{display:flex;justify-content:space-between;align-items:center;margin:6px 0 10px}.tabs{display:flex;gap:6px}.tab{border:1px solid #29445e;background:#0c1928;color:white;padding:8px 14px;border-radius:8px}.tab.active{background:#135df5}.zoom{display:flex;gap:7px;align-items:center;color:#c8d4e1}
.canvas-wrap{background:#07121e;border:1px solid #1d3145;border-radius:12px;padding:34px;min-height:530px;display:grid;place-items:center;background-image:radial-gradient(#24415c 1px,transparent 1px);background-size:20px 20px;overflow:auto}
.card{width:760px;height:470px;position:relative;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 12px 30px #0007;transform-origin:center}.blank-card{background:linear-gradient(115deg,#03101b 0 39%,#092d84 39% 44%,#1364ff 44% 48%,#fff 48%)}.back-card{width:760px;height:470px;background:#061423;color:#fff}.back-centered{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.back-centered img{width:70px;height:70px;object-fit:contain}
.template-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.object{position:absolute;z-index:3;min-width:28px;min-height:18px;cursor:move;user-select:none;touch-action:none}.object.selected{outline:2px solid #35e875;outline-offset:3px}.object .handle{display:none;position:absolute;width:14px;height:14px;border-radius:3px;background:#fff;border:2px solid #35e875;right:-9px;bottom:-9px;cursor:nwse-resize}.object.selected .handle{display:block}.delete-object{display:none;position:absolute;right:-10px;top:-12px;width:23px;height:23px;border:0;border-radius:50%;background:#ff3348;color:#fff;z-index:5}.object.selected .delete-object{display:grid;place-items:center}.textobj{white-space:nowrap}.editable-text[contenteditable="true"]{outline:1px dashed #35e875;background:#35e87518}.imageobj img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.qrobj{width:104px;height:104px;border:7px solid #fff;border-radius:8px;background:#fff}.qrobj canvas,.qrobj img{width:100%!important;height:100%!important;display:block}
.layers{margin-top:15px;border-top:1px solid #20364a;padding-top:13px}.layer{display:flex;align-items:center;justify-content:space-between;padding:8px 9px;border:1px solid #294057;border-radius:7px;margin-bottom:5px;font-size:12px;cursor:pointer}.layer.active{background:linear-gradient(90deg,#0e8d51,#16b364);border-color:#31e17b;color:white}.layer-actions{display:flex;gap:4px}.layer-actions button{border:0;background:#283649;color:white;border-radius:5px}.range{width:100%}.size-grid{margin-top:9px}
.share-pop{position:absolute;right:295px;top:74px;width:245px;background:#0d1b2a;border:1px solid #294057;border-radius:10px;padding:8px;z-index:20;box-shadow:0 18px 45px #0009;display:none}.share-pop.open{display:block}.share-item{padding:9px;border-bottom:1px solid #20364a;font-size:12px}.share-item strong{display:block}.share-item span{color:#98a9bc;font-size:11px}
.statusbar{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:12px;padding:15px}.statusitem{border-right:1px solid #294057;padding:0 8px}.statusitem:last-child{border-right:0}.statusitem b{display:block;font-size:12px}.statusitem small{color:#a7b5c7;font-size:10px}.footerline{display:flex;justify-content:space-between;padding:13px 20px;color:#9eb0c2;font-size:11px;margin-top:10px}.saved{color:#dff7e8}.dot{display:inline-block;width:20px;height:20px;border-radius:50%;background:#18b865;color:#fff;text-align:center;line-height:20px;margin-right:8px}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#101f31;border:1px solid #35516b;color:#fff;padding:12px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.22s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;background:#000a;display:none;align-items:center;justify-content:center;z-index:90}.modal.open{display:flex}.modal-card{position:relative;width:min(520px,94vw);background:#0d1b2a;border:1px solid #294057;border-radius:16px;padding:24px}.modal-x{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#fff;font-size:28px}.exit-preview-floating{display:none;position:fixed;right:28px;top:22px;z-index:999;border:2px solid #fff;background:linear-gradient(90deg,#ff285e,#7135ff);color:#fff;font-weight:900;font-size:15px;padding:14px 20px;border-radius:12px;box-shadow:0 12px 40px #0009}.preview-mode .exit-preview-floating{display:block}.preview-mode .toolrail,.preview-mode .leftpanel,.preview-mode .rightpanel,.preview-mode .statusbar,.preview-mode .topbar{display:none!important}.preview-mode .workspace{grid-template-columns:1fr}.preview-mode .center{max-width:1200px;margin:auto;width:100%}.preview-mode .engine-head{display:none}.preview-mode .canvas-wrap{min-height:84vh}
@media(max-width:1450px){.workspace{grid-template-columns:68px 245px minmax(620px,1fr) 260px}.engine-actions{max-width:68%}.engine-actions .btn{font-size:12px;padding:8px 10px}.brand{min-width:300px}.nav{gap:16px}}

/* v2.1 triple synchronization */
.left-layer-list .layer{
  background:#0b1725;
}
.left-layer-list .layer.active,
#layersList .layer.active{
  background:linear-gradient(90deg,#0e8d51,#16b364)!important;
  border-color:#31e17b!important;
  box-shadow:0 0 0 1px #31e17b55,0 0 18px #16b36433;
}
.object.selected{
  outline:3px solid #35e875!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 1px #fff8,0 0 20px #35e87566;
}
.object.selected::before{
  content:attr(data-name);
  position:absolute;
  left:0;
  top:-25px;
  background:#16b364;
  color:white;
  font-size:10px;
  font-weight:800;
  line-height:1;
  padding:5px 7px;
  border-radius:5px;
  white-space:nowrap;
  pointer-events:none;
}
.object.selected .handle{
  display:block!important;
}
.sync-indicator{
  color:#8ff0b7;
  font-size:10px;
  font-weight:700;
}

/* v2.2 blank template + logo replacement */
.blank-thumb{
  height:72px;border-radius:6px;background:#fff;border:1px solid #dfe5ec;
}
.blank-template-card.active .blank-thumb{outline:2px solid #35e875}
.logo-replace-controls{
  margin:10px 0 12px;padding:10px;border:1px solid #25533d;border-radius:10px;
  background:linear-gradient(180deg,#0c211b,#0a1816);
}
.compact-upload{padding:11px!important;margin-top:5px!important}
.logo-replace-controls small{display:block;margin-top:8px}
.card.blank-white{background:#fff!important}
.card.clean-blue{
  background:
    linear-gradient(115deg,#03101b 0 39%,#092d84 39% 44%,#1364ff 44% 48%,#fff 48%)!important;
}

/* v2.3 Industry / Leisure Asset Library */
.asset-library-view{min-height:560px}
.asset-category{margin-top:8px}
.asset-count{font-size:10px;color:#8fa2b7;margin:8px 0}
.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:430px;overflow:auto;padding-right:4px}
.asset-item{border:1px solid #294057;background:#0a1521;color:#eaf0f7;border-radius:9px;padding:5px;cursor:pointer;transition:.15s;text-align:center}
.asset-item:hover{border-color:#6c42ff;transform:translateY(-1px);background:#112337}
.asset-item img{width:100%;aspect-ratio:1/1;display:block;border-radius:7px;object-fit:cover}
.asset-item span{display:block;font-size:8.5px;line-height:1.15;padding:5px 2px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assetobj img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}

/* v2.4 Structured template themes: visual change without flattened ghost content */
.card{transition:background .22s ease,border-color .22s ease}
.card.template-white{background:#fff!important}
.card.template-software{background:linear-gradient(115deg,#03101b 0 39%,#092d84 39% 44%,#1364ff 44% 48%,#fff 48%)!important}
.card.template-restaurant{background:linear-gradient(115deg,#22140a 0 42%,#c9953f 42% 47%,#f8f1e4 47%)!important}
.card.template-dentist{background:linear-gradient(120deg,#ecfbff 0 62%,#c8f4f7 62% 68%,#ffffff 68%)!important}
.card.template-realestate{background:linear-gradient(115deg,#172033 0 44%,#c59a54 44% 48%,#f8f5ef 48%)!important}
.card.template-finance{background:linear-gradient(115deg,#061c1a 0 44%,#14a07c 44% 48%,#effaf6 48%)!important}
.card.template-creative{background:linear-gradient(125deg,#3c114a 0 38%,#e62e83 38% 45%,#fff4fb 45%)!important}
.template-card.active{outline:2px solid #35e875;box-shadow:0 0 0 2px #35e87522}
.free-asset-button{background:transparent!important;border-color:#2b4057!important}
.free-asset-button img{background:transparent!important}
.assetobj.free-asset img{background:transparent!important}

/* v2.5 Business Card Template Pack 001 */
.pack-heading{grid-column:1/-1;font-size:11px;font-weight:800;letter-spacing:.04em;margin:5px 0 2px;color:#eef4fa}
.pack-heading span{float:right;color:#76e6a5;font-size:8px}
.template-pack-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}
.pack-template{border:1px solid #294057;background:#0b1622;color:#eaf1f7;border-radius:9px;padding:5px;cursor:pointer;text-align:left}
.pack-template:hover,.pack-template.active{border-color:#35e875;box-shadow:0 0 0 1px #35e87544}
.pack-template .mini-card{height:66px;border-radius:6px;position:relative;overflow:hidden}
.pack-template .mini-mark{position:absolute;right:10px;top:10px;font-size:24px}
.pack-template .mini-lines{position:absolute;left:9px;bottom:10px;width:56%}
.pack-template .mini-lines i{display:block;height:3px;background:#fff;border-radius:3px;margin-top:4px;opacity:.92}
.pack-template .mini-lines i:nth-child(2){width:70%;opacity:.65}
.pack-template .mini-lines i:nth-child(3){width:48%;opacity:.45}
.pack-template b{display:block;font-size:8.5px;padding:5px 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pack-template small{display:block;font-size:7.5px;color:#8fa2b7;padding:1px 2px 2px}

/* STEP 5H — Create AI live orchestration state */
#createBtn[data-ai-busy="1"]{opacity:.72;cursor:wait;filter:saturate(.85)}
#createBtn[data-ai-status="error"]{box-shadow:0 0 0 2px rgba(220,60,70,.22)}


/* v2.7 Backgrounds + Shapes */
.background-group-title{font-size:11px;font-weight:800;color:#dce7f1;margin:12px 0 6px;text-transform:uppercase;letter-spacing:.05em}
.background-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.background-choice,.scene-background-choice,.shape-choice{border:1px solid #294057;background:#0b1622;color:#eef4f8;border-radius:9px;padding:6px;cursor:pointer;min-width:0}
.background-choice:hover,.scene-background-choice:hover,.shape-choice:hover{border-color:#6c4df6;box-shadow:0 0 0 1px #6c4df633}
.background-choice span{display:block;height:42px;border-radius:6px;border:1px solid #ffffff22}
.background-choice b,.scene-background-choice b,.shape-choice b{display:block;font-size:8px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scene-background-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.scene-background-choice img{width:100%;height:72px;object-fit:cover;border-radius:6px;display:block}
.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.shape-choice{height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.shape-preview{display:block;width:52px;height:34px;background:#2877f2}
.shape-preview.rounded{border-radius:10px}
.shape-preview.circle{width:38px;height:38px;border-radius:50%}
.shape-preview.ellipse{width:56px;height:30px;border-radius:50%}
.shape-preview.triangle{background:transparent;width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:38px solid #2877f2}
.shape-preview.diagonal{clip-path:polygon(30% 0,100% 0,70% 100%,0 100%)}
.shape-preview.wave{clip-path:path("M0 20 C15 0 38 38 52 12 L52 34 L0 34 Z")}
.shape-preview.curve{border-radius:70% 0 0 70%}
.shape-preview.arch{border-radius:28px 28px 0 0}
.shape-preview.ribbon{clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%,18% 50%)}
.shape-preview.line{height:5px;margin-top:15px}
.shape-preview.blob{border-radius:60% 40% 62% 38% / 45% 55% 45% 55%}
.backgroundobj img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.shapeobj .shape-fill,.background-color-layer .shape-fill{position:absolute;inset:0;pointer-events:none}
.shapeobj,.background-color-layer,.backgroundobj{overflow:hidden}



/* v2.6 STEP 5A–5H — LIVE Intelligence indicator */
.ai-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:2px}
.ai-title-row h3{margin:0;min-width:0}
.ai-live-badge{
  flex:0 0 auto;
  display:inline-flex;align-items:center;gap:6px;
  margin-top:1px;padding:5px 8px;
  border:1px solid #39ff72;border-radius:7px;
  background:rgba(5,35,20,.9);color:#63ff8b;
  font-size:10px;font-weight:900;letter-spacing:.12em;
  box-shadow:0 0 8px rgba(57,255,114,.55),inset 0 0 10px rgba(57,255,114,.08);
  text-shadow:0 0 8px rgba(57,255,114,.85);
  animation:designliveLivePulse 1.45s ease-in-out infinite;
}
.ai-live-badge i{width:7px;height:7px;border-radius:50%;background:#39ff72;box-shadow:0 0 9px #39ff72}
@keyframes designliveLivePulse{
  0%,100%{box-shadow:0 0 7px rgba(57,255,114,.45),inset 0 0 10px rgba(57,255,114,.06);transform:translateZ(0)}
  50%{box-shadow:0 0 16px rgba(57,255,114,.95),0 0 28px rgba(57,255,114,.2),inset 0 0 12px rgba(57,255,114,.12)}
}
@media (prefers-reduced-motion:reduce){.ai-live-badge{animation:none}}

/* Back-side preview — feature reserved until True Front/Back Editing RC */
.back-coming-soon{gap:9px}
.back-coming-soon img{filter:drop-shadow(0 0 16px rgba(100,84,255,.25))}
.back-coming-soon .back-label{color:#aebdca;font-size:13px;letter-spacing:.04em}
.back-coming-badge{
  margin-top:5px;padding:9px 16px;border-radius:9px;
  border:1px solid #39ff72;background:rgba(5,35,20,.88);
  color:#63ff8b;font-weight:900;font-size:15px;letter-spacing:.14em;
  text-shadow:0 0 10px rgba(57,255,114,.7);
  box-shadow:0 0 14px rgba(57,255,114,.28);
}
.back-coming-soon small{color:#72879a;font-size:10px}

/* Prevent hidden Front canvas from being changed while Back preview is selected. */
body.back-side-coming-soon .toolrail,
body.back-side-coming-soon .leftpanel,
body.back-side-coming-soon .rightpanel,
body.back-side-coming-soon .engine-actions{
  opacity:.38;filter:saturate(.45);
  pointer-events:none;
  user-select:none;
}
body.back-side-coming-soon .canvas-wrap{box-shadow:0 0 0 1px rgba(57,255,114,.08)}


/* RC AI→Canvas Fidelity & Scene Binding Fix v1.0 */
#card .dl-ai-text{
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:anywhere;
  word-break:normal;
  max-width:100%;
}
#card .dl-ai-text .dl-ai-fit-text{
  display:block;width:100%;max-width:100%;
  white-space:pre-line!important;
  overflow-wrap:anywhere;
}
#card .dl-ai-image{overflow:hidden!important;background-size:cover;background-position:center;background-repeat:no-repeat}
#card .dl-ai-image>.dl-ai-generated-scene{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center center!important;
  opacity:1!important;visibility:visible!important;display:block!important;
  z-index:1!important;
}

/* RC Logo Intelligence Prompt Composer v1.0 */
.logo-intelligence-btn{width:100%;margin-top:7px}
.logo-brief{
  min-height:128px;
  resize:vertical;
  margin-top:7px;
  font-size:11px;
  line-height:1.35;
  color:#bdd0df;
  background:#0b1724;
}

/* RC v1.1 — DesignLive Production Monitor */
.ai-auto-help{display:block;margin:-4px 0 8px;color:#7f96a9;font-size:10px;line-height:1.35}
.dl-production-monitor{
  margin-top:9px;padding:10px 11px;border:1px solid rgba(42,255,122,.35);
  border-radius:10px;background:rgba(3,18,14,.92);
  box-shadow:0 0 20px rgba(42,255,122,.08) inset,0 0 12px rgba(42,255,122,.06);
  color:#7dffa9;
}
.dl-monitor-head{display:flex;align-items:center;gap:7px;font-size:11px;color:#86ffac}
.dl-monitor-dot{width:8px;height:8px;border-radius:50%;background:#2aff7a;box-shadow:0 0 10px #2aff7a;animation:dlMonitorPulse 1.25s ease-in-out infinite}
.dl-monitor-wait{margin-top:4px;color:#a7c7b2;font-size:10px;line-height:1.35}
.dl-monitor-friendly{margin-top:8px;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#71f69e;white-space:pre-wrap}
.dl-monitor-details{margin-top:7px;border-top:1px solid rgba(113,246,158,.18);padding-top:6px}
.dl-monitor-details summary{cursor:pointer;color:#6da681;font-size:9px;user-select:none}
#dlPerfTrace{margin:6px 0 0;padding:0;background:transparent;color:#55cf83;font:9px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.dl-production-monitor[data-state="complete"] .dl-monitor-dot{animation:none;background:#2aff7a}
.dl-production-monitor[data-state="error"]{border-color:rgba(255,100,100,.45)}
.dl-production-monitor[data-state="error"] .dl-monitor-dot{animation:none;background:#ff6464;box-shadow:0 0 10px #ff6464}
@keyframes dlMonitorPulse{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
/* v1.8 Functional QR, Adaptive CTA & Typography Finisher */
.dl-monitor-wait{color:#ff5b68!important;font-weight:800!important;font-size:10.5px!important}
.functional-action-controls{margin:10px 0;padding:10px;border:1px solid #28445b;border-radius:10px;background:#081722}
.dl-ai-text{overflow:visible!important}
.dl-ai-text .editable-text{overflow:visible!important}

/* v2.0.2 Action Button Library */
.action-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.action-button-choice{border:1px solid #29425b;background:#0b1a29;color:#fff;border-radius:10px;padding:10px 8px;cursor:pointer;font-weight:800}.action-button-choice:hover{border-color:#20d980}.action-library-note{font-size:11px;color:#91a7ba;line-height:1.35;margin-top:8px}

/* v2.0.3 Action Library — compact category cards, not black button slabs */
.action-library-groups{display:grid;gap:10px;margin-top:10px}.action-category{border:1px solid #29425b;border-left:4px solid #607d8b;background:#0d1d2c;border-radius:10px;padding:9px}.action-category>b{display:block;font-size:11px;letter-spacing:.5px;margin-bottom:7px}.action-category>div{display:flex;flex-wrap:wrap;gap:6px}.action-category .action-button-choice{background:#13283a;border:1px solid #36516a;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}.action-category.booking{border-left-color:#25b86b}.action-category.shopping{border-left-color:#2f80ed}.action-category.offers{border-left-color:#f2994a}.action-category.contact{border-left-color:#9b51e0}.action-category.info{border-left-color:#56ccf2}.action-category.download{border-left-color:#6fcf97}.action-category.events{border-left-color:#eb5757}.action-category.social{border-left-color:#bb6bd9}

/* v2.0.3 Editor Runtime Finisher — the editor card never grows because of a rogue free layer. */
#card.card{width:760px!important;height:470px!important;min-width:760px!important;max-width:760px!important;min-height:470px!important;max-height:470px!important;overflow:hidden!important;contain:layout paint;}
#card .object{max-width:760px;max-height:470px;}


/* === DESIGNLIVE 7E.5F-C SAVE PROJECT DROPDOWN === */

.engine-actions{
  position:relative;
}

#savePop.save-pop{
  display:none;
  position:absolute;
  top:62px;
  right:185px;
  z-index:1500;
  width:275px;
  padding:10px;
  border:1px solid rgba(130,150,180,.28);
  border-radius:14px;
  background:#0f1d2d;
  box-shadow:0 18px 45px rgba(0,0,0,.42);
}

#savePop.save-pop.open{
  display:block;
}

#savePop #saveProjectName{
  width:100%;
  box-sizing:border-box;
  margin:0 0 8px;
  padding:8px 10px;
  border:1px solid rgba(140,160,190,.35);
  border-radius:7px;
  background:#ffffff;
  color:#111827;
  font:inherit;
}

#savePop .save-item{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:10px 8px;
  border-top:1px solid rgba(160,180,210,.16);
  border-radius:8px;
  cursor:pointer;
}

#savePop{
  display:none;
  position:absolute;
  z-index:1200;
  top:118px;
  right:105px;
  width:290px;
  padding:8px;
  border:1px solid #294057;
  border-radius:14px;
  background:#0b1725;
  box-shadow:0 18px 48px rgba(0,0,0,.42);
}

#savePop.open{
  display:block;
}

#savePop .save-item:hover{
  background:rgba(255,255,255,.06);
}

#savePop .save-item strong{
  color:#fff;
  font-size:14px;
}

#savePop .save-item span{
  color:#9fb0c4;
  font-size:12px;
  line-height:1.25;
}

/* === END DESIGNLIVE 7E.5F-C SAVE PROJECT DROPDOWN === */