.demo-ops-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:start}.demo-profile-panel{position:sticky;top:14px;padding:16px!important}.demo-slot-card{margin:12px 0 16px;padding:12px;border:1px solid #cfe8dc;border-radius:9px;background:#f1faf6}.demo-slot-card small,.demo-slot-card strong,.demo-slot-card a{display:block}.demo-slot-card small{color:var(--muted);font-size:9px}.demo-slot-card strong{margin:3px 0;color:var(--ink);font-size:12px}.demo-slot-card a{margin-top:7px;overflow-wrap:anywhere;color:#217657;font-size:9px}.demo-profile-list{display:grid;gap:7px}.demo-profile-item{display:block;width:100%;padding:11px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;color:var(--ink)!important;text-align:left}.demo-profile-item.active{border-color:#38a27a!important;background:#eff9f4!important;box-shadow:inset 3px 0 #169c69}.demo-profile-item strong,.demo-profile-item small{display:block}.demo-profile-item strong{font-size:11px}.demo-profile-item small{margin-top:3px;color:var(--muted);font-size:9px}.demo-profile-status{display:inline-flex;margin-top:7px;padding:3px 6px;border-radius:999px;background:#edf2ef;color:#557067;font-size:8px;text-transform:uppercase}.demo-builder-panel{padding:0!important;overflow:hidden}.demo-builder-head{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line);background:#f8faf9}.demo-builder-head h2{margin:3px 0 5px!important}.demo-builder-head p{max-width:580px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.demo-dev-badge{align-self:start;padding:6px 9px;border:1px solid #cfe7dc;border-radius:999px;color:#247454;font-size:8px;font-weight:800;letter-spacing:.08em}.demo-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:13px 24px;border-bottom:1px solid var(--line)}.demo-steps button{display:flex;align-items:center;gap:7px;padding:8px!important;border:0!important;background:transparent!important;color:#8a9992!important;font-size:9px!important}.demo-steps button span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#edf1ef}.demo-steps button.active{color:#176a4d!important;font-weight:800}.demo-steps button.active span{background:var(--accent);color:#fff}.demo-step-panel{display:none;padding:24px}.demo-step-panel.active{display:block}.demo-step-title{margin-bottom:20px}.demo-step-title h3{margin:3px 0;color:var(--ink);font-size:18px}.demo-step-title p{margin:0;color:var(--muted);font-size:10px}.demo-step-panel .form-grid{gap:14px}.demo-step-panel .wide{grid-column:1/-1}.demo-step-actions{display:flex;justify-content:space-between;gap:8px;margin-top:20px}.demo-google-result{margin-top:14px}.demo-place-summary,.demo-candidate{padding:12px;border:1px solid var(--line);border-radius:9px;background:#f8faf9}.demo-place-summary strong,.demo-place-summary span{display:block}.demo-place-summary span{margin-top:3px;color:var(--muted);font-size:9px}.demo-candidate{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:7px}.demo-candidate small{display:block;color:var(--muted);font-size:8px}.demo-media-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.demo-media-card{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fbfcfb}.demo-media-preview{display:grid;place-items:center;overflow:hidden;margin-bottom:10px;border-radius:9px;background:#edf2ef;color:#91a098;font-size:9px}.demo-media-preview.cover{aspect-ratio:16/9}.demo-media-preview.logo{aspect-ratio:1/1}.demo-media-preview img{width:100%;height:100%;object-fit:cover}.demo-media-card strong,.demo-media-card small{display:block}.demo-media-card small{margin:3px 0 10px;color:var(--muted);font-size:8px}.demo-upload{display:block;padding:9px;border-radius:7px;background:#e5f4ec;color:#17684b;font-size:9px;font-weight:800;text-align:center;cursor:pointer}.demo-upload input{position:absolute;opacity:0;pointer-events:none}.demo-preview-grid{display:grid;grid-template-columns:minmax(280px,390px) 1fr;gap:18px;align-items:start}.demo-phone{aspect-ratio:390/844;overflow:hidden;border:8px solid #173d30;border-radius:25px;background:#fff}.demo-phone iframe{width:100%;height:100%;border:0}.demo-activation{padding:18px;border:1px solid #cfe7dc;border-radius:10px;background:#f2faf6}.demo-activation h3{margin:3px 0}.demo-activation p{color:var(--muted);font-size:10px;line-height:1.5}.demo-activation img{display:block;width:145px;margin:14px 0}.demo-activation code{display:block;overflow-wrap:anywhere;margin:10px 0;padding:9px;border-radius:7px;background:#fff;font-size:8px}.demo-result-actions{display:flex;gap:7px;flex-wrap:wrap}.demo-result-actions a{padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:9px;text-decoration:none}.demo-profile-tools{display:flex;gap:6px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.demo-crop-overlay[hidden]{display:none}.demo-crop-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:18px;background:#10251dbb;backdrop-filter:blur(6px)}.demo-crop-card{width:min(720px,100%);max-height:calc(100svh - 36px);overflow:auto;padding:17px;border-radius:14px;background:#fff}.demo-crop-head{display:flex;justify-content:space-between;align-items:start}.demo-crop-head h3{margin:3px 0}.demo-crop-card canvas{display:block;width:100%;height:auto;margin:14px 0;background:#14271f;touch-action:none}.demo-crop-card>label{display:grid;gap:7px;color:var(--muted);font-size:9px}.demo-crop-card input[type=range]{width:100%;accent-color:var(--accent)}.demo-empty{padding:12px 0;color:var(--muted);font-size:9px}.demo-toast{position:fixed;right:20px;bottom:20px;z-index:1100;max-width:320px;padding:10px 13px;border-radius:8px;background:#173d30;color:#fff;font-size:10px;opacity:0;transform:translateY(8px);transition:.18s;pointer-events:none}.demo-toast.show{opacity:1;transform:none}
@media(max-width:900px){.demo-ops-layout{grid-template-columns:1fr}.demo-profile-panel{position:static}.demo-profile-list{display:flex;overflow:auto}.demo-profile-item{min-width:175px}.demo-preview-grid{grid-template-columns:1fr}.demo-phone{width:min(390px,100%);margin:auto}}
@media(max-width:600px){.demo-builder-head{padding:18px}.demo-dev-badge{display:none}.demo-steps{padding:10px}.demo-steps button{display:grid;justify-items:center;gap:3px}.demo-step-panel{padding:18px}.demo-media-grid{grid-template-columns:1fr}.demo-media-card.logo-card{max-width:220px}.demo-step-actions{flex-wrap:wrap}.demo-step-actions button{flex:1}.demo-candidate{grid-template-columns:1fr}.demo-candidate button{width:100%}.demo-profile-tools{flex-wrap:wrap}}
/* Prevent long fixed Demo URLs from setting the mobile grid's min-content width. */
.demo-ops-layout{min-width:0}.demo-ops-layout>*{min-width:0;width:100%}.demo-slot-card{min-width:0;overflow:hidden}.demo-slot-card a{max-width:100%;overflow-wrap:anywhere;word-break:break-all}