/* Collection cards preview the same dark application theme as their demos. */
.template-visual{--tp-bg:#0f0b1d;--tp-ink:#ede1fc;--tp-accent:#b888ff;background:radial-gradient(ellipse at 45% 20%,#64348d45,transparent 70%),#140e22;border:1px solid #39244a;padding:27px 25px;color:#e8d8f9}.template-visual.tone-sage{--tp-accent:#37ddcc}.template-visual.tone-wine{--tp-accent:#f57cc2}.template-visual.tone-blue{--tp-accent:#9b89fc}.template-visual.tone-cobalt{--tp-accent:#7aafff}.template-visual.tone-forest{--tp-accent:#48ddba}.template-visual.tone-clay{--tp-accent:#f799c1}.template-visual .tp-window{background:#160f25;border:1px solid #49305e;box-shadow:0 20px 35px #0004,0 0 22px #9d5cda10;border-radius:8px}.template-visual .tp-window-head{background:linear-gradient(100deg,#271638,#191128);border-color:#3a234f;padding:16px 19px}.template-visual .tp-window-head strong{color:#f3eaff;font-weight:600}.template-visual .tp-window-head sup{color:var(--tp-accent)}.template-visual .tp-window-head>span{color:#b6a0ca;opacity:1}.template-visual .tp-window-head>i{box-shadow:0 0 12px var(--tp-accent)}.template-visual .tp-window-foot{border-color:#342144;color:#ac94bf}.template-visual .tp-window-foot>span:last-child{color:var(--tp-accent)}.template-visual .tp-open{background:#9d66e0;color:white;border:1px solid #c48df9;box-shadow:0 5px 24px #995ae24d}.template-visual .tp-ring{background:conic-gradient(#b483f9 0% 73%,#30203e 73% 100%);box-shadow:0 0 24px #b784fa12}.template-visual .tp-ring>div{background:#170f26}.template-visual .tp-ring strong{color:#e8d3ff}.template-visual .tp-ring small,.template-visual .tp-ring span{color:#b89ccd}.template-visual .tp-line{border-color:#3a234a;color:#baa0d0}.template-visual .tp-line b{color:#56dfd2}.template-visual .tp-dot{color:#bd86f0;opacity:1}.template-visual .tp-people>div>span{background:linear-gradient(125deg,#425462,#322341);border:1px solid #6e8c91;color:#b7fff1}.template-visual .tp-people>div:nth-child(2)>span{background:#4a2b62;color:#e7ccff;border-color:#9b6dbe}.template-visual .tp-people>div:nth-child(3)>span{background:#61304e;color:#f9c3e6;border-color:#b66999}.template-visual .tp-people small{color:#a69aba;opacity:1}.template-visual .tp-people p{border-color:#3c284d;color:#c5b2d8}.template-visual .tp-calendar>div:not(:first-child){background:repeating-linear-gradient(transparent 0,transparent 30px,#3e284d80 30px,#3e284d80 31px);border-color:#3e284d}.template-visual .tp-event{background:#4b2344;border-color:#ea78b8;color:#f2cbe4}.template-visual .tp-calendar>div:nth-child(3) .tp-event{background:#302549;border-color:#ac7eec;color:#d9c4ff}.template-visual .tp-calendar>div:nth-child(4) .tp-event{background:#153b3d;border-color:#3bcabe;color:#acf2e7}.template-visual .tp-calendar-labels{color:#b79acb;opacity:1}.template-visual .tp-focus strong{color:#c092fa;text-shadow:0 0 22px #b886ed40}.template-visual .tp-focus strong span{opacity:.6}.template-visual .tp-focus small{color:#b299c8}.template-visual .tp-focus p{border-color:#3b284d;color:#cdb9df}.template-visual .tp-focus p i{border-color:#b181eb;background:#342044}.template-visual .tp-faux-button{background:#6f3baa;border-color:#a56ed6;color:#ead6ff}.template-visual .tp-finance strong{color:#e6d3ff}.template-visual .tp-finance small{color:#b8a2cd}.template-visual .tp-finance>div>span{color:#9f8bb5;opacity:1}.template-visual .tp-spark{color:#b484fd;filter:drop-shadow(0 0 6px #a86cdb70)}.template-visual .tp-chart-labels{color:#bca2d1}.template-visual .tp-commerce img{opacity:.82}.template-visual .tp-commerce strong{color:#dfc8fb;font-family:Manrope,Arial,sans-serif;font-size:23px}.template-visual .tp-commerce small{color:#a88bc6}.template-visual .tp-order span{color:#b49acb;opacity:1}.template-visual .tp-order b{color:#46e1d0}.template-visual .tp-documents>div{background:linear-gradient(130deg,#342045,#1f152d);border-color:#684078;box-shadow:0 7px 12px #0004}.template-visual .tp-documents small{color:#aa82c3}.template-visual .tp-documents b{color:#cfa4ff}.template-visual .tp-documents span{border-color:#5c3573;color:#49decb}.template-visual .tp-process>div{background:#241532;border-color:#503366;border-top-color:#b082ed}.template-visual .tp-process>div:nth-child(2){border-top-color:#3bdfcf}.template-visual .tp-process>div:nth-child(3){border-top-color:#f278bf}.template-visual .tp-process small{color:#b79ccb}.template-visual .tp-process span{color:#5aded1;opacity:1}.template-visual .tp-bar i{background:linear-gradient(90deg,#8450c5,#c08efa);box-shadow:0 0 12px #9b69dd30}.template-visual .tp-bar:nth-of-type(2) i{background:linear-gradient(90deg,#218f96,#47e0cf)}.template-visual .tp-bar:nth-of-type(3) i{background:linear-gradient(90deg,#a53987,#f98aca)}.template-visual .tp-bar:nth-of-type(4) i{background:linear-gradient(90deg,#526cbf,#87bdff)}.template-visual .tp-channels>div{border-color:#4a2e58}.template-visual .tp-channels strong{color:#c098f8}.template-visual .tp-channels>div:nth-child(2) strong{color:#48d6cd}.template-visual .tp-channels>div:nth-child(3) strong{color:#ee8ac7}.template-visual .tp-channels i{background:linear-gradient(0deg,#a070d950,#c291fa)}.template-visual .tp-channels>div:nth-child(2) i{background:linear-gradient(0deg,#1b686955,#41d5c8)}.template-visual .tp-channels>div:nth-child(3) i{background:linear-gradient(0deg,#a1498455,#f785c9)}.template-visual .tp-care>div{background:#382147;border:1px solid #67417c;color:#e2c7f2}.template-visual .tp-care>div+div{background:#173b3b;border-color:#29605b;color:#bce8df}.template-visual .tp-care span{color:#b697cd}.template-visual .tp-care>div+div span{color:#48d6c5}
/* The homepage uses a real, readable HTML preview of the connected workspace. */
.home-neon-preview{background:radial-gradient(ellipse at 80% 10%,#4e23654a,transparent 70%),#130e20!important;color:#ecdef9;padding:30px!important;display:block!important;min-height:390px;aspect-ratio:1.35;border:1px solid #4d2e63;border-radius:8px 8px 0 0;font-family:Manrope,Arial,sans-serif;overflow:hidden}.hn-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid #422853;font-size:15px;font-weight:600}.hn-head>span{font-size:10px;font-weight:400;color:#c2a3d8}.hn-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:20px 0}.hn-kpis>div{background:linear-gradient(130deg,#432450,#24162e);border:1px solid #714382;border-radius:6px;padding:15px 12px}.hn-kpis>div:nth-child(2){background:linear-gradient(130deg,#19454a,#182632);border-color:#296765}.hn-kpis>div:nth-child(3){background:linear-gradient(130deg,#492140,#241729);border-color:#85466b}.hn-kpis small{display:block;font-size:10px;color:#cbb4da}.hn-kpis strong{display:block;font-size:24px;letter-spacing:-.8px;margin-top:7px;color:#fff}.hn-chart{display:block;border:1px solid #3f2852;background:#1d122c;border-radius:6px;padding:20px}.hn-chart>span{font-size:12px;color:#d9c0ec}.hn-bars{display:flex;align-items:end;justify-content:space-around;gap:25px;height:125px;margin-top:18px;border-bottom:1px solid #493459;background:repeating-linear-gradient(transparent 0,transparent 30px,#3b294660 30px,#3b294660 31px)}.hn-bars>div{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px;width:30%;font-size:10px;color:#c79ee7}.hn-bars i{display:block;width:38%;background:linear-gradient(0deg,#8e53c930,#b386f5);box-shadow:0 0 17px #b27ce52b;border-top:2px solid #c293fa;border-radius:3px 3px 0 0}.hn-bars>div:nth-child(2) i{background:linear-gradient(0deg,#248a8230,#3cddd0);border-color:#6aeee1}.hn-bars>div:nth-child(3) i{background:linear-gradient(0deg,#9c468130,#f87abe);border-color:#ff9dd5}.hn-bars b{font-weight:500}.hn-labels{display:flex;justify-content:space-around;font-size:10px;color:#b29ac6;padding-top:10px}.hn-note{margin-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#af98c4}.hn-note>b{color:#55ded1;font-weight:500}
@media(max-width:1000px){.template-visual{padding:22px 18px}.home-neon-preview{padding:22px!important;min-height:320px}.hn-kpis strong{font-size:19px}.hn-kpis small{font-size:9px}.hn-chart{padding:15px}.hn-bars{height:95px}}
@media(max-width:680px){.template-visual{padding:23px 21px}.template-visual .tp-window-head{padding:13px 15px}.home-neon-preview{padding:18px!important;aspect-ratio:1.05;min-height:320px}.hn-head{font-size:13px;padding-bottom:17px}.hn-head>span{font-size:9px}.hn-kpis{gap:7px;margin:16px 0}.hn-kpis>div{padding:12px 8px}.hn-kpis strong{font-size:18px;letter-spacing:-.6px}.hn-kpis small{font-size:8px}.hn-chart>span{font-size:11px}.hn-chart{padding:12px}.hn-bars{height:92px;margin-top:10px}.hn-bars>div{font-size:9px}.hn-labels{font-size:9px}.hn-note{font-size:8px}.template-visual .tp-commerce strong{font-size:21px}}