@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f6f8;--ink:#192c30;--muted:#718084;--green:#176452;--line:#e2e7e6;--accent:#d6f587}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}h1,h2,h3,.brand{font-family:Manrope,system-ui,sans-serif}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button,.button{border:0;border-radius:9px;padding:11px 16px;background:var(--green);color:white;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.danger{background:#fff1f0;color:#a42a2a}.ghost{background:transparent;color:var(--muted)}input,textarea,select{width:100%;padding:12px;border:1px solid #d9e1df;border-radius:8px;background:white;color:var(--ink)}input:focus,textarea:focus{outline:2px solid #b8ddcb}label{display:block;font-weight:600;margin:15px 0 7px}textarea{min-height:120px;resize:vertical}.muted{color:var(--muted)}.small{font-size:12px}.brand{font-size:21px;font-weight:800;display:flex;align-items:center;gap:10px;letter-spacing:-.8px}.mark{display:grid;place-items:center;background:var(--green);color:var(--accent);width:34px;height:36px;border-radius:10px;font-size:27px}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column;gap:30px}.nav{display:grid;gap:8px}.nav button{justify-content:flex-start;background:transparent;color:#73817e}.nav button.current{background:#eaf2ee;color:var(--green)}.sidebottom{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.avatar{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:#eceddf;color:var(--green);font-weight:bold}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between;margin-left:240px}.main{margin-left:240px;padding:42px 44px;max-width:1600px}.eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--green);font-weight:700}h1{font-size:32px;letter-spacing:-1.2px;margin:10px 0 9px}h2{font-size:21px;letter-spacing:-.5px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.intro{margin-bottom:28px}.capture{background:#e9efdf;border:1px solid #dfe7d0;border-radius:16px;padding:28px 30px;position:relative;overflow:hidden}.capture h2{margin:0 0 8px}.capture .row{margin-top:22px}.capture input{flex:1;max-width:850px;padding:16px}.capture button{padding:16px 24px}.stats{display:flex;gap:30px;margin:27px 0;font-size:13px}.dot{width:7px;height:7px;border-radius:50%;background:#6c9c72;display:inline-block;margin-right:6px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:22px;margin-top:20px}.card{border:1px solid var(--line);border-radius:13px;background:white;overflow:hidden}.pagevisual{height:140px;background:#eaf0ed;display:flex;align-items:center;justify-content:center;position:relative;color:#a4b7aa;font-size:46px}.pagevisual .mini{width:150px;height:100px;border-radius:5px;background:white;box-shadow:0 6px 15px #153d2510;padding:15px;transform:rotate(-4deg)}.mini:before{content:'';display:block;width:55%;height:8px;background:#c9dac9;margin:6px auto 10px}.mini:after{content:'';display:block;height:40px;background:linear-gradient(90deg,#f0f3ee 45%,white 45%,white 55%,#e3ece2 55%)}.cardbody{padding:19px}.card h3{font-size:15px;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:18px}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions button,.actions a{padding:8px 11px;font-size:12px}.status{position:absolute;top:13px;right:13px;background:white;padding:5px 9px;border-radius:20px;font-size:10px;color:var(--green)}.empty{padding:50px;border:1px dashed #cdd8d0;border-radius:12px;text-align:center;margin-top:20px}.pill{border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:12px;background:white}.search{max-width:230px}.tablewrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px;margin-top:20px}table{width:100%;border-collapse:collapse}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.authart{background:#173f36;color:#fff;padding:65px;display:flex;flex-direction:column;justify-content:space-between}.authart .mark{background:#d6f587;color:#173f36}.authart h1{font-size:48px;max-width:480px;line-height:1.15}.authart p{color:#b3cbc1;max-width:380px;line-height:1.7}.artblocks{display:flex;gap:14px;align-items:center;margin:30px 0}.artblocks span{height:90px;width:110px;border:1px solid #ffffff30;border-radius:13px;display:grid;place-items:center;font-size:28px}.authform{display:grid;place-items:center;padding:35px}.authbox{width:100%;max-width:385px}.authbox h1{font-size:28px}.authbox button[type=submit]{width:100%;margin-top:24px}.password{position:relative}.password input{padding-right:55px}.eye{position:absolute;right:4px;top:4px;background:transparent;color:var(--muted);padding:8px}.error{color:#a42a2a;font-size:13px;margin-top:12px;white-space:pre-wrap}dialog{border:1px solid var(--line);border-radius:16px;box-shadow:0 25px 80px #001b2630;width:min(600px,95vw);padding:30px}dialog::backdrop{background:#102c3570}.close{float:right;padding:3px 10px;background:#f0f3f0;color:var(--ink);font-size:24px}#toast{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#173f36;color:white;border-radius:10px;z-index:100}.editorbar{height:65px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px}.editorbar input{max-width:310px}.editorlayout{display:flex;height:calc(100vh - 65px)}.tools{width:285px;flex-shrink:0;background:white;padding:20px;overflow:auto;border-right:1px solid var(--line)}.tools h3{font-size:13px;margin:18px 0 10px}.tools label{font-size:12px}.tools .row button{flex:1}.tools input[type=color]{height:40px;padding:3px}.canvas{flex:1;overflow:auto;padding:25px;background:#e4e8e7;display:flex;justify-content:center;align-items:flex-start}.canvas iframe{background:white;border:0;width:100%;height:100%;box-shadow:0 3px 20px #102c3515}.canvas.mobile iframe{width:390px;max-width:100%;flex-shrink:0}.notice{background:#fff8e7;color:#7a5d1c;border:1px solid #efdfb9;border-radius:8px;padding:12px;font-size:12px;line-height:1.6}.editorbar .row{gap:6px}.editorbar button{padding:9px 12px}details{margin-top:18px}summary{cursor:pointer;font-weight:600}.file{display:none}.footer{margin-top:35px;color:#8c9994;font-size:11px}.helptext{line-height:1.8}.unsaved{color:#a16613}.ready{color:#237345}@media(max-width:850px){.sidebar{width:75px;padding:25px 12px}.sidebar .brand span:last-child,.sidebar .nav button span,.sidebottom .name,.sidebottom .muted{display:none}.sidebar .brand{justify-content:center}.sidebar .nav button{justify-content:center;padding:12px}.topbar,.main{margin-left:75px}.main{padding:28px 20px}.topbar{padding:0 20px}.auth{grid-template-columns:1fr}.authart{display:none}.tools{width:230px}.editorbar input{max-width:130px}.editorbar{flex-wrap:wrap;height:auto;min-height:65px;padding:10px}.editorlayout{height:calc(100vh - 110px)}.capture .row{flex-wrap:wrap}.capture input{min-width:100%}.canvas{padding:8px}.search{max-width:150px}}@media(max-width:550px){.editorlayout{display:block;overflow:auto}.tools{width:100%;height:230px}.canvas{height:650px}.stats{gap:12px;flex-wrap:wrap}.topbar .pill{display:none}.capture{padding:22px}h1{font-size:26px}}
.tools details button{margin-top:10px;width:100%}.tools #imgWidth,.tools #imgHeight{min-width:0}.tools #imgWidth:disabled{opacity:.6}.editorbar{height:auto;min-height:65px;flex-wrap:wrap;padding:10px 20px}.editorbar .row{flex-wrap:wrap}.editorlayout{height:calc(100vh - 85px)}

.upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.upload-choice{min-width:0;display:block;padding:7px;text-align:left}.upload-choice img{width:100%;height:85px;object-fit:contain;background:#eef2ee}.upload-choice span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.upload-choice.chosen{outline:3px solid #19aa77}.upload-bank{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:24px 0}.upload-bank>article>img{width:100%;height:165px;object-fit:contain;background:#eef2ee}.upload-bank strong{overflow-wrap:anywhere}.trial-banner{display:flex;justify-content:space-between;align-items:center;gap:20px}.trial-banner p{margin-bottom:0}@media(max-width:680px){.trial-banner{display:block}.trial-banner .button{margin-top:12px}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Brand */
.brand-img{display:block;width:190px;max-width:100%;height:auto}.authart .brand{background:#f7f8f2;border-radius:12px;padding:12px 16px;width:fit-content}.authart .brand-img{width:220px}
/* Editor inspector */
.editorbar{box-shadow:0 1px 0 #193c3210;position:relative;z-index:2}.editorbar #pageTitle{background:#f5f7f6;border-color:transparent;font-weight:600}.editorlayout{height:calc(100dvh - var(--editor-bar-height,85px))}.tools{width:330px;padding:16px;background:#f5f7f6;border-right:1px solid #dce4df;scrollbar-width:thin;scrollbar-color:#b9c8bf transparent}.inspector-header{position:sticky;top:-16px;z-index:3;background:#f5f7f6;padding:16px 0 12px;margin-top:-16px;box-shadow:0 10px 12px -12px #173e3540}.inspector-header .eyebrow{font-size:10px;letter-spacing:1.5px}.inspector-intro{font-size:12px;color:#718078;margin:8px 0 11px}.inspector-header #selection{display:block;border:1px solid #d5e2d9;background:#eaf3ed;border-radius:8px;color:#235b45;font:600 11px Manrope,system-ui,sans-serif;padding:10px 12px;overflow-wrap:anywhere}.inspector-actions{display:grid;grid-template-columns:1.35fr 1fr .8fr;gap:5px;margin-top:9px}.inspector-actions button{padding:8px 5px;font-size:10px;line-height:1.4;border-radius:7px}.tools details.tool-group{margin:10px 0 0;background:white;border:1px solid #dfe7e2;border-radius:12px;overflow:hidden}.tool-group>summary{display:flex;align-items:center;gap:10px;padding:14px;list-style:none;font-size:12px;color:#213d32;user-select:none}.tool-group>summary::-webkit-details-marker{display:none}.tool-group>summary:after{content:'⌄';margin-left:auto;color:#8b9c92;font-size:16px;line-height:1;transition:transform .15s}.tool-group[open]>summary:after{transform:rotate(180deg)}.tool-group[open]>summary{border-bottom:1px solid #edf1ee}.tool-symbol{display:grid;place-items:center;width:25px;height:25px;background:#edf5ee;color:#337451;border-radius:7px;font-size:13px;font-weight:700;flex-shrink:0}.tool-group-name{line-height:1.4}.tool-body{padding:14px}.tools .tool-group button{width:auto;margin-top:0;font-size:11px;padding:10px 12px;border-radius:8px}.tools .tool-group label{font-size:11px;margin:12px 0 6px;color:#4a6054}.tools .tool-group input,.tools .tool-group select{font-size:12px;padding:10px;border-color:#dce5df;border-radius:7px;min-width:0}.tools .tool-group input[type=color]{height:40px;padding:4px;cursor:pointer}.tools .tool-group input[type=checkbox]{accent-color:#176452}.tool-fields-two,.tool-actions-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tool-fields-two .tool-field{min-width:0}.tool-colors{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tool-colors>div{min-width:0}.format-toolbar{gap:6px}.tools .format-toolbar button{height:38px;flex:1;font-size:16px;background:#f5f8f5;border-color:#e1e9e3}.tools .format-toolbar button:hover{background:#eaf3ed}.tools #text{width:100%;margin-top:13px}.tool-tip{font-size:10px;line-height:1.7;background:#f5f8f4;border-radius:7px;padding:10px;margin:12px 0 0;color:#78877c}.insert-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tools .insert-actions button{text-align:left;justify-content:flex-start;font-size:11px;padding:10px}.tools #addFaq{grid-column:1/-1}.tools .image-size-panel h3{font-size:11px;color:#4a6054;margin:17px 0 9px}.tools #selectImageOnly{width:100%;background:#f5f8f5;padding:9px;font-size:10px}.tools #imageSizingHint{font-size:10px;line-height:1.65;margin:10px 0;color:#7a8b80}.tools .image-size-panel .row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tools .image-size-panel .row>div{min-width:0}.tools #resetImageSize,.tools #favicon{width:100%}.tools #favicon{margin-top:10px;background:#eff5e7;border-color:#e0e9d7;color:#315537}.tool-footnote{font-size:10px;line-height:1.7;color:#86968b;padding:3px 8px 12px}.tools .tool-group #recover{display:block;width:100%;margin-top:10px}.tools .tool-group input:disabled{background:#f2f5f2;cursor:default}.canvas{background:#e8ede9;padding:24px}.canvas iframe{border-radius:4px;box-shadow:0 8px 28px #173e3512}
@media(max-width:1100px){.tools{width:300px;padding:14px}.inspector-header{top:-14px;padding-top:14px;margin-top:-14px}.canvas{padding:15px}}@media(max-width:850px){.sidebar .brand-img{width:38px;height:38px;object-fit:cover;object-position:right}.tools{width:275px}.editorbar #pageTitle{max-width:190px}.canvas{padding:10px}.tool-body{padding:12px}.inspector-actions button{font-size:9px}.tool-group>summary{padding:12px}}@media(max-width:550px){.editorlayout{display:flex;flex-direction:column;overflow:hidden}.tools{width:100%;height:38dvh;max-height:350px;border-right:0;border-bottom:1px solid #dce4df}.canvas{height:auto;min-height:300px;flex:1;overflow:auto}.inspector-header{position:static}.editorbar{padding:9px}.editorbar .row{gap:5px}.editorbar button{padding:8px;font-size:11px}.tools .tool-group{max-width:none}.inspector-actions{grid-template-columns:repeat(3,1fr)}.inspector-actions button{font-size:11px}}

@media(max-width:550px){.canvas{min-height:180px}}

.capture .capture-title{font-size:clamp(27px,2.8vw,36px);line-height:1.2;letter-spacing:-1px;margin:0 0 12px}.capture .small{font-size:13px;line-height:1.6}.tutorial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;margin-top:30px}.tutorial-grid .empty{grid-column:1/-1}.tutorial-card{align-self:start}.tutorial-card .cardbody{padding:25px}.tutorial-card h2{font-size:24px;line-height:1.35;overflow-wrap:anywhere;margin:20px 0}.tutorial-number{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#56836c}.tutorial-video{display:block;aspect-ratio:16/9;width:100%;height:auto;background:#102c25;border:0;border-radius:10px}.tutorial-external{display:inline-block;margin-top:10px;color:#417c61}.tutorial-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.8;color:#536d61}.tutorial-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.tutorial-links a{font-size:13px;overflow-wrap:anywhere;max-width:100%}.tutorial-admin{padding-top:20px;margin-top:24px;border-top:1px solid var(--line)}.tutorial-link-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:6px;margin:10px 0}.tutorial-link-row input{min-width:0}.tutorial-link-row button{padding:6px 10px}.insert-actions [draggable=true]{cursor:grab}.insert-actions .inserting{background:#dff5d7;border-color:#338a65;box-shadow:0 0 0 2px #338a6520}.insert-status{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px;border-radius:8px;background:#e0efd9;color:#214c36;font-size:12px;line-height:1.5;margin-top:10px}.insert-status[hidden]{display:none}.insert-status button{padding:2px 8px;font-size:20px}.insert-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}@media(max-width:550px){.tutorial-card .cardbody{padding:18px}.tutorial-link-row{grid-template-columns:1fr auto}.tutorial-link-row .link-url{grid-column:1;grid-row:2}.tutorial-link-row button{grid-column:2;grid-row:1/3}.insert-picker{grid-template-columns:repeat(2,1fr)}}

/* Inspector text follows the readable scale of the editor's main actions. */
.tools .inspector-intro,.tools .tool-tip,.tools .tool-footnote,.tools #imageSizingHint{font-size:13px;line-height:1.65}.tools .inspector-header .eyebrow{font-size:12px}.tools .inspector-header #selection{font-size:13px}.tools .inspector-actions button,.tools .tool-group button,.tools .insert-actions button,.tools #selectImageOnly{font-size:14px;line-height:1.4}.tools .tool-group>summary{font-size:14px}.tools .tool-group label,.tools .image-size-panel h3{font-size:13px}.tools .tool-group input,.tools .tool-group select,.tools .tool-group textarea{font-size:14px}.tools .tool-group .small,.tools .insert-status{font-size:13px}.tools #imageBeside,.tools #fillImageSpace{grid-column:1/-1}.tools #imageBeside{background:#eff6e6;color:#315537;border-color:#d5e4c6}.image-layout-preview{display:grid;gap:6px;padding:10px;background:#edf3ed;border-radius:10px;margin:12px 0 20px;min-height:100px}.image-layout-preview span{display:grid;place-items:center;min-width:0;padding:18px 8px;background:#d9edbd;border-radius:6px;color:#315537;font-size:14px}.image-layout-preview span:last-child{background:white}.image-layout-controls{border:1px solid #dce5da;border-radius:10px;padding:15px;margin:15px 0}