.cs-studio{--ink:#0a0a0b;--ink-2:#141417;--ink-3:#1b1b1f;--bone:#f4f3ee;--dim:#9c9c95;--faint:#6a6a64;--line:#2b2b31;--accent:#a5b4fc;--ok:#9fe3b0;--warn:#f2d48a;--bad:#ff8f8f;--display:inherit;--ui:inherit;--body:inherit;background:var(--ink);color:var(--bone);-webkit-font-smoothing:antialiased;text-align:left;border-radius:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;overflow-x:clip;container:cs-studio/inline-size}.cs-studio *,.cs-studio :before,.cs-studio :after{box-sizing:border-box}.cs-studio a{color:inherit}.cs-studio p{margin:1em 0}.cs-studio :is(h1,h2,h3,h4,h5,p,li,dd,dt,td,th){text-wrap-style:auto}.cs-studio :is(h2,h3,h4){font-size:inherit;font-weight:inherit;margin:0;line-height:1.3}.cs-studio .wrap{max-width:1100px;margin:0 auto;padding:1.4rem 1rem 2rem}.cs-studio .top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.cs-studio .brand{font-family:var(--display);letter-spacing:-.02em;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:1.5rem;font-weight:700;line-height:1;text-decoration:none}.cs-studio .top .meta{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.cs-studio nav.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:.4rem;margin:1rem 0 1.4rem;padding-bottom:1rem;display:flex;overflow-x:auto}.cs-studio nav.tabs button{font-family:var(--ui);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border:1px solid var(--line);color:var(--dim);cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:.55rem .9rem;font-size:.74rem;line-height:1.5}.cs-studio nav.tabs button.on{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.cs-studio .page{font-family:var(--ui);text-transform:uppercase;letter-spacing:.05em;color:var(--bone);margin:0 0 1rem;font-size:1.25rem;font-weight:600;line-height:1.3}.cs-studio .kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin-bottom:1.4rem;display:grid}.cs-studio .kpi{background:var(--ink-2);border:1px solid var(--line);text-align:left;color:inherit;font:inherit;border-radius:10px;padding:1rem 1.1rem}.cs-studio button.kpi{cursor:pointer}.cs-studio .kpi .n{font-family:var(--ui);font-size:1.8rem;font-weight:600;line-height:1}.cs-studio .kpi .l{color:var(--dim);text-transform:uppercase;letter-spacing:.07em;margin-top:.4rem;font-size:.7rem}.cs-studio .card{background:var(--ink-2);border:1px solid var(--line);border-radius:10px;min-width:0;margin-bottom:1rem;padding:1.1rem 1.2rem}.cs-studio .card h3{font-family:var(--ui);text-transform:uppercase;letter-spacing:.07em;color:var(--dim);margin:0 0 .9rem;font-size:.78rem;font-weight:600;line-height:1.4}.cs-studio .grid2{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1rem;display:grid}.cs-studio .grid2>*{min-width:0}.cs-studio .muted{color:var(--faint);font-size:.84rem}.cs-studio .dim{color:var(--dim)}.cs-studio .empty{color:var(--faint);padding:.3rem 0;font-size:.9rem}.cs-studio .setup{border:1px dashed var(--line);color:var(--dim);border-radius:10px;margin-bottom:1rem;padding:.9rem 1.1rem;font-size:.88rem}.cs-studio .list{margin:0;padding:0;list-style:none}.cs-studio .list li{border-top:1px solid var(--ink-3);justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem 0;display:flex}.cs-studio .list li:first-child{border-top:none;padding-top:0}.cs-studio .list li:last-child{padding-bottom:0}.cs-studio .list .row{flex:1;justify-content:space-between;align-items:center;gap:.8rem;min-width:0;text-decoration:none;display:flex}.cs-studio .list .t{font-weight:600}.cs-studio .list .s{color:var(--dim);font-size:.85rem}.cs-studio .list .r{text-align:right;white-space:nowrap}.cs-studio .list li>span:first-child,.cs-studio .list .row>span:first-child{overflow-wrap:break-word;min-width:0}@container cs-studio (max-width:34rem){.cs-studio .list li:has(>.btns){flex-wrap:wrap}.cs-studio .list li:has(>.btns)>.row{flex:auto}.cs-studio .list li>.btns{margin-left:auto}}.cs-studio .day{font-family:var(--ui);text-transform:uppercase;letter-spacing:.07em;color:var(--dim);margin:1.4rem 0 .4rem;font-size:.72rem}.cs-studio :first-child>.day:first-child{margin-top:0}.cs-studio .chip{font-family:var(--ui);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line);color:var(--dim);vertical-align:middle;border-radius:999px;padding:.18rem .5rem;font-size:.64rem;line-height:1.5;display:inline-block}.cs-studio .chip.paid{color:var(--ok);border-color:#2f5a3a}.cs-studio .chip.sent{color:var(--warn);border-color:#5a4d2f}.cs-studio .chip.venmo{color:var(--warn);border-color:var(--warn)}.cs-studio .chip.unpaid,.cs-studio .chip.low{color:var(--warn);border-color:#5a4d2f}.cs-studio .chip.renew,.cs-studio .chip.cancelled{color:var(--bad);border-color:#5a2f2f}.cs-studio .chip.done{color:var(--ok);border-color:#2f5a3a}.cs-studio .meter{background:var(--ink-3);border-radius:4px;height:6px;margin:.5rem 0 .35rem;overflow:hidden}.cs-studio .meter span{background:var(--bone);height:100%;display:block}.cs-studio .s strong{color:var(--bone);font-weight:600}.cs-studio .logform{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.cs-studio .logform input{flex:12rem;min-width:0}.cs-studio .logform input[type=date],.cs-studio .logform input[type=time]{flex:8.5rem}.cs-studio .cur .big{font-family:var(--ui);text-transform:uppercase;letter-spacing:.06em;font-size:1.15rem;font-weight:600}.cs-studio .daypick{flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem;display:flex}.cs-studio .daypick label{cursor:pointer;position:relative}.cs-studio .daypick input{opacity:0;pointer-events:none;position:absolute}.cs-studio .daypick span{border:1px solid var(--line);font-family:var(--ui);text-transform:uppercase;letter-spacing:.05em;color:var(--dim);border-radius:6px;padding:.45rem .65rem;font-size:.72rem;display:inline-block}.cs-studio .daypick input:checked+span{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.cs-studio .daypick input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.cs-studio label.check{cursor:pointer;align-items:flex-start;gap:.6rem;margin-bottom:.8rem;font-size:.92rem;display:flex}.cs-studio label.check input{accent-color:var(--accent);margin-top:.25rem}.cs-studio .s em{color:var(--warn);font-style:normal}.cs-studio [hidden]{display:none!important}.cs-studio h4.sub{font-family:var(--ui);letter-spacing:.04em;margin:0 0 .5rem;font-size:.95rem;font-weight:600}.cs-studio .txlist{max-height:60vh;overflow-y:auto}.cs-studio details.edit summary{cursor:pointer;color:var(--dim);font-family:var(--ui);text-transform:uppercase;letter-spacing:.06em;font-size:.74rem}.cs-studio details.edit[open] summary{margin-bottom:.9rem}.cs-studio label.f{margin-bottom:.85rem;display:block}.cs-studio label.f>span{font-family:var(--ui);text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-bottom:.3rem;font-size:.68rem;display:block}.cs-studio input[type=text],.cs-studio input[type=email],.cs-studio input[type=url],.cs-studio input[type=tel],.cs-studio input[type=number],.cs-studio input[type=time],.cs-studio input[type=date],.cs-studio select,.cs-studio textarea{background:var(--ink);border:1px solid var(--line);width:100%;color:var(--bone);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;min-width:0;padding:.7rem .75rem;font-family:inherit;font-size:16px;line-height:1.4}.cs-studio input[type=date],.cs-studio input[type=time]{appearance:none;text-align:left;min-height:2.95rem;line-height:1.3;display:block}.cs-studio input::-webkit-date-and-time-value{text-align:left;min-height:1.3em}.cs-studio textarea{resize:vertical;min-height:4.5rem;display:block}.cs-studio .fr{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0 .8rem;display:grid}.cs-studio .btn{background:var(--accent);color:#0a0a0a;border:1px solid var(--accent);font-family:var(--ui);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;text-align:center;border-radius:8px;padding:.75rem 1.2rem;font-size:.8rem;font-weight:700;line-height:1.3;text-decoration:none;display:inline-block}.cs-studio .btn.ghost{color:var(--bone);border-color:var(--line);background:0 0}.cs-studio .btn.sm{padding:.4rem .7rem;font-size:.68rem;font-weight:600}.cs-studio .btn.danger{color:var(--bad);background:0 0;border-color:#5a2f2f}.cs-studio .btn:disabled,.cs-studio .btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.cs-studio .btns{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.cs-studio .btn.block{width:100%;display:block}.cs-studio .sessrow{border:1px solid var(--line);border-radius:8px;grid-template-columns:5.5rem minmax(0,1fr) auto;align-items:end;gap:.6rem .5rem;margin-bottom:.6rem;padding:.8rem;display:grid}.cs-studio .sessrow>*{min-width:0}.cs-studio .sessrow label.f{margin:0}.cs-studio .sessrow .when{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;display:grid}.cs-studio .sessrow .rm{height:2.95rem}.cs-studio .sendgrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;display:grid}.cs-studio .linkbox{gap:.5rem;margin-top:.8rem;display:flex}.cs-studio .linkbox input{color:var(--dim);flex:1;font-size:.85rem}.cs-studio dl.kv{grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0;font-size:.92rem;display:grid}.cs-studio dl.kv dt{color:var(--dim)}.cs-studio dl.kv dd{word-break:break-word;margin:0}.cs-studio table.subs{border-collapse:collapse;width:100%;font-size:.88rem}.cs-studio table.subs th{text-align:left;font-family:var(--ui);text-transform:uppercase;letter-spacing:.05em;color:var(--dim);border-bottom:1px solid var(--line);padding:.5rem .8rem .5rem 0;font-size:.66rem;font-weight:600}.cs-studio table.subs td{border-bottom:1px solid var(--ink-3);vertical-align:top;padding:.55rem .8rem .55rem 0}.cs-studio table.subs tr:last-child td{border-bottom:none}.cs-studio table.subs td:first-child{word-break:break-all}.cs-studio .err{color:var(--bad);margin-bottom:.8rem;font-size:.85rem}.cs-studio :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cs-studio button.link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.cs-studio .notice{color:var(--ok);background:#0f1d13;border:1px solid #2f5a3a;border-radius:8px;margin:0 0 1rem;padding:.75rem 1rem;font-size:.92rem}.cs-studio .notice.err{color:var(--bad);background:#1d0f0f;border-color:#5a2f2f}.cs-studio .nlpreview{background:#0a0a0b;border-radius:8px;width:100%;min-height:420px;display:block}.cs-studio button.row{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.cs-studio button.back{font:inherit;color:var(--faint);cursor:pointer;background:0 0;border:0;padding:0;font-size:.84rem}.cs-studio button.back:hover,.cs-studio button.inl:hover{color:var(--bone)}.cs-studio button.inl{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.cs-studio .demo-note{color:var(--warn);border:1px dashed #5a4d2f;border-radius:8px;margin:.8rem 0 0;padding:.75rem 1rem;font-size:.88rem}.cs-studio .demo-note pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:var(--bone);margin:.5rem 0 0;font-size:.84rem}.cs-studio .slots .s b{color:var(--bone);font-weight:600}
.cs-studio .nlb-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem 1rem;margin-bottom:1rem;display:flex}.cs-studio .nlb-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.cs-studio .nlb-tabs .btn{flex:1}.cs-studio .nlb-cols{grid-template-columns:minmax(0,1fr);gap:1.2rem;display:grid}.cs-studio .nlb-edit,.cs-studio .nlb-preview{min-width:0}.cs-studio .nlb .nlb-preview{display:none}.cs-studio .nlb.pv .nlb-preview{display:block}.cs-studio .nlb.pv .nlb-edit{display:none}@container cs-studio (min-width:860px){.cs-studio .nlb-tabs{display:none}.cs-studio .nlb-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}.cs-studio .nlb .nlb-preview,.cs-studio .nlb.pv .nlb-preview{display:block;position:sticky;top:1rem}.cs-studio .nlb.pv .nlb-edit{display:block}}.cs-studio .blk{background:var(--ink-2);border:1px solid var(--line);border-radius:10px}.cs-studio .blk-h{border-bottom:1px solid var(--ink-3);align-items:center;gap:.15rem;padding:.35rem .5rem;display:flex}.cs-studio .blk-h .nm{min-width:0;font-family:var(--ui);text-transform:uppercase;letter-spacing:.07em;color:var(--dim);flex:1;font-size:.68rem}.cs-studio .ic{color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;width:2.1rem;height:2.1rem;padding:0;font-size:.95rem;line-height:1}.cs-studio .ic:hover:not(:disabled){border-color:var(--line);color:var(--bone)}.cs-studio .ic:disabled{opacity:.25;cursor:default}.cs-studio .tbar .ic{border-color:var(--line);font-weight:700}.cs-studio .blk-b{padding:.8rem}.cs-studio .blk-b label.f{margin-bottom:.65rem}.cs-studio .blk-b .hint{margin:-.3rem 0 .6rem}.cs-studio .opts{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cs-studio .seg{border:1px solid var(--line);border-radius:7px;display:inline-flex;overflow:hidden}.cs-studio .seg button{color:var(--dim);font-family:var(--ui);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:0;border-radius:0;padding:.5rem .75rem;font-size:.66rem;line-height:1.5}.cs-studio .seg button+button{border-left:1px solid var(--line)}.cs-studio .seg button.on{background:var(--accent);color:#0a0a0a}.cs-studio .tbar{gap:.35rem;margin-bottom:.4rem;display:flex}.cs-studio .thumb{border-radius:6px;max-width:100%;max-height:200px;margin:0 auto .6rem;display:block}.cs-studio .ins{border:1px dashed var(--line);background:var(--ink);width:2.2rem;height:1.5rem;color:var(--faint);cursor:pointer;border-radius:999px;margin:.3rem auto;padding:0;line-height:1;display:block}.cs-studio .ins:hover{color:var(--bone);border-color:var(--bone)}.cs-studio .insmenu{border:1px dashed var(--bone);border-radius:10px;justify-items:end;gap:.6rem;margin:.4rem 0;padding:.7rem;display:grid}.cs-studio .insmenu .addgrid{width:100%}.cs-studio .addgrid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.5rem;display:grid}.cs-studio .addgrid button{background:var(--ink);border:1px solid var(--line);color:var(--bone);cursor:pointer;font-family:var(--ui);text-transform:uppercase;letter-spacing:.05em;border-radius:8px;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .3rem;font-size:.62rem;display:flex}.cs-studio .addgrid button:hover{border-color:var(--bone)}.cs-studio .addgrid b{letter-spacing:0;font-family:Georgia,serif;font-size:1.25rem;font-weight:400;line-height:1}.cs-studio .pvbar{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.7rem;display:flex}.cs-studio .pvbar h3{font-family:var(--ui);text-transform:uppercase;letter-spacing:.07em;color:var(--dim);font-size:.78rem;font-weight:600}.cs-studio .pvframe{border:1px solid var(--line);background:#0a0a0b;border-radius:12px;justify-content:center;display:flex;overflow:hidden}.cs-studio .pvframe .email{background:#0a0a0b;width:100%;min-height:560px;transition:width .2s;display:block}.cs-studio .pvframe.phone .email{width:390px;max-width:100%}.cs-studio .pvframe .email table{border-collapse:separate}.cs-studio .pvframe .email td{vertical-align:middle}.cs-studio .tplgrid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:1rem;display:grid}.cs-studio .tplcard{text-align:left;background:var(--ink-2);border:1px solid var(--line);width:100%;height:100%;color:var(--bone);cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;border-radius:12px;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.cs-studio .tplcard:hover{border-color:var(--bone)}.cs-studio .tplcard strong{font-family:var(--ui);text-transform:uppercase;letter-spacing:.05em;margin-top:.4rem;font-size:.9rem}.cs-studio .tplthumb{border:1px solid var(--ink-3);background:#0a0a0b;border-radius:8px;flex-direction:column;gap:6px;min-height:170px;padding:14px;display:flex}.cs-studio .tplthumb i{background:#2b2b31;border-radius:3px;display:block}.cs-studio .tplthumb .tt-heading{background:#f4f3ee;width:70%;height:12px}.cs-studio .tplthumb .tt-heading.sm{background:#9c9c95;width:40%;height:6px;margin-top:4px}.cs-studio .tplthumb .tt-text{background:repeating-linear-gradient(#3a3a42 0 4px,#0000 4px 9px);height:22px}.cs-studio .tplthumb .tt-image{background:#2b2b31;height:54px}.cs-studio .tplthumb .tt-button{background:#f4f3ee;border-radius:4px;width:38%;height:12px}.cs-studio .tplthumb .tt-divider{height:1px;margin:3px 0}.cs-studio .tplthumb .tt-spacer{background:0 0;height:6px}.cs-studio .tplthumb .tt-social{background:#6a6a64;align-self:center;width:30%;height:5px}