*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{color:#fff;background:#111;overflow:hidden}body.landingBody{height:auto;min-height:100vh;overflow:hidden auto}#layout{grid-template-columns:420px 1fr;height:100vh;display:grid}#sidebar{background:#181818;border-right:1px solid #333;padding:24px;overflow-y:auto}.card{flex-direction:column;gap:12px;display:flex}input{color:#fff;background:#222;border:none;border-radius:12px;padding:12px}input[type=color]{border:1px solid #333;width:100%;height:42px;padding:4px}#templateColorControls,#mediaSlotControls{flex-direction:column;gap:10px;display:flex}.templateColorTitle{color:#aaa;margin-top:4px;font-size:.85rem}.templateColorRow{color:#fff;grid-template-columns:1fr 72px;align-items:center;gap:12px;display:grid}.templateColorRow input[type=color]{width:72px;height:34px}button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:16px;padding:16px;font-weight:700}#viewer{width:100%;height:100%}#progressContainer{background:#222;border-radius:8px;width:100%;height:12px;margin-top:15px;overflow:hidden}#progressBar{background:#4caf50;width:0%;height:100%;transition:all .3s}#spinner{text-align:center;margin-top:10px;padding:10px}#liveURL{word-break:break-all;margin-top:15px;font-size:12px}#copyBtn,#openBtn{width:100%;margin-top:10px}@media (width<=768px){#layout{flex-direction:column;display:flex}#sidebar{height:auto;max-height:50vh}#viewer{height:50vh;min-height:300px}}button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}#dashboard{width:100%;height:100vh}.clientItem{background:#222;border-radius:12px;margin-top:12px;padding:12px}.clientItem strong{margin-bottom:10px;display:block}.clientItem button{margin-top:8px}#previewFrame{background:#fff;border:none;width:100%;height:100%}.dashboardPage{color:#fff;background:#0f0f0f;grid-template-columns:380px 1fr;height:100vh;display:grid}.dashboardSidebar{background:#151515;border-right:1px solid #2c2c2c;padding:28px;overflow-y:auto}.dashHeader h1{margin-bottom:8px;font-size:2rem}.dashHeader p{color:#aaa;margin-bottom:24px;font-size:.95rem}.dashSearchBox input{color:#fff;background:#0f0f0f;border:1px solid #333;border-radius:14px;width:100%;margin-bottom:18px;padding:14px}.clientList{flex-direction:column;gap:12px;display:flex}.clientCard{text-align:left;color:#fff;cursor:pointer;background:#202020;border:1px solid #333;border-radius:16px;padding:16px}.clientCard:hover{background:#2a2a2a}.clientName{margin-bottom:6px;font-size:1rem;font-weight:700;display:block}.clientPath{color:#999;word-break:break-all;font-size:.8rem;display:block}.dashboardMain{justify-content:center;align-items:center;padding:40px;display:flex}.clientDetails{width:100%;max-width:720px}.emptyState{text-align:center;color:#aaa}.detailsCard{background:#181818;border:1px solid #333;border-radius:26px;padding:32px}.detailsCard h2{margin-bottom:22px;font-size:2rem}.detailsLabel{color:#aaa;margin-bottom:8px}.urlBox{word-break:break-all;color:#8ee99a;background:#0f0f0f;border:1px solid #333;border-radius:14px;margin-bottom:24px;padding:16px}.detailsActions{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=800px){.dashboardPage{grid-template-columns:1fr}.dashboardSidebar{border-bottom:1px solid #2c2c2c;border-right:none}.dashboardMain{padding:24px}.detailsActions{grid-template-columns:1fr}}.clientThumb{object-fit:cover;background:#111;border-radius:12px;width:100%;height:120px;margin-bottom:12px}.emptyThumb{color:#777;border:1px dashed #444;justify-content:center;align-items:center;display:flex}.detailsThumb{object-fit:contain;background:#111;border-radius:18px;width:100%;max-height:260px;margin-bottom:22px}.topClientsBox h2{margin-top:18px;margin-bottom:10px;font-size:1rem}.topClientsBox h2:first-child{margin-top:0}.topClientItem{justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:.9rem;display:flex}#topClientsList,#topEngagedList{border-bottom:1px solid #333;margin-bottom:18px;padding-bottom:18px}.topClientItem span{color:#ddd}.dashSearchBox{flex-direction:column;gap:12px;display:flex}#sortClients{border-radius:10px;width:100%;padding:10px}#toggleArchivedBtn{width:100%}@media (width<=800px){html,body{height:auto;overflow:auto}.dashboardPage{height:auto;min-height:100vh;display:block;overflow:visible}.dashboardSidebar{border-bottom:1px solid #333;border-right:none;height:auto;max-height:none;overflow:visible}.dashboardMain{height:auto;min-height:auto;padding:24px 16px 80px;display:block}.clientDetails{width:100%;max-width:none}.detailsCard{padding:20px}.detailsThumb{max-height:220px}}#modelStyle{display:none}#modelCards{grid-template-columns:1fr;gap:12px;margin-top:10px;display:grid}.modelCard{color:#fff;cursor:pointer;text-align:left;background:#202020;border:1px solid #333;border-radius:16px;padding:10px}.modelCardImage{object-fit:cover;background:#111;border-radius:12px;width:100%;height:120px;margin-bottom:8px}.modelCard span{font-weight:700;display:block}#buttonControls{flex-direction:column;gap:10px;margin:14px 0 18px;display:flex}.buttonControlRow{grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;margin:0;display:grid}.buttonControlRow input[type=checkbox]{width:18px;height:18px}.buttonLabelInput{grid-column:1/-1;width:100%;min-width:0}.mediaSlotRow{border:1px solid var(--line,#333);background:#ffffff06;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;padding:10px;display:grid}.mediaSlotRow input[type=checkbox]{width:18px;height:18px;accent-color:var(--cyan,#67e8f9)}.mediaSlotRow input[type=file]{grid-column:1/-1;width:100%}.mediaSlotCurrent{color:var(--muted,#94a3b8);grid-column:1/-1;font-size:.78rem}:root{--bg:#05080d;--panel:#0b111b;--panel-2:#101827;--line:#94a3b838;--line-bright:#67e8f96b;--text:#f8fafc;--muted:#94a3b8;--cyan:#67e8f9;--green:#38f8a6;--violet:#c084fc;--gold:#facc15}body{background:var(--bg);color:var(--text)}body:before{content:"";pointer-events:none;z-index:-2;background-color:#0000;background-image:linear-gradient(#67e8f90b 1px,#0000 1px),linear-gradient(90deg,#67e8f90a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0000 82%);mask-image:linear-gradient(#000000bf,#0000 82%)}a{color:inherit;text-decoration:none}.brandMark{color:var(--text);letter-spacing:0;align-items:center;gap:10px;font-weight:800;display:flex}.brandIcon{border:1px solid var(--line-bright);width:36px;height:36px;color:var(--cyan);background:#67e8f91f;border-radius:10px;place-items:center;display:grid;box-shadow:0 0 28px #67e8f929}.productNav,.appHeader{justify-content:space-between;align-items:center;gap:18px;display:flex}.productNav{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05080db8;padding:22px clamp(20px,4vw,64px);position:fixed;top:0;left:0;right:0}.navLinks,.appNavLinks{align-items:center;gap:8px;display:flex}.navLinks a,.appNavLinks a{color:var(--muted);border:1px solid #0000;border-radius:12px;padding:10px 12px;font-size:.9rem}.navLinks a:hover,.appNavLinks a:hover{color:var(--text);border-color:var(--line);background:#ffffff0a}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800}.landingPage{background:linear-gradient(135deg,#07111cf5,#05080d 48%,#140e23fa);min-height:100vh;overflow:visible}.heroExperience{align-items:center;min-height:88vh;padding:118px clamp(20px,5vw,72px) 64px;display:flex;position:relative;overflow:hidden}.heroCopy{z-index:3;text-shadow:0 12px 42px #0000009e;max-width:660px;position:relative}.heroCopy h1{letter-spacing:0;max-width:760px;margin-top:14px;font-size:clamp(3.5rem,7.8vw,7.6rem);line-height:.9}.heroCopy p:not(.eyebrow){color:#cbd5e1;max-width:560px;margin-top:24px;font-size:1.12rem;line-height:1.7}.heroActions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primaryAction,.secondaryAction{border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:800;display:inline-flex}.primaryAction{background:var(--cyan);color:#031014;box-shadow:0 18px 48px #67e8f938}.secondaryAction{border:1px solid var(--line-bright);color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0b}.heroScene{box-shadow:none;background:#070b12;border:none;border-radius:0;position:absolute;inset:0;overflow:hidden}.heroScene img{object-fit:cover;object-position:center right;filter:saturate(1.08)contrast(1.03);width:100%;height:100%}.heroScene:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#05080dfa 0%,#05080dd1 42%,#05080d3d 100%),linear-gradient(#05080d61,#0000 26% 68%,#05080dc2);position:absolute;inset:0}.capabilityBand,.exampleStrip{padding:42px clamp(20px,5vw,72px)}.capabilityBand{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.capabilityBand article,.exampleCard{border:1px solid var(--line);background:#0b111bc7;border-radius:22px;padding:24px;box-shadow:inset 0 0 40px #67e8f909}.capabilityBand span{color:var(--cyan);font-weight:900}.capabilityBand h2,.exampleCard h3{margin-top:12px;font-size:1.2rem}.capabilityBand p,.exampleCard p{color:var(--muted);margin-top:10px;line-height:1.6}.sectionHeading{max-width:760px;margin-bottom:22px}.sectionHeading h2{margin-top:10px;font-size:clamp(2rem,4vw,4rem)}.exampleGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.exampleCard img{object-fit:cover;border:1px solid #67e8f938;border-radius:16px;width:100%;height:220px;display:block;box-shadow:0 22px 54px #00000047}#layout{background:var(--bg);grid-template-columns:minmax(430px,30vw) 1fr}#sidebar,.dashboardSidebar{border-right:1px solid var(--line);background:#070d16f0;box-shadow:inset -1px 0 #67e8f914}#sidebar{padding:22px}.appHeader{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:18px}.appNavLinks{gap:4px}.appNavLinks a{padding:8px 9px;font-size:.78rem}.toolIntro,.dashHeader{margin-bottom:22px}.toolIntro h1,.dashHeader h1{margin-top:6px;font-size:2rem;line-height:1}.toolIntro p:not(.eyebrow),.dashHeader p:not(.eyebrow){color:var(--muted);margin-top:10px;font-size:.92rem;line-height:1.55}.card{gap:14px}label{color:#dbeafe;font-size:.9rem;font-weight:700}input,select,#sortClients{border:1px solid var(--line);color:var(--text);background:#0f172adb;border-radius:14px;outline:none}input:focus,select:focus{border-color:var(--line-bright);box-shadow:0 0 0 3px #67e8f91f}input[type=color]{border-color:var(--line);background:#ffffff0d;border-radius:12px}button,.clientCard{border:1px solid var(--line);color:var(--text);background:#0f172ae6;box-shadow:0 12px 32px #00000038}button:hover,.clientCard:hover{border-color:var(--line-bright);background:#121f30f5}#generateBtn{background:linear-gradient(135deg, var(--cyan), var(--green));color:#031014;border:none;margin-top:6px}#viewer{background:#05080d;position:relative}#viewer:before{content:"";pointer-events:none;border:1px solid #67e8f91f;border-radius:26px;position:absolute;inset:24px}#progressContainer{border:1px solid var(--line);background:#0f172ae6}#progressBar{background:linear-gradient(90deg, var(--cyan), var(--green))}#modelCards{gap:10px}.modelCard{border-color:var(--line);background:#0f172ac2;border-radius:18px;padding:10px}.modelCard.active{border-color:var(--cyan);box-shadow:0 0 0 2px #67e8f938,0 18px 46px #0000003d}.modelCardImage{border-radius:12px;height:104px}.templateColorTitle{color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.templateColorRow{color:#dbeafe}.buttonControlRow{border:1px solid var(--line);background:#ffffff06;border-radius:14px;padding:10px}.buttonControlRow input[type=checkbox]{accent-color:var(--cyan)}.dashboardPage{background:var(--bg);color:var(--text)}.dashboardSidebar{padding:24px}.topClientsBox,.dashSearchBox,.detailsCard{border:1px solid var(--line);background:#0b111bc7;border-radius:22px;padding:18px}.dashSearchBox{margin-top:18px}.clientCard{border-radius:18px;padding:14px}.dashboardMain{background:#05080d}.detailsCard{box-shadow:0 24px 64px #00000047}.urlBox{border-color:var(--line);color:var(--cyan);background:#0f172ad6}.topClientItem strong{color:var(--green)}@media (width<=980px){.capabilityBand,.exampleGrid{grid-template-columns:1fr}.heroExperience{min-height:86vh;padding-top:104px}.heroScene:after{background:linear-gradient(#05080dfa 0%,#05080dd1 48%,#05080d5c 100%),linear-gradient(#0000 54%,#05080da8)}.heroScene img{object-position:64% center}#layout{flex-direction:column;display:flex}#sidebar{max-height:none}}