* { box-sizing: border-box; } body {margin: 0;}body{background:radial-gradient(
      circle at 50% -10%,
      rgba(56, 189, 248, 0.13),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      #07111f 0%,
      #030812 48%,
      #02060d 100%
    );color:var(--text);font-family:Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;margin:0;min-height:100vh;}:root{--background:#030812;--background-2:#07111f;--blue:#38bdf8;--blue-dark:#0284c7;--blue-light:#7dd3fc;--border:rgba(148, 163, 184, 0.16);--border-blue:rgba(56, 189, 248, 0.24);--card:rgba(10, 20, 36, 0.94);--card-light:rgba(15, 23, 42, 0.82);--green:#22c55e;--input:rgba(2, 6, 23, 0.68);--jp-bg:#020711;--jp-bg-2:#06101d;--jp-bg-secondary:#07111e;--jp-blue:#38bdf8;--jp-blue-bright:#2196ff;--jp-blue-dark:#0284c7;--jp-blue-light:#7dd3fc;--jp-border:rgba(148, 163, 184, 0.17);--jp-border-blue:rgba(56, 189, 248, 0.48);--jp-card:rgba(5, 14, 27, 0.78);--jp-green:#22c55e;--jp-muted:#8492a6;--jp-muted-dark:#536174;--jp-panel:rgba(10, 18, 32, 0.92);--jp-panel-dark:rgba(3, 9, 19, 0.82);--jp-panel-light:rgba(15, 23, 42, 0.78);--jp-text:#f8fafc;--jp-text-2:#cbd5e1;--jp-text-secondary:#cbd5e1;--muted:#94a3b8;--muted-dark:#64748b;--orange:#f59e0b;--radius-large:24px;--radius-medium:16px;--radius-small:10px;--red:#ef4444;--text:#f8fafc;}*{box-sizing:border-box;}html{min-height:100%;scroll-behavior:smooth;}.jpcms-brand__text strong{font-size:16px;letter-spacing:-0.015em;line-height:1.2;}.jpcms-brand__text span{color:var(--jp-blue);font-size:10px;font-weight:800;letter-spacing:0.2em;margin-top:2px;}.jpcms-eyebrow span{background:var(--jp-blue);box-shadow:0 0 8px rgba(56, 189, 248, 0.7);height:1px;width:30px;}.jpcms-intro h1{color:var(--jp-text);font-size:clamp(
      50px,
      5.2vw,
      76px
    );font-weight:800;letter-spacing:-0.055em;line-height:0.98;margin:0;max-width:620px;}.jpcms-intro h1 span{color:var(--jp-blue);display:block;margin-top:6px;}.jpcms-feature > div:last-child{display:flex;flex-direction:column;gap:2px;}.jpcms-feature strong{color:var(--jp-text-secondary);font-size:12px;}.jpcms-feature span{color:#64748b;font-size:10px;}.jpcms-access__heading h2{color:var(--jp-text);font-size:27px;letter-spacing:-0.035em;margin:0;}.jpcms-access__heading p{color:var(--jp-muted);font-size:12px;line-height:1.6;margin:10px 0 0;}.jpcms-access-card + .jpcms-access-card{margin-top:13px;}.jpcms-access-card h3{color:var(--jp-text);font-size:19px;letter-spacing:-0.025em;margin:0 0 8px;}.jpcms-access-card p{color:var(--jp-muted);font-size:12px;line-height:1.6;margin:0;}.jpcms-access-detail span{color:#4ade80;}.jpcms-access-detail--muted span{color:#64748b;}.jpcms-button strong{align-items:center;border-radius:50%;display:flex;font-size:23px;font-weight:400;height:37px;justify-content:center;width:37px;}.jpcms-security > span{color:#475569;font-size:10px;}.jpcms-security p{color:#536174;font-size:8px;line-height:1.55;margin:0;}.jpcms-brand__identity > div{align-items:center;display:flex;gap:9px;}.jpcms-brand__identity strong{color:var(--jp-text);font-size:17px;font-weight:800;letter-spacing:-0.025em;}.jpcms-brand__identity small{color:#64748b;font-size:9px;font-weight:600;letter-spacing:0.08em;}.jpcms-eyebrow > span{background:var(--jp-blue);box-shadow:0 0 8px
    rgba(56, 189, 248, 0.7);height:1px;width:30px;}.jpcms-intro h1 > span{color:var(--jp-blue);display:block;margin-top:6px;}.jpcms-access-card
+
.jpcms-access-card{margin-top:14px;}.jpcms-access-availability i{background:#22c55e;border-radius:50%;box-shadow:0 0 6px
    rgba(34, 197, 94, 0.7);display:block;height:5px;width:5px;}.jpcms-access-detail > span{color:#4ade80;}.jpcms-access-detail--pro > span{color:#64748b;}.jpcms-public-note p{color:#536174;font-size:9px;line-height:1.55;margin:0;}html, body{margin:0;min-height:100%;}.jpcms-logo img{display:block;max-height:260px;object-fit:contain;width:min(
      460px,
      70vw
    );}.jpcms-access__heading h1{color:var(--jp-text);font-size:clamp(
      31px,
      4vw,
      43px
    );letter-spacing:-0.04em;line-height:1.1;margin:0;}.jpcms-available i{background:#22c55e;border-radius:50%;box-shadow:0 0 7px
    rgba(34, 197, 94, 0.8);height:6px;width:6px;}.jpcms-card h2{color:var(--jp-text);font-size:21px;letter-spacing:-0.025em;margin:0 0 9px;}.jpcms-card__detail > span{color:#778497;}.jpcms-card__detail p{align-items:center;display:flex;gap:8px;margin:0;}.jpcms-card__detail p i{color:#64748b;font-style:normal;}.jpcms-card__detail--public > span{color:#38bdf8;}.jpcms-button--public strong{background:rgba(255,255,255,.05);}.jpcms-button--pro strong{border:1px solid
    rgba(148, 163, 184, 0.15);}.jpcms-info p{color:#8793a5;font-size:10px;line-height:1.55;margin:0;}.jpcms-footer__item span{color:var(--jp-blue);}body::before{background-image:linear-gradient(
      rgba(56, 189, 248, 0.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(56, 189, 248, 0.035) 1px,
      transparent 1px
    );background-size:45px 45px;content:"";inset:0;opacity:0.18;pointer-events:none;position:fixed;z-index:-1;}button, input, select{font:inherit;}.public-cms{min-height:100vh;width:100%;}.cms-topbar{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin:0 auto;padding:26px 0;width:min(1180px, calc(100% - 48px));}.cms-brand{align-items:center;display:flex;gap:20px;}.cms-logo{display:block;height:191px;max-height:215px;max-width:300px;object-fit:contain;width:auto;}.cms-product{align-items:center;color:var(--muted);display:flex;font-size:12px;font-weight:650;gap:9px;}.cms-product__badge{background:rgba(56, 189, 248, 0.08);border:1px solid rgba(56, 189, 248, 0.35);border-radius:6px;color:var(--blue-light);font-size:10px;font-weight:850;letter-spacing:0.12em;padding:5px 8px;}.cms-topbar__right{align-items:center;display:flex;gap:10px;}.public-badge{align-items:center;background:rgba(15, 23, 42, 0.45);border:1px solid var(--border);border-color:rgba(56, 189, 248, 0.2);border-radius:999px;color:#bae6fd;display:inline-flex;font-size:11px;font-weight:750;gap:8px;min-height:34px;padding:0 12px;}.connection{align-items:center;background:rgba(15, 23, 42, 0.45);border:1px solid var(--border);border-radius:999px;color:var(--muted);display:inline-flex;font-size:11px;font-weight:750;gap:8px;min-height:34px;padding:0 12px;}.public-badge__dot{background:var(--blue);border-radius:50%;box-shadow:0 0 8px rgba(56, 189, 248, 0.8);height:7px;width:7px;}.connection__dot{background:var(--orange);border-radius:50%;height:7px;width:7px;}.connection.is-connected .connection__dot{background:var(--green);box-shadow:0 0 10px rgba(34, 197, 94, 0.8);}.connection.is-error .connection__dot{background:var(--red);box-shadow:0 0 10px rgba(239, 68, 68, 0.65);}.cms-intro{margin:0 auto;padding:70px 0 58px;text-align:center;width:min(900px, calc(100% - 40px));}.cms-intro__kicker{color:var(--blue);display:block;font-size:10px;font-weight:850;letter-spacing:0.17em;margin-bottom:16px;}.workspace-kicker{color:var(--blue);display:block;font-size:10px;font-weight:850;letter-spacing:0.17em;margin-bottom:7px;}.field-kicker{color:var(--blue);display:block;font-size:10px;font-weight:850;letter-spacing:0.17em;margin-bottom:5px;}.result-kicker{color:var(--blue);display:block;font-size:10px;font-weight:850;letter-spacing:0.17em;margin-bottom:6px;}.image-controls__kicker{color:var(--blue);display:block;font-size:10px;font-weight:850;letter-spacing:0.17em;margin-bottom:7px;}.cms-intro h1{font-size:clamp(40px, 5.2vw, 64px);letter-spacing:-0.045em;line-height:1.08;margin:0;}.cms-intro h1 span{color:var(--blue);display:block;}.cms-intro > p{color:var(--muted);font-size:16px;line-height:1.75;margin:20px auto 0;max-width:670px;}.cms-steps{align-items:center;display:flex;justify-content:center;margin:35px auto 0;max-width:550px;}.cms-step{align-items:center;color:#cbd5e1;display:flex;font-size:11px;gap:8px;}.cms-step span{align-items:center;background:rgba(56, 189, 248, 0.08);border:1px solid rgba(56, 189, 248, 0.3);border-radius:50%;color:var(--blue);display:flex;font-size:10px;font-weight:850;height:25px;justify-content:center;width:25px;}.cms-step strong{font-weight:700;}.cms-step__line{background:linear-gradient(
      90deg,
      transparent,
      rgba(56, 189, 248, 0.35),
      transparent
    );height:1px;margin:0 15px;width:60px;}.cms-workspace{background:linear-gradient(
      145deg,
      rgba(15, 23, 42, 0.95),
      rgba(5, 13, 25, 0.96)
    );border:1px solid var(--border);border-radius:var(--radius-large);box-shadow:0 35px 90px rgba(0, 0, 0, 0.35),
    0 0 100px rgba(56, 189, 248, 0.035);margin:0 auto 30px;overflow:hidden;width:min(1060px, calc(100% - 40px));}.workspace-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:30px;justify-content:space-between;padding:30px 34px;}.workspace-header h2{font-size:25px;letter-spacing:-0.025em;margin:0;}.workspace-header p{color:var(--muted);font-size:12px;margin:7px 0 0;}.workspace-content{padding:10px 34px 34px;}.content-block{border-bottom:1px solid var(--border);display:grid;gap:20px;grid-template-columns:55px minmax(0, 1fr);padding:34px 0;}.content-block__number{align-items:center;background:rgba(56, 189, 248, 0.05);border:1px solid rgba(56, 189, 248, 0.17);border-radius:11px;color:var(--blue);display:flex;font-size:10px;font-weight:850;height:42px;justify-content:center;letter-spacing:0.08em;width:42px;}.content-block__main{min-width:0;}.field-heading{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:12px;}.field-heading label{color:#f1f5f9;display:block;font-size:15px;font-weight:750;}.field-counter{color:var(--muted-dark);font-size:10px;}.field-help{color:var(--muted-dark);font-size:11px;line-height:1.55;margin:9px 0 0;}.image-editor{background:var(--input);border:1px solid var(--border);border-radius:14px;display:grid;grid-template-columns:minmax(220px, 300px) minmax(0, 1fr);overflow:hidden;}.image-preview{align-items:center;background:linear-gradient(
      45deg,
      rgba(255,255,255,.025) 25%,
      transparent 25%
    ),
    linear-gradient(
      -45deg,
      rgba(255,255,255,.025) 25%,
      transparent 25%
    ),
    #020617;border-right:1px solid var(--border);display:flex;justify-content:center;min-height:210px;overflow:hidden;position:relative;}.image-preview img{display:none;height:210px;object-fit:contain;width:100%;}.image-preview img.is-visible{display:block;}.image-placeholder{align-items:center;color:var(--muted);display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center;}.image-placeholder__icon{color:var(--blue);font-size:32px;margin-bottom:8px;}.image-placeholder p{font-size:11px;margin:0;}.image-controls{align-items:center;display:flex;gap:30px;justify-content:space-between;padding:25px;}.image-controls strong{display:block;font-size:14px;margin-bottom:7px;}.image-controls p{color:var(--muted);font-size:11px;line-height:1.6;margin:0;max-width:420px;}.rich-editor{background:var(--input);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color 0.2s ease,
    box-shadow 0.2s ease;}.rich-editor:focus-within{border-color:rgba(56, 189, 248, 0.65);box-shadow:0 0 0 3px rgba(56, 189, 248, 0.07);}.toolbar{align-items:center;background:rgba(15, 23, 42, 0.72);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px;min-height:52px;padding:8px 12px;}.toolbar select{background:#0f172a;border:1px solid var(--border);border-radius:7px;color:#e2e8f0;font-size:11px;height:34px;outline:none;padding:0 10px;}.toolbar__separator{background:var(--border);height:22px;margin:0 5px;width:1px;}.toolbar button{background:transparent;border:1px solid transparent;border-radius:7px;color:#cbd5e1;cursor:pointer;font-size:13px;height:34px;transition:border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;width:34px;}.toolbar button:hover:not(:disabled){background:rgba(56, 189, 248, 0.08);border-color:var(--border);color:var(--blue);}.toolbar button:disabled, .toolbar select:disabled{cursor:not-allowed;opacity:0.4;}.editor{color:#e2e8f0;font-size:14px;line-height:1.75;max-height:600px;min-height:330px;outline:none;overflow-y:auto;padding:24px;}.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6{color:#f8fafc;line-height:1.25;margin:18px 0 10px;}.editor h1{font-size:30px;}.editor h2{font-size:25px;}.editor h3{font-size:21px;}.editor h4{font-size:18px;}.editor h5{font-size:16px;}.editor h6{font-size:14px;}.editor p{margin:8px 0;}.cms-message{border-radius:11px;display:none;font-size:12px;font-weight:650;line-height:1.55;margin:25px 0 0;padding:15px 17px;}.cms-message.is-success{background:rgba(34, 197, 94, 0.075);border:1px solid rgba(34, 197, 94, 0.25);color:#86efac;display:block;}.cms-message.is-error{background:rgba(239, 68, 68, 0.075);border:1px solid rgba(239, 68, 68, 0.25);color:#fca5a5;display:block;}.save-zone{align-items:center;background:linear-gradient(
      90deg,
      rgba(56, 189, 248, 0.065),
      rgba(56, 189, 248, 0.025)
    );border:1px solid rgba(56, 189, 248, 0.17);border-radius:14px;display:flex;gap:30px;justify-content:space-between;margin-top:32px;padding:22px;}.save-zone__text{align-items:center;display:flex;gap:13px;}.save-zone__icon{align-items:center;background:rgba(56, 189, 248, 0.08);border:1px solid rgba(56, 189, 248, 0.25);border-radius:50%;color:var(--blue);display:flex;flex-shrink:0;font-size:14px;font-weight:850;height:38px;justify-content:center;width:38px;}.save-zone__text strong{display:block;font-size:13px;margin-bottom:4px;}.save-zone__text p{color:var(--muted);font-size:10px;line-height:1.5;margin:0;}.cms-actions{align-items:center;display:flex;flex-shrink:0;gap:9px;}.button{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:800;gap:8px;justify-content:center;min-height:45px;padding:0 18px;transition:transform 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease;}.button--secondary{background:rgba(15, 23, 42, 0.25);border:1px solid var(--border);color:#cbd5e1;}.button--secondary:hover:not(:disabled){background:rgba(148, 163, 184, 0.07);border-color:rgba(148, 163, 184, 0.3);}.button--primary{background:var(--blue);border:1px solid var(--blue);box-shadow:0 10px 30px rgba(56, 189, 248, 0.17);color:#03111c;min-height:48px;padding:0 22px;}.button--primary:hover:not(:disabled){box-shadow:0 14px 35px rgba(56, 189, 248, 0.26);transform:translateY(-1px);}.button:disabled{cursor:not-allowed;opacity:0.42;transform:none;}.button--image{flex-shrink:0;}.result-card{align-items:center;background:linear-gradient(
      120deg,
      rgba(56, 189, 248, 0.07),
      rgba(7, 17, 31, 0.6)
    );border:1px solid rgba(56, 189, 248, 0.2);border-radius:18px;display:grid;gap:20px;grid-template-columns:55px minmax(0, 1fr) auto;margin:22px auto 40px;padding:28px 34px;width:min(1060px, calc(100% - 40px));}.result-card__number{align-items:center;border:1px solid rgba(56, 189, 248, 0.22);border-radius:11px;color:var(--blue);display:flex;font-size:10px;font-weight:850;height:42px;justify-content:center;width:42px;}.result-card h2{font-size:20px;margin:0 0 6px;}.result-card p{color:var(--muted);font-size:11px;line-height:1.6;margin:0;max-width:610px;}.result-button{align-items:center;background:rgba(56, 189, 248, 0.1);border:1px solid rgba(56, 189, 248, 0.35);border-radius:9px;color:#bae6fd;display:inline-flex;font-size:11px;font-weight:800;gap:10px;justify-content:center;min-height:46px;padding:0 18px;text-decoration:none;transition:transform 0.2s ease,
    background 0.2s ease;}.result-button:hover{background:rgba(56, 189, 248, 0.17);transform:translateY(-1px);}.cms-footer{align-items:center;color:#475569;display:flex;flex-wrap:wrap;font-size:10px;gap:9px;justify-content:center;padding:5px 20px 45px;}.cms-footer__separator{color:#334155;}.session-progress{background:rgba(15, 23, 42, 0.55);border:1px solid rgba(56, 189, 248, 0.18);border-radius:12px;margin:24px auto 0;padding:14px 18px;width:min(1060px, calc(100% - 40px));}.session-progress__top{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:10px;}.session-progress__title{align-items:center;color:#cbd5e1;display:flex;font-size:11px;font-weight:750;gap:8px;}.session-progress__icon{color:var(--blue);font-size:15px;}.session-progress__time{align-items:baseline;color:var(--muted);display:flex;font-size:10px;gap:5px;}.session-progress__time strong{color:var(--blue-light);font-size:13px;font-weight:850;}.session-progress__track{background:rgba(148, 163, 184, 0.12);border-radius:999px;height:5px;overflow:hidden;width:100%;}.session-progress__bar{background:var(--blue);border-radius:inherit;box-shadow:0 0 10px rgba(56, 189, 248, 0.35);height:100%;transition:width 1s linear,
    background 0.4s ease,
    box-shadow 0.4s ease;width:100%;}.session-progress__bar.is-warning{background:var(--orange);box-shadow:0 0 10px rgba(245, 158, 11, 0.35);}.session-progress__bar.is-danger{background:var(--red);box-shadow:0 0 10px rgba(239, 68, 68, 0.4);}.toolbar-button{align-items:center;border:1px solid transparent;border-radius:7px;color:#cbd5e1;cursor:pointer;display:flex;font-size:13px;height:34px;justify-content:center;transition:border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease,
    opacity 0.2s ease;width:34px;}.button.is-disabled{cursor:not-allowed;opacity:0.42;pointer-events:none;transform:none;}.toolbar-button.is-disabled{cursor:not-allowed;opacity:0.42;pointer-events:none;transform:none;}.toolbar-button:hover:not(.is-disabled){background:rgba(56, 189, 248, 0.08);border-color:var(--border);color:var(--blue);}.button--secondary:hover:not(.is-disabled){background:rgba(148, 163, 184, 0.07);border-color:rgba(148, 163, 184, 0.3);}.button--primary:hover:not(.is-disabled){box-shadow:0 14px 35px rgba(56, 189, 248, 0.26);transform:translateY(-1px);}#demoName{background:var(--input);border:1px solid var(--border);border-radius:11px;color:var(--text);font-size:14px;min-height:52px;outline:none;padding:0 17px;transition:border-color 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;width:100%;}#demoName:focus{background:rgba(2, 6, 23, 0.82);border-color:rgba(56, 189, 248, 0.65);box-shadow:0 0 0 3px rgba(56, 189, 248, 0.07);}#demoName:disabled{opacity:0.5;}#sessionProgressBar{width:100%;}@media (max-width: 1100px){.jpcms-intro h1{margin:0 auto;}}@media (max-width: 1050px){.jpcms-intro h1{margin:auto;}}@media (max-width: 900px){.jpcms-logo img{width:min(
        430px,
        82vw
      );}}@media (max-width: 850px){.cms-topbar{align-items:flex-start;flex-direction:column;gap:18px;}.cms-topbar__right{justify-content:space-between;width:100%;}.save-zone{align-items:stretch;flex-direction:column;}.cms-actions{justify-content:flex-end;}.result-card{grid-template-columns:55px minmax(0, 1fr);}.result-button{grid-column:2;width:fit-content;}}@media (max-width: 700px){.jpcms-intro h1{font-size:clamp(
        43px,
        13vw,
        60px
      );}.jpcms-brand__identity strong{font-size:14px;}.jpcms-brand__identity small{display:none;}.jpcms-header__status span:last-child{display:none;}.jpcms-access__heading h2{font-size:23px;}}@media (max-width: 650px){.cms-topbar{padding:20px 0;width:calc(100% - 30px);}.cms-brand{align-items:flex-start;flex-direction:column;gap:10px;}.cms-logo{max-height:85px;max-width:230px;}.cms-topbar__right{align-items:flex-start;flex-direction:column;}.cms-intro{padding:48px 0 38px;width:calc(100% - 30px);}.cms-intro h1{font-size:34px;}.cms-intro > p{font-size:14px;}.cms-steps{align-items:flex-start;}.cms-step{flex-direction:column;gap:5px;text-align:center;}.cms-step__line{margin:13px 8px 0;width:30px;}.cms-workspace{border-radius:17px;width:calc(100% - 20px);}.workspace-header{align-items:flex-start;flex-direction:column;padding:23px 20px;}.workspace-content{padding:5px 20px 22px;}.content-block{gap:13px;grid-template-columns:1fr;padding:27px 0;}.content-block__number{height:36px;width:36px;}.field-heading{align-items:flex-start;flex-direction:column;gap:6px;}.image-editor{grid-template-columns:1fr;}.image-preview{border-bottom:1px solid var(--border);border-right:0;min-height:200px;}.image-preview img{height:200px;}.image-controls{align-items:stretch;flex-direction:column;padding:20px;}.button--image{width:100%;}.editor{min-height:300px;padding:18px;}.save-zone{padding:18px;}.save-zone__text{align-items:flex-start;}.cms-actions{flex-direction:column-reverse;}.cms-actions .button{width:100%;}.result-card{grid-template-columns:1fr;padding:22px 20px;width:calc(100% - 20px);}.result-button{grid-column:1;width:100%;}.toolbar{flex-wrap:nowrap;gap:4px;}.toolbar select{min-width:0;width:105px;}.toolbar__separator{margin:0 2px;}.toolbar-button{flex:0 0 34px;}}@media (max-width: 600px){.jpcms-logo img{width:min(
        360px,
        94vw
      );}.jpcms-access__heading h1{font-size:30px;}.jpcms-access__heading p{line-height:1.5;margin:9px auto 0;max-width:330px;}.jpcms-card h2{font-size:19px;}.jpcms-button strong{height:32px;width:32px;}.jpcms-card__detail p{flex-wrap:wrap;}}