.editor-launch{position:fixed;bottom:22px;right:22px;z-index:50;background:#ff755c;color:#19191e;border:0;border-radius:100px;padding:13px 22px;box-shadow:0 6px 28px #0005;font-weight:600;font-size:15px}
.editor-ui{--edit-bg:#202027;--edit-line:#41414d;--edit-text:#f1f1f6;color:var(--edit-text);font:400 14px/1.65 'IBM Plex Sans Thai',sans-serif;box-sizing:border-box}
.editor-ui *{box-sizing:border-box}.editor-ui button,.editor-ui input,.editor-ui textarea,.editor-ui select{font:inherit;letter-spacing:0}.editor-ui button{min-height:40px;padding:8px 13px;border:1px solid #535361;border-radius:7px;background:#30303a;color:#f1f1f6;cursor:pointer}.editor-ui button:hover{background:#42424e}.editor-ui button:disabled{opacity:.5;cursor:wait}.editor-ui .edit-primary{background:#ff755c;color:#1b1615;border-color:#ff755c;font-weight:600}.editor-ui .edit-primary:hover{background:#ff927e}.editor-ui label{display:block;margin:18px 0 7px;color:#dddde7;font-weight:500}.editor-ui input,.editor-ui textarea,.editor-ui select{width:100%;background:#15151b;color:#f4f4f7;border:1px solid #575767;padding:10px 12px;border-radius:7px;min-height:44px}.editor-ui textarea{resize:vertical;min-height:170px;font-size:16px;line-height:1.8}.editor-ui input[type=checkbox]{width:auto;min-height:0;margin-right:8px}.editor-ui p{font-size:14px;line-height:1.8;margin:0 0 14px;color:#b9b9c7}.editor-ui h2{font-size:20px;font-weight:600;letter-spacing:0;margin:0}.editor-ui a{color:#ffa590;text-decoration:underline}.editor-top{position:fixed;inset:0 0 auto;z-index:100;background:#1e1e25;border-bottom:1px solid #42424e;min-height:66px;padding:10px 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;box-shadow:0 3px 18px #0004}.editor-brand{font:700 17px 'Manrope',sans-serif;margin-right:6px}.editor-status{flex:1;font-size:13px;color:#bdbdcb;min-width:120px}.editor-panel{position:fixed;right:0;top:68px;bottom:0;width:360px;z-index:90;background:var(--edit-bg);border-left:1px solid var(--edit-line);padding:22px;overflow:auto;box-shadow:-6px 0 30px #0003}.editor-panel header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.editor-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.editor-row>*{flex:1}.editor-help{margin-top:9px!important;font-size:13px!important}.editor-rule{border:0;border-top:1px solid #444451;margin:25px 0}.editor-ui .danger{color:#ffaea1}.editor-ui .status-error{color:#ffb29f}.editor-ui #edit-notice{padding:12px;background:#15151b;border-radius:7px;margin-bottom:18px;color:#dadbe6}.editor-history-list{display:grid;gap:10px;max-height:350px;overflow:auto;margin-top:16px}.editor-history-list button{text-align:left}.editor-history-list small{display:block;color:#b6b6c4}.editor-modal{padding:25px;width:min(560px,calc(100% - 28px));background:#24242d;color:#fff}.editor-modal::backdrop{background:#000a}.editor-modal h2{margin-bottom:14px}.editor-modal .editor-row{justify-content:flex-end}.editor-modal p{color:#cbcbda}.editor-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);z-index:160;padding:13px 20px;border:1px solid #52525f;border-radius:8px;background:#24242e;color:#fff;box-shadow:0 5px 25px #0006}.editor-active{padding-top:70px}.editor-active .site-header{position:relative;z-index:1}.editor-active [data-edit-id],.editor-active [data-extra-id]{cursor:pointer;outline:1px dashed #ff947c66;outline-offset:4px}.editor-active [data-edit-id]:hover,.editor-active [data-extra-id]:hover{outline:2px solid #ff947c}.editor-active .edit-selected{outline:3px solid #ff947c!important;outline-offset:5px}.editor-active [data-edit-id][hidden]{display:block!important;opacity:.3}.editor-preview{padding-top:70px}.editor-preview .site-header{position:relative}.editor-preview .editor-panel{display:none}.editor-active .image-open{pointer-events:none}.editor-panel-toggle{position:fixed;right:14px;bottom:14px;z-index:110}.editor-dirty-dot{color:#ff927e}.editor-ui .editor-block-meta{font-size:12px;margin-bottom:14px}.editor-ui :focus-visible{outline:3px solid #ffa58f;outline-offset:3px}
@media(min-width:1150px){.editor-active:not(.editor-panel-hidden){padding-right:360px}.editor-active:not(.editor-panel-hidden) .wrap{width:calc(100% - 56px)}.editor-active:not(.editor-panel-hidden) .hero{grid-template-columns:1fr 1fr;gap:24px}.editor-active:not(.editor-panel-hidden) .sales-hero h1{font-size:36px}.editor-active:not(.editor-panel-hidden) .hero-description{font-size:15px}.editor-active:not(.editor-panel-hidden) .course-grid{gap:14px}.editor-active:not(.editor-panel-hidden) .course-body{padding:20px}.editor-active:not(.editor-panel-hidden) .story-layout{gap:32px}}
@media(max-width:720px){.editor-top{padding:8px;gap:6px;min-height:104px}.editor-brand{font-size:15px}.editor-status{font-size:12px}.editor-top button{font-size:12px;padding:7px 9px;min-height:36px}.editor-panel{top:auto;bottom:0;width:100%;height:48dvh;border-top:1px solid #555564;border-radius:14px 14px 0 0;padding:18px;box-shadow:0 -8px 28px #0005}.editor-panel header{margin-bottom:10px}.editor-panel textarea{min-height:120px}.editor-panel label{margin-top:12px}.editor-active{padding-top:108px;padding-bottom:50dvh}.editor-preview{padding-top:108px}.editor-active [data-edit-id],.editor-active [data-extra-id]{scroll-margin-top:130px;scroll-margin-bottom:52dvh}.editor-launch{bottom:15px;right:15px;font-size:14px}.editor-toast{bottom:50dvh}.editor-panel-toggle{bottom:12px}.editor-row button{font-size:13px}}
.custom-content{grid-column:1/-1}.editable-summary-label{font:inherit;color:inherit}.editor-panel .editor-block-meta{margin-top:12px}
.editor-image-preview{display:block;width:100%;height:180px;object-fit:contain;background:#15151b;border-radius:10px;margin:16px 0}.editor-ui #edit-image-caption{min-height:90px}.editor-ui input[type=file]{padding:10px;font-size:13px}.editor-ui #edit-image-status{margin-top:12px}.timeline-edit-image{display:none}.editor-active .timeline-edit-image{display:block;margin:12px 0;padding:10px 18px;border:1px solid #ff935d;border-radius:99px;background:#ff935d;color:#242424;cursor:pointer;font-size:14px}.editor-active .story-image-panel{top:80px}

.editor-color-row input[type=color]{width:64px;flex:0 0 64px;padding:5px;height:44px}.editor-color-row{align-items:center}.editor-ui [hidden]{display:none!important}