.editor-workspace{display:none}
@media(min-width:1001px){
.editor-document{height:100%;overflow:hidden;scroll-behavior:auto}
body.editor-mode{height:100dvh;overflow:hidden;background:#101112;color:#d5d6d8}
.editor-mode>.header,.editor-mode>.mobile-dock{display:none}
.editor-mode .editor-workspace{display:grid;grid-template-rows:56px minmax(0,1fr) 26px;width:100%;height:100dvh;background:#111213;font-family:Arial,Helvetica,sans-serif;--ed-line:#353739;--ed-muted:#95999d;--ed-blue:#65afff;--ed-panel:#202123;--ed-text:#d5d6d8}
.editor-workspace button,.editor-workspace a{touch-action:manipulation}
.editor-topbar{display:flex;align-items:center;gap:28px;padding:0 18px;background:#242527;border-bottom:1px solid #3b3d40;min-width:0}
.editor-brand{font-family:Georgia,serif;font-size:27px;letter-spacing:-1px;color:#f3e9d7;flex-shrink:0}.editor-brand span{color:#b4f255}.editor-brand small{font:12px Arial,sans-serif;letter-spacing:0;color:#a1a4a8;margin-left:14px;border-left:1px solid #4c4e51;padding-left:14px}
.editor-project-name{margin-left:auto;color:#a6a9ad;font-size:12px;white-space:nowrap}.editor-topbar>.button{font-size:14px;padding:8px 17px;min-height:36px;border-radius:4px;white-space:nowrap}
.editor-grid{display:grid;grid-template-columns:minmax(175px,.78fr) minmax(410px,1.85fr) minmax(310px,1.37fr);grid-template-rows:minmax(0,1fr) clamp(165px,25vh,260px);gap:5px;padding:5px;min-height:0;min-width:0}
.editor-panel{background:var(--ed-panel);border:1px solid #343638;min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column}
.editor-panel:focus-within{border-color:#529ded}.editor-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;flex-shrink:0;padding:0 13px;border-bottom:1px solid #131416;background:#242527;color:#aeb2b7;font-size:13px;line-height:1.4}.editor-panel-head>span:first-child{align-self:stretch;display:flex;align-items:center;gap:8px;border-bottom:2px solid #b4b9c0;padding-block:8px;color:#e1e3e6}.editor-panel-head .editor-label{font-size:11px;color:#a5ab9a;letter-spacing:1px}.editor-panel-head i{font-style:normal;color:#747a80;font-size:14px}
.editor-project{grid-column:1;grid-row:1}.editor-project-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:15px 10px}.editor-path{font-size:12px;color:#979ca3;margin:0 5px 18px;display:flex;align-items:center;gap:8px}.editor-path svg{width:15px;height:15px;flex-shrink:0}
.editor-plugin{grid-column:2;grid-row:1;border-color:#568bc2}.editor-plugin>.editor-panel-head{background:#242a30}.editor-plugin>.editor-panel-head>span:first-child{border-color:#8bbff9}.editor-plugin-slot{flex:1;min-height:0;min-width:0;display:flex}
.editor-mode .demo-stage{position:static;inset:auto;width:100%;height:100%;padding:0;gap:0;display:flex;background:#141719;color:#d5d6d8;z-index:auto;isolation:auto;border:0}
.editor-mode .demo-watermark,.editor-mode .demo-stage-heading,.editor-mode .demo-stage-intro,.editor-mode .demo-window-bar{display:none}
.editor-mode .demo-window{border:0;border-radius:0;box-shadow:none;animation:none;flex:1;min-height:0}
.editor-mode .demo-stage-footer{padding:8px 12px;background:#1c211a;border-top:1px solid #343e2c;gap:10px}.editor-mode .demo-stage-footer>span{font-size:12px;color:#a2ae97}.editor-mode .demo-stage-footer strong{display:inline;color:#c7d5bb;margin-left:4px}.editor-mode .demo-stage-footer .button{background:none;border-color:#596c44;color:#c4e99b;font-size:12px;padding:4px 9px;border-radius:3px;min-height:28px}
.editor-info{grid-column:3;grid-row:1/3}.editor-reading-slot{flex:1;min-height:0;min-width:0;display:flex;background:#1b1d1f}
.editor-mode .narrative{width:100%;height:100%;min-height:0;min-width:0;border:0;overflow:auto;overscroll-behavior:contain;scroll-behavior:auto;padding:0;--cream:#efede6;--muted:#a1a8ad;--line:#363b3f;--text:#d2d6d9;--lime:#b4f255;color:var(--text)}
.editor-mode .narrative:focus-visible{outline-offset:-2px;outline-color:#65afff}.editor-mode .narrative [data-editor-topic]{display:none}.editor-mode .narrative [data-editor-topic].editor-visible{display:block}.editor-mode .narrative .strip,.editor-mode .narrative .closing,.editor-mode .narrative>.footer,.editor-mode .narrative>.legal-footer-main{display:none}
.editor-mode .narrative .wrap{width:100%;max-width:none;padding-inline:23px}.editor-mode .narrative .section,.editor-mode .narrative .hero{padding-block:27px}.editor-mode .narrative .hero{padding-bottom:20px}.editor-mode .narrative .hero h1{font-size:clamp(32px,2.8vw,48px);letter-spacing:-1.3px;line-height:1.1;margin:22px 0}.editor-mode .narrative .hero h1 br{display:none}.editor-mode .narrative .hero h1 em{display:block}.editor-mode .narrative .hero .eyebrow{font-size:11px;letter-spacing:1px;gap:8px}.editor-mode .narrative .hero .pr{font-size:13px;width:24px;height:24px;flex-shrink:0}.editor-mode .narrative .lead{font-size:16px;line-height:1.8}.editor-mode .narrative .actions{gap:16px;align-items:flex-start;flex-direction:column}.editor-mode .narrative .button{font-size:14px;padding:10px 15px;border-radius:4px}.editor-mode .narrative .demo-open-link{font-size:14px}.editor-mode .narrative .micro{font-size:12px;line-height:1.65}
.editor-mode .narrative h2,.editor-mode .narrative .story h2{font-family:Arial,Helvetica,sans-serif;font-size:26px;letter-spacing:-.7px;line-height:1.25}.editor-mode .narrative h2 br{display:none}.editor-mode .narrative h2 em{font-style:normal}.editor-mode .narrative .eyebrow{font-size:11px;letter-spacing:1px}.editor-mode .narrative .intro{border-top:1px solid #35383b}.editor-mode .narrative .intro>div+div{margin-top:20px}.editor-mode .narrative p{font-size:16px;line-height:1.75}.editor-mode .narrative .large-text{font-size:18px}.editor-mode .narrative .section-top{margin-bottom:22px}.editor-mode .narrative .section-top>p{margin-top:14px}.editor-mode .narrative .section-top p br{display:none}
.editor-mode .narrative .feature-menu{grid-template-columns:1fr 1fr;gap:6px}.editor-mode .narrative .feature-menu button{min-height:78px;padding:11px 9px;gap:6px;background:#23272b;border-color:#3b4248}.editor-mode .narrative .feature-menu strong{font-size:14px}.editor-mode .narrative .feature-menu small{display:none}.editor-mode .narrative .feature-menu button[aria-selected=true]{background:#293525;border-color:#76994e}.editor-mode .narrative .feature-n{font-size:11px}.editor-mode .narrative .feature-layout{gap:15px}.editor-mode .narrative .feature-detail{padding:19px;background:#222629;border-color:#3b4248}.editor-mode .narrative .feature-detail h3{font-size:24px;line-height:1.3}.editor-mode .narrative .feature-detail p{font-size:15px}.editor-mode .narrative .comparison{gap:15px}.editor-mode .narrative .feature-bottom{font-size:13px}.editor-mode .narrative .section-note{font-size:12px}.editor-mode .narrative .try-inline{margin-top:20px;padding-top:18px}.editor-mode .narrative .try-inline>span{font-size:14px}
.editor-mode .narrative .calculator{margin-top:24px;padding:20px;background:#242b22}.editor-mode .narrative .calculator form{grid-template-columns:minmax(0,1fr) 76px;gap:14px}.editor-mode .narrative .calculator label{font-size:14px}.editor-mode .narrative .calculator p{font-size:12px}.editor-mode .narrative .calc-result output{font-size:34px}.editor-mode .narrative .saving h2 br{display:none}
.editor-mode .narrative .story{background:transparent}.editor-mode .narrative .story-grid{gap:22px}.editor-mode .narrative .story-sign{font-size:11px;line-height:1.6}.editor-mode .narrative .story-steps{margin-block:25px}.editor-mode .narrative .story-steps p{font-size:15px}.editor-mode .narrative .story-steps h3{font-size:18px}.editor-mode .narrative .fit-grid{gap:25px}.editor-mode .narrative .fit-grid h3{font-size:19px}.editor-mode .narrative .fit-grid li{font-size:15px}
.editor-mode .narrative .pricing{background:transparent}.editor-mode .narrative .price-grid{grid-template-columns:1fr;gap:12px}.editor-mode .narrative .price-card{padding:20px;background:#24282c;border-color:#3b434a}.editor-mode .narrative .price-card.featured{background:#273122;border-color:#6c8c47}.editor-mode .narrative .price-card h3{font-size:22px}.editor-mode .narrative .plan{font-size:12px;min-height:0;margin-bottom:8px}.editor-mode .narrative .price{font-size:39px;margin-top:10px}.editor-mode .narrative .price-card p{font-size:13px}.editor-mode .narrative .price-card .button{margin-top:16px;min-height:42px}.editor-mode .narrative .pricing-note{font-size:12px}.editor-mode .narrative .purchase-path p{font-size:14px}.editor-mode .narrative .help-line{font-size:14px;align-items:flex-start}
.editor-mode .narrative .faq-side p{font-size:15px}.editor-mode .narrative .faq-disclosure{margin-top:25px;background:#23272b;border-color:#40474c}.editor-mode .narrative .faq-disclosure>summary{padding:16px}.editor-mode .narrative .faq-disclosure>summary strong{font-size:16px}.editor-mode .narrative .faq-disclosure>.faq-list{padding-inline:16px}.editor-mode .narrative .faq-list summary{font-size:15px;line-height:1.5;gap:10px}.editor-mode .narrative .faq-list p{font-size:15px}.editor-mode .narrative .faq-list details>div{font-size:14px}.editor-mode .narrative .faq-side .text-link{font-size:14px}
.editor-timeline{grid-column:1/3;grid-row:2}.editor-timeline-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 14px;border-bottom:1px solid #111;background:#242527;flex-shrink:0;font-size:13px}.editor-timeline-head strong{font-weight:400;color:#dbe0e5}.editor-timeline-head strong:before{content:'';display:inline-block;width:9px;height:9px;background:#91a954;margin-right:8px}.editor-timeline-head>span{color:#9ba3ad;font-size:12px}.editor-timeline-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;position:relative;padding-bottom:8px}.editor-track-layout{display:grid;grid-template-columns:128px minmax(560px,1fr);min-width:688px;min-height:100%}.editor-track-labels{display:grid;grid-template-rows:32px repeat(2,minmax(29px,1fr));background:#25282b;position:sticky;left:0;z-index:3;border-right:1px solid #141618}.editor-track-labels>div{display:flex;align-items:center;gap:10px;padding:4px 10px;color:#a8b0b9;border-bottom:1px solid #3a3e43;font-size:12px}.editor-track-labels>div:first-child{color:#65afff;font:12px 'Courier New',monospace;padding:4px 7px}.editor-track-labels b{font-size:12px;font-weight:400;color:#d3dce7;background:#303f52;padding:2px 5px;border-radius:2px}.editor-track-labels small{font-size:11px;color:#8f9aa6}
.editor-sequence{position:relative;display:grid;grid-template-rows:32px repeat(2,minmax(29px,1fr));--playhead:1.14%;background:#1a1c1f}.editor-ruler{display:grid;grid-template-columns:repeat(7,1fr);background:repeating-linear-gradient(to right,transparent 0,transparent calc(100% / 70 - 1px),#4a5058 calc(100% / 70 - 1px),#4a5058 calc(100% / 70)) left bottom/100% 7px no-repeat;border-bottom:1px solid #5f733a}.editor-ruler span{font:11px 'Courier New',monospace;color:#9ca6b1;padding:5px 5px;white-space:nowrap}.editor-playhead{position:absolute;left:var(--playhead);top:24px;bottom:0;width:1px;background:#56aaff;z-index:2;pointer-events:none;transition:left .2s ease}.editor-playhead:before{content:'';position:absolute;top:-6px;left:-4px;width:9px;height:9px;background:#56aaff;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}
.editor-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding:3px 5px;border-bottom:1px solid #363a40}.editor-clip{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#3c687c;border:1px solid #568fa7;border-radius:2px;color:#ebf5f9;font-size:12px;text-align:left;padding:3px 7px;line-height:1.4}.editor-clip:hover{filter:brightness(1.2)}.editor-clip[aria-pressed=true]{outline:1px solid #e7edf4;outline-offset:-3px;filter:brightness(1.13)}.editor-clip.violet{background:#654d7a;border-color:#9370ab}.editor-clip.green{background:#45624c;border-color:#729e73}.editor-clip.wide{grid-column:span 2}.editor-clip.start-2{grid-column:2/4}.editor-clip.start-4{grid-column:4/6}.editor-clip.start-6{grid-column:6/7}.editor-clip.start-7{grid-column:7/8}
.editor-statusbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 13px;font-size:11px;color:#9ca2a9;background:#25272a;border-top:1px solid #3b3e42;white-space:nowrap}.editor-statusbar nav{display:flex;gap:18px;align-items:center}.editor-statusbar a:hover,.editor-statusbar button:hover{color:#e6ebf0}.editor-statusbar button{border:0;padding:0;background:none;color:inherit;font:inherit}.editor-statusbar>span{overflow:hidden;text-overflow:ellipsis}.editor-statusbar nav a,.editor-statusbar nav button{font-size:11px}
.editor-mode .privacy-notice{width:min(520px,calc(100vw - 40px));bottom:38px;left:18px;background:#242a21;box-shadow:0 14px 55px #0008;border-color:#697755}.editor-mode .privacy-notice p{font-size:13px}.editor-mode .privacy-notice strong{font-size:15px}
.editor-workspace :is(.editor-project-scroll,.narrative,.editor-timeline-scroll){scrollbar-width:thin;scrollbar-color:#565b61 #232629}
.editor-workspace button:focus-visible,.editor-workspace a:focus-visible{outline-color:#72b3ff;outline-offset:2px}
}
@media(min-width:1001px) and (max-width:1200px){.editor-mode .editor-workspace{grid-template-rows:52px minmax(0,1fr) 26px}.editor-grid{grid-template-columns:175px minmax(410px,1.2fr) minmax(300px,1fr)}.editor-topbar{gap:20px;padding-inline:13px}.editor-brand small,.editor-project-name{display:none}.editor-topbar>.button{margin-left:auto}.editor-modes{gap:17px}.editor-folder{padding-inline:6px;gap:8px}.editor-folder svg{width:22px}.editor-folder small{display:none}.editor-folder>span{font-size:13px}.editor-project-bottom{font-size:11px;gap:6px}.editor-project-bottom span:first-child{white-space:nowrap}.editor-mode .narrative .wrap{padding-inline:19px}.editor-mode .narrative .hero h1{font-size:34px}.editor-mode .demo-stage-footer>span strong{display:none}.editor-timeline-head>span{font-size:11px}.editor-statusbar nav{gap:12px}.editor-statusbar>span{max-width:30%}}
@media(min-width:1600px){.editor-grid{grid-template-columns:minmax(220px,.78fr) minmax(520px,1.85fr) minmax(390px,1.37fr)}.editor-mode .narrative .wrap{padding-inline:32px}.editor-folder{padding-block:15px}.editor-mode .narrative .price-grid{grid-template-columns:1fr 1fr}.editor-mode .narrative .price-card{padding:17px}.editor-mode .narrative .price-card .button{font-size:13px}}
@media(min-width:1001px) and (max-height:650px){.editor-mode .editor-workspace{grid-template-rows:46px minmax(0,1fr) 24px}.editor-grid{grid-template-rows:minmax(0,1fr) 152px}.editor-panel-head{min-height:32px}.editor-timeline-head{padding-block:5px}.editor-mode .demo-stage-footer{display:none}.editor-folder{padding-block:8px}.editor-folder small{display:none}.editor-project-scroll{padding-top:10px}.editor-path{margin-bottom:10px}.editor-project-bottom{padding-block:8px}.editor-timeline-head>span{display:none}}
@media(prefers-reduced-motion:reduce){.editor-playhead{transition:none}}

/* A quiet source panel, with purchase and help independent of the programme. */
@media(min-width:1001px){
.editor-grid{grid-template-columns:minmax(260px,1fr) minmax(410px,1.85fr) minmax(300px,1.25fr);grid-template-rows:minmax(0,1fr) clamp(135px,19vh,185px)}
.editor-topbar{gap:20px}.editor-project-name{color:#979ca3}.editor-brand small{font-size:13px}
.editor-left-tabs{padding:0 10px;gap:6px}.editor-left-tabs nav{display:flex;gap:18px;align-self:stretch;min-width:0}.editor-left-tabs nav button{background:none;border:0;border-bottom:2px solid transparent;padding:9px 0 8px;color:#a9aeb4;font-size:14px;line-height:1.3}.editor-left-tabs nav button:hover{color:#eef0ed}.editor-left-tabs nav button[aria-pressed=true]{color:#dbecc3;border-bottom-color:#9eb47f}
#editor-left-close{margin-left:auto;border:0;background:none;color:#989fa7;font-size:22px;line-height:1;padding:5px 7px;border-radius:3px}#editor-left-close:hover{color:#fff;background:#34383d}
.editor-left-empty{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 18px;color:#888f96}.editor-left-empty svg{width:42px;height:36px;margin-bottom:19px;color:#687365}.editor-left-empty strong{font-size:14px;font-weight:400;color:#a3aaa2;line-height:1.5}.editor-left-empty p{font-size:13px;line-height:1.7;margin-top:9px;color:#848d86}
.editor-left-empty[hidden],.editor-left-reading[hidden],#editor-left-close[hidden]{display:none}
.editor-mode .editor-left-reading{flex:1;height:auto;min-height:0;background:#1d2021}.editor-mode .editor-left-reading .wrap{padding-inline:18px}.editor-mode .editor-left-reading h2{font-size:23px}.editor-mode .editor-left-reading .price-grid{grid-template-columns:1fr}.editor-mode .editor-left-reading .price-card{padding:17px}.editor-mode .editor-left-reading .faq-disclosure>.faq-list{padding-inline:12px}.editor-mode .editor-left-reading .faq-disclosure>summary{padding:14px}.editor-mode .editor-left-reading .faq-side>p{font-size:14px}
.editor-mode .demo-stage-footer{display:none}.editor-mode .narrative .hero .actions{display:none}.editor-mode .narrative .hero h1{font-family:Arial,Helvetica,sans-serif;font-size:32px;line-height:1.2;letter-spacing:-.8px;font-weight:500}.editor-mode .narrative .hero h1 em{font-style:normal}.editor-mode .narrative .hero .eyebrow{font-size:11px;letter-spacing:.5px}.editor-mode .narrative .hero .micro{margin-top:22px;font-size:12px;color:#909b96}.editor-mode .narrative .section .eyebrow{display:none}.editor-mode .narrative h2{font-size:24px}.editor-mode .narrative .section,.editor-mode .narrative .hero{padding-block:23px}
.editor-mode .narrative .feature-menu,.editor-mode .narrative .feature-section .section-top{display:none}.editor-mode .narrative .feature-detail{border:0;background:transparent;padding:0}.editor-mode .narrative .feature-detail h3{font:500 25px/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.4px}.editor-mode .narrative .try-inline>span{display:none}
.editor-timeline-head>span{font-size:12px;color:#878e97}.editor-timeline-head strong:before{background:#8f9e79}.editor-clip{background:#365768;border-color:#537687}.editor-clip.violet{background:#51415f;border-color:#766288}.editor-panel-head .editor-label{color:#9caf91;letter-spacing:1px}.editor-mode .narrative .price-card.featured{background:#273021;border-color:#596b45}
}
@media(min-width:1001px) and (max-width:1200px){.editor-grid{grid-template-columns:260px minmax(410px,1fr) minmax(300px,.9fr)}.editor-mode .narrative .wrap{padding-inline:18px}.editor-mode .narrative .hero h1{font-size:29px}}
@media(min-width:1600px){.editor-grid{grid-template-columns:minmax(310px,1fr) minmax(520px,1.85fr) minmax(390px,1.25fr)}}
@media(min-width:1001px) and (max-height:650px){.editor-grid{grid-template-rows:minmax(0,1fr) 128px}.editor-timeline-head>span{display:none}}

@media(min-width:1001px){.editor-mode .narrative .feature-tools{margin:24px 0}.editor-mode .narrative .feature-tools h4{font-size:19px}.editor-mode .narrative .feature-tools p{font-size:15px;line-height:1.8}.editor-mode .narrative .feature-tools .feature-example{font-size:14px}.editor-mode .narrative .feature-tools article{padding-block:21px}}