.es{--es-bg:#111f32;--es-soft:#0b1729;--es-text:#edf5ff;--es-muted:#9db0c6;--es-border:#26384f;--es-accent:#67d9e7;--es-button:#167b90;max-width:1180px;margin:0 auto;padding:36px 24px 64px;color:var(--es-text);font-family:Almarai,system-ui,sans-serif;line-height:1.7}
html[data-aw-theme="light"] .es{--es-bg:#fff;--es-soft:#f2f6fa;--es-text:#152c42;--es-muted:#536d82;--es-border:#dce5ed;--es-accent:#097b8b;--es-button:#0e7787}
.es *, .es *::before,.es *::after{box-sizing:border-box}.es [hidden]{display:none!important}.es h1,.es h2,.es h3,.es p{margin:0}.es h1{font-size:clamp(25px,3vw,37px);font-weight:800;letter-spacing:-.6px;line-height:1.5}.es h2{font-size:20px;font-weight:800}.es h3{font-size:15px;font-weight:800}.es a{color:inherit;text-decoration:none}.es button,.es input,.es textarea,.es select{font:inherit}.es button,.es a,.es select,.es input{touch-action:manipulation}.es button{cursor:pointer}.es button:disabled{opacity:.6;cursor:wait}.es :focus-visible{outline:3px solid var(--es-accent);outline-offset:3px}.es-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.es-heading p{color:var(--es-muted);font-size:14px;margin-top:8px}.es-eyebrow{display:block;color:var(--es-accent);font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:6px}.es-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(240px,300px);gap:26px;align-items:start}.es-main{min-width:0}.es-sidebar{display:grid;gap:18px;position:sticky;top:110px}.es-panel,.es-post{background:var(--es-bg);border:1px solid var(--es-border);border-radius:20px;padding:22px;box-shadow:0 6px 26px #0000000c}.es-panel{margin-bottom:20px}.es-sidebar .es-panel{margin-bottom:0}.es-community{background:linear-gradient(145deg,var(--es-bg),var(--es-soft));padding:26px}.es-community h2{font-size:28px;line-height:1.7;margin:8px 0 16px}.es-community p{font-size:13px;margin-bottom:20px}.es-text-link{color:var(--es-accent)!important;font-size:13px;font-weight:800}.es-guidelines{font-size:13px;padding-inline-start:20px;margin:16px 0;color:var(--es-muted)}.es-guidelines li{margin-bottom:9px}.es-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid transparent;border-radius:11px;padding:9px 15px;font-size:13px;font-weight:800;white-space:nowrap;min-height:42px}.es-primary{background:var(--es-button);color:#fff!important}.es-secondary{background:var(--es-soft);border-color:var(--es-border);color:var(--es-text)}.es-button:hover:not(:disabled){filter:brightness(1.08)}.es-muted{color:var(--es-muted)}.es-help{font-size:11px;line-height:1.9;margin-top:14px!important}.es-editor-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:16px;font-weight:800}.es-avatar{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:var(--es-soft);color:var(--es-accent);font-weight:800;flex-shrink:0;overflow:hidden;border:1px solid var(--es-border)}.es-avatar img{width:100%;height:100%;object-fit:cover}.es-avatar-small{width:38px;height:38px;font-size:18px}.es textarea,.es select,.es-input{background:var(--es-soft);color:var(--es-text);border:1px solid var(--es-border);border-radius:12px;padding:12px;width:100%;outline-offset:2px}.es textarea{resize:vertical;min-height:94px;font-size:14px;line-height:1.9}.es textarea::placeholder{color:var(--es-muted)}.es-mention-field{position:relative}.es-compose-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.es-topic-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--es-muted);flex:1}.es select{width:auto;max-width:100%;font-size:12px;padding:8px;min-height:42px}.es-file-button{position:relative;overflow:hidden;cursor:pointer}.es-file-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.es-file-button:focus-within{outline:3px solid var(--es-accent);outline-offset:3px}.es-count{font-size:11px;direction:ltr}.es-submit-row{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-top:18px}.es-form-message{font-size:12px;overflow-wrap:anywhere}.es-form-message[data-error="true"]{color:#f48a87}html[data-aw-theme="light"] .es-form-message[data-error="true"]{color:#ac2323}.es-previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.es-preview{position:relative;height:100px;background:var(--es-soft);border-radius:12px;overflow:hidden}.es-preview img{width:100%;height:100%;object-fit:cover}.es-preview button{position:absolute;top:5px;left:5px;background:#071426cc;color:#fff;border:0;border-radius:8px;width:28px;height:28px;font-size:18px}.es-suggestions{position:absolute;top:100%;right:0;left:0;z-index:20;background:var(--es-bg);border:1px solid var(--es-border);border-radius:12px;box-shadow:0 15px 35px #0004;max-height:240px;overflow-y:auto}.es-suggestions button{display:block;width:100%;border:0;border-bottom:1px solid var(--es-border);padding:10px 14px;background:transparent;text-align:right;color:var(--es-text);font-size:13px}.es-suggestions button:hover{background:var(--es-soft)}.es-guest{display:flex;gap:20px;align-items:center;justify-content:space-between}.es-guest strong{font-size:15px}.es-guest p{font-size:12px;margin-top:5px}.es-feed-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 15px}.es-feed-heading h2{font-size:21px}.es-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--es-border);padding-bottom:12px}.es-tabs button{border:1px solid transparent;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:800;color:var(--es-muted);background:transparent}.es-tabs button[aria-pressed="true"]{color:var(--es-accent);background:var(--es-soft);border-color:var(--es-border)}.es-feed{display:grid;gap:20px}.es-feed-status{text-align:center;color:var(--es-muted);padding:28px 18px;font-size:14px}.es-post-head{display:flex;align-items:flex-start;gap:12px}.es-author-info{flex:1;min-width:0}.es-author-name{font-size:15px;font-weight:800;overflow-wrap:anywhere}.es-meta{font-size:11px;color:var(--es-muted);display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.es-role{color:var(--es-accent)}.es-follow{padding:6px 12px;min-height:36px;font-size:12px}.es-body{font-size:14px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0!important}.es-mention{color:var(--es-accent)!important;font-weight:800}.es-tag{display:inline-block;font-size:10px;border-radius:6px;padding:3px 8px;background:var(--es-soft);color:var(--es-accent);margin-top:13px}.es-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:14px;border-radius:12px;overflow:hidden}.es-images[data-count="1"]{grid-template-columns:1fr}.es-images a{background:var(--es-soft);display:block}.es-images img{width:100%;height:220px;object-fit:cover;display:block}.es-images[data-count="1"] img{height:auto;max-height:530px;object-fit:contain}.es-post-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:11px;color:var(--es-muted)}.es-stat-button{border:0;background:transparent;color:var(--es-muted);font-size:11px;padding:0;min-height:30px}.es-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--es-border);padding-top:12px;margin-top:9px}.es-actions .es-button{flex:1;padding:8px;font-size:12px;min-width:75px;background:transparent;border-color:var(--es-border)}.es-actions [aria-pressed="true"]{background:var(--es-button);color:#fff;border-color:var(--es-button)}.es-utility{display:flex;gap:16px;margin-top:12px;font-size:11px}.es-utility button,.es-utility a{border:0;background:transparent;color:var(--es-muted);padding:4px 0;min-height:30px;font-size:11px}.es-notice{border:1px solid var(--es-border);border-radius:12px;background:var(--es-soft);padding:12px 16px;font-size:13px;margin-bottom:20px;overflow-wrap:anywhere}.es-comments{border-top:1px solid var(--es-border);margin-top:15px;padding-top:17px}.es-comment-form textarea{font-size:12px;min-height:65px}.es-comment-form .es-submit-row{margin-top:10px}.es-comment-list{display:grid;gap:14px;margin-top:18px}.es-comment{display:flex;align-items:flex-start;gap:10px}.es-comment-content{flex:1;min-width:0;background:var(--es-soft);border-radius:12px;padding:11px 13px}.es-comment .es-author-name{font-size:12px}.es-comment .es-body{font-size:12px;margin:5px 0!important;line-height:1.9}.es-comment-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;color:var(--es-muted)}.es-comment-delete{border:0;background:transparent;color:var(--es-muted);font-size:10px;padding:3px 6px;min-height:30px}.es-more{display:flex;width:100%;margin-top:20px}.es-profile-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.es-profile-header h2{flex:1;overflow-wrap:anywhere}.es-profile-stats{display:flex;gap:20px;margin-top:16px;flex-wrap:wrap}.es-profile-stats button{border:0;background:transparent;color:var(--es-muted);font-size:12px;padding:5px 0;min-height:36px}.es-profile-stats strong{color:var(--es-text);font-size:17px;margin-inline-end:5px}.es-state{font-size:11px;color:var(--es-muted);margin-top:10px!important}.es-dialog{background:var(--es-bg);color:var(--es-text);border:1px solid var(--es-border);border-radius:20px;width:min(520px,calc(100% - 28px));max-height:85vh;margin:auto;padding:22px;overflow-y:auto}.es-dialog::backdrop{background:#061324bb;backdrop-filter:blur(3px)}.es-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.es-dialog-heading h2{font-size:18px}.es-dialog .es-button{margin-top:5px}.es-dialog-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--es-border);padding:12px 0}.es-dialog-row .es-author-name{flex:1}.es-dialog textarea{margin-top:12px}.es-dialog .es-form-message{margin-top:12px}.es-danger{color:#f48a87}.es-dialog .es-danger{background:#962a32;color:#fff}
@media(max-width:960px){.es-layout{grid-template-columns:minmax(0,1fr)}.es-sidebar{display:none}.es{max-width:810px}.es-heading{align-items:flex-start}.es-heading>.es-button{font-size:11px;padding:8px 10px}}
@media(max-width:550px){.es{padding:22px 12px 40px}.es-heading{display:block;margin-bottom:22px}.es-heading>.es-button{margin-top:14px}.es-heading p{font-size:12px}.es-panel,.es-post{border-radius:15px;padding:16px}.es-avatar{width:39px;height:39px;border-radius:12px}.es-author-name{font-size:13px}.es-follow{font-size:11px;padding:5px 9px}.es-compose-tools{gap:8px}.es-topic-label{flex-basis:100%;order:3}.es-count{margin-inline-start:auto}.es-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.es-preview{height:120px}.es-images img{height:170px}.es-guest{align-items:flex-start;flex-direction:column;gap:12px}.es-tabs button{flex:1;padding:8px 10px}.es-submit-row{gap:10px}.es-post-head{gap:9px}.es-actions{gap:6px}.es-actions .es-button{font-size:11px}.es-body{font-size:13px}.es-dialog{padding:18px}}

/* Documents and polls use the existing light/dark community variables. */
.es-document-previews,.es-documents{display:grid;gap:8px;margin-top:12px}.es-document{display:flex;align-items:center;gap:10px;min-width:0;background:var(--es-soft);border:1px solid var(--es-border);padding:10px;border-radius:10px;font-size:12px}.es-document-icon{font-weight:800;font-size:11px;color:var(--es-accent);flex-shrink:0}.es-document-name{flex:1;min-width:0;overflow-wrap:anywhere}.es-poll-editor,.es-poll{background:var(--es-soft);border:1px solid var(--es-border);border-radius:14px;padding:14px;margin:16px 0}.es-poll-editor label{font-size:13px;font-weight:700}.es-poll-editor-option{display:flex;gap:8px;align-items:center;margin-top:10px}.es-poll-editor-option input{flex:1;min-width:0}.es-poll-editor #es-poll-add{margin-top:10px}.es-poll-duration{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.es-poll-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.es-poll-heading strong{font-size:12px;color:var(--es-accent)}.es-poll-refresh{background:transparent;border:0;color:var(--es-text);min-height:40px;min-width:40px;font-size:20px}.es-poll-question{font-size:14px;font-weight:800;overflow-wrap:anywhere;margin-bottom:12px!important}.es-poll-option{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:8px;justify-content:space-between;width:100%;min-height:46px;margin-bottom:8px;padding:10px;background:transparent;border:1px solid var(--es-border);border-radius:9px;color:var(--es-text);text-align:start;font-size:12px}.es-poll-option[aria-pressed="true"]{border-color:var(--es-accent)}.es-poll-meter{position:absolute;z-index:-1;inset-block:0;inset-inline-start:0;background:var(--es-accent);opacity:.15}.es-poll-label{flex:1;min-width:0;overflow-wrap:anywhere}.es-poll-count{font-size:11px;white-space:nowrap;color:var(--es-muted)}.es-poll-option:disabled{opacity:1;cursor:default}.es-poll-option:hover:enabled{border-color:var(--es-accent)}

/* Follow and overflow controls share the author row in both directions. */
.es-author-info{min-width:0;flex:1}
.es-post-head .es-follow{flex-shrink:0;white-space:nowrap;font-size:.8rem;padding:.35rem .5rem}
.es-post-menu{position:relative;flex-shrink:0}
.es-post-menu-toggle{cursor:pointer;list-style:none;min-width:32px;min-height:36px;display:grid;place-items:center;font-size:1.5rem;color:var(--es-text)}
.es-post-menu-toggle::-webkit-details-marker{display:none}
.es-post-menu .es-utility{position:absolute;z-index:5;inset-inline-end:0;top:100%;width:180px;display:grid;gap:4px;padding:8px;margin:0;border:1px solid var(--es-border);border-radius:10px;background:var(--es-bg);box-shadow:0 6px 18px #0002}
.es-post-menu:not([open]) .es-utility{display:none}
.es-post-menu .es-utility>a,.es-post-menu .es-utility>button{padding:8px;text-align:start}
.es-body-toggle{border:0;background:transparent;color:var(--es-accent);cursor:pointer;font:inherit;font-weight:600;padding:4px 0;min-height:40px}
.es-expandable-body .es-body{margin-bottom:0}

/* Editing uses the existing theme variables and dialog. */
.es-edit-form{display:grid;gap:12px;min-width:0}.es-edit-form textarea,.es-edit-form select,.es-edit-form input{width:100%;max-width:100%;color:var(--es-text);background:var(--es-soft);border:1px solid var(--es-border);border-radius:10px;padding:10px}.es-edit-editor{position:relative;min-width:0}.es-edit-attachments{display:grid;gap:8px}.es-edit-attachment{display:flex;align-items:center;gap:10px;min-width:0}.es-edit-attachment img{width:80px;height:80px;object-fit:cover;border-radius:8px}.es-edit-attachment span{flex:1;min-width:0;overflow-wrap:anywhere}.es-edit-attachment button{margin-inline-start:auto;flex-shrink:0}.es-post-content{min-width:0}

/* 2026-10-06 community reference: Cairo, blue, full-width cards, compact shell. */
.es{--es-bg:#1a202b;--es-page:#10151e;--es-soft:#252c39;--es-text:#f1f5f9;--es-muted:#b9c6d8;--es-border:#343d4d;--es-accent:#93b7ff;--es-button:#0f52ba;background:var(--es-page);padding:0 0 88px;font-family:Cairo,Almarai,system-ui,sans-serif}
html[data-aw-theme="light"] .es{--es-bg:#fff;--es-page:#f8f9fe;--es-soft:#f3f3f8;--es-text:#191c1f;--es-muted:#434653;--es-border:#e7e8ec;--es-accent:#0f52ba;--es-button:#0f52ba}
.es svg{width:24px;height:24px;flex-shrink:0}.es-community-header{background:var(--es-bg);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--es-border)}.es-community-top{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:8px}.es a.es-brand{font-size:32px;line-height:44px;color:var(--es-accent);font-weight:700;letter-spacing:-1px;min-width:0}.es-header-actions{display:flex;align-items:center;gap:8px}.es-round{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:0;background:var(--es-soft);color:var(--es-text)}.es-round svg{width:20px;height:20px}.es-header-account{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--es-button);color:#fff!important}.es-header-account svg{width:18px;height:18px}.es-community-topnav{display:flex;height:56px;align-items:stretch;padding:0 4px}.es-topnav-link{flex:1;display:grid;place-items:center;color:var(--es-muted)!important;position:relative}.es-topnav-link.es-selected{color:var(--es-accent)!important}.es-topnav-link.es-selected:after{content:"";position:absolute;bottom:0;inset-inline:12px;height:3px;background:var(--es-accent);border-radius:3px}.es-layout{gap:24px;padding-top:8px;grid-template-columns:minmax(0,780px) minmax(240px,300px)}.es-sidebar{padding:16px 16px 0 0;top:120px}.es-main>.es-panel,.es-main>.es-post,.es-post{border:0;border-radius:0;box-shadow:none}.es-main>.es-panel{padding:16px;margin-bottom:8px}.es-feed{gap:8px}.es-post{padding:0;overflow:visible}.es-post-head{padding:14px 16px 10px;align-items:flex-start;gap:10px}.es-avatar{width:44px;height:44px;border-radius:50%;border:0}.es-author-name{font-size:14px;font-weight:700}.es-meta{font-size:11px}.es-body{font-size:15px;line-height:24px;font-weight:400;margin:0!important}.es-expandable-body,.es-post-content>.es-body{padding:0 16px 12px}.es-tag{margin-inline:16px;background:transparent;font-size:12px;padding:0;color:var(--es-accent)}.es-images{margin-top:0;gap:4px;border-radius:0}.es-images img{height:256px}.es-images[data-count="1"] img{max-height:530px;height:auto}.es-documents{margin:12px 16px}.es-post-stats{margin:0;padding:8px 16px;gap:10px;min-height:36px}.es-actions{margin:0;padding:0 8px;gap:0;flex-wrap:nowrap;border-top:1px solid var(--es-border)}.es-actions .es-button{border:0;border-radius:0;min-width:0;min-height:44px;padding:6px 3px;font-size:11px;color:var(--es-muted);white-space:normal}.es-actions [aria-pressed="true"]{background:var(--es-soft);color:var(--es-accent)}.es-post-menu .es-utility{border-radius:12px}.es-post-menu-toggle{font-size:22px;min-width:26px}.es-poll{background:transparent;border:0;padding:12px 16px;margin:0}.es-poll-heading strong{background:var(--es-soft);padding:4px 10px;border-radius:20px;font-size:11px}.es-poll-option{border:0;border-radius:12px;background:var(--es-soft);padding:12px;min-height:48px;margin-bottom:10px}.es-poll-option[aria-pressed="true"]{outline:1px solid var(--es-accent)}.es-poll-question{font-size:15px;line-height:24px}.es-comments{padding:16px}.es-comment-content{background:var(--es-soft);border-radius:12px}.es-comment .es-expandable-body{padding:0}.es-dialog::backdrop{backdrop-filter:none}.es-compose-prompt{display:flex;align-items:center;gap:12px;margin-bottom:12px}.es-compose-prompt .es-avatar{width:40px;height:40px}.es-compose-pill{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;flex:1;border:0;border-radius:999px;background:var(--es-soft);color:var(--es-muted);padding:10px 16px;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;line-height:24px}.es-compose-pill svg{width:20px;height:20px;color:var(--es-accent)}.es-compact-editor:not(.es-editor-open)>:not(.es-compose-tools){display:none}.es-compact-editor:not(.es-editor-open) .es-topic-label,.es-compact-editor:not(.es-editor-open) .es-count{display:none}.es-compact-editor .es-compose-tools{border-top:1px solid var(--es-border);padding-top:6px;margin-top:0;gap:0;justify-content:space-around}.es-compact-editor .es-compose-tools>.es-button{border:0;background:transparent;border-radius:8px;font-size:12px;padding:6px;min-width:0;flex:1;white-space:normal;min-height:38px}.es-editor-open .es-compose-tools{gap:8px;margin-top:12px}.es-editor-open .es-compose-tools>.es-button{flex:initial}.es-feed-heading{margin:0;padding:10px 16px;background:var(--es-bg)}.es-feed-heading h2{font-size:14px}.es-feed-heading .es-button{font-size:11px;padding:5px 8px;min-height:32px}.es-tabs{padding:8px 12px;margin:0 0 8px;background:var(--es-bg)}.es-community-header~.es-layout .es-tabs:not(.es-tabs-visible){display:none}.es-stories{background:var(--es-bg);margin-bottom:8px;padding:12px}.es-stories-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;padding:0 4px}.es-stories-heading h2{font-size:14px;font-weight:700}.es-story-link{border:0;color:var(--es-accent);background:transparent;padding:6px;font-size:12px;font-weight:600;min-height:32px}.es-stories-row{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x proximity;padding:2px 0 4px;scrollbar-width:none}.es-story-tile{position:relative;flex-shrink:0;width:112px;height:192px;border:0;border-radius:12px;overflow:hidden;background:var(--es-button);color:#fff;scroll-snap-align:start;padding:0;isolation:isolate;text-align:start}.es-story-cover{width:100%;height:100%;object-fit:cover;display:block}.es-story-shade{position:absolute;inset:0;background:linear-gradient(transparent 35%,#2e3134df)}.es-story-avatar{position:absolute;inset-block-start:10px;inset-inline-start:10px;display:grid;place-items:center;width:36px;height:36px;background:var(--es-bg);color:var(--es-accent);border:2px solid var(--es-accent);border-radius:50%;overflow:hidden;font-size:14px}.es-story-avatar img{position:absolute;width:28px;height:28px;border-radius:50%;object-fit:cover}.es-story-caption{position:absolute;inset-block-end:10px;inset-inline:8px;font-size:11px;font-weight:700;line-height:16px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.es-story-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;padding:56px 10px 35px;font-size:12px;line-height:18px;white-space:pre-wrap;overflow-wrap:anywhere}.es-story-add{background:var(--es-soft);color:var(--es-text)}.es-story-add-cover{height:128px;display:grid;place-items:center;font-size:68px;color:var(--es-accent);background:linear-gradient(145deg,var(--es-soft),var(--es-border))}.es-story-add-label{position:relative;background:var(--es-bg);height:64px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding-bottom:8px;font-size:11px;font-weight:700}.es-story-plus{position:absolute;top:-16px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--es-button);border:4px solid var(--es-bg);color:white;font-size:24px;line-height:1}.es-story-dialog{width:min(580px,calc(100% - 24px))}.es-story-form{display:grid;gap:12px;min-width:0}.es-story-form input{max-width:100%;font-size:12px}.es-story-form select{width:100%}.es-story-preview img{width:100%;max-height:260px;object-fit:contain;display:block}.es-story-view-image{width:100%;max-height:50vh;object-fit:contain;margin:12px 0}.es-story-view-body{font-size:18px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0!important}.es-story-view-heading,.es-story-view-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.es-story-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,112px);gap:12px;justify-content:center;padding:16px 0}.es-mobile-navigation{display:none}
@media(max-width:960px){.es{max-width:810px}.es-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:550px){.es{width:100%;padding:0 0 calc(76px + env(safe-area-inset-bottom,0px));max-width:none}.es-layout{padding-top:8px;gap:0}.es-community-top{gap:4px}.es-header-actions{gap:6px}.es-round{width:40px;height:40px}.es a.es-brand{font-size:30px}.es-community-topnav{height:56px}.es-main>.es-panel{padding:14px 16px 10px}.es-post-head{padding:14px 16px 10px}.es-post .es-avatar{width:44px;height:44px}.es-author-name{font-size:14px}.es-images img{height:256px}.es-compose-pill{font-size:13px;padding-inline:12px}.es-compact-editor .es-compose-tools{flex-wrap:wrap}.es-compose-tools>.es-button{font-size:11px}.es-actions .es-button{font-size:11px;padding:6px 2px}.es-mobile-navigation{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;inset-inline:0;height:calc(64px + env(safe-area-inset-bottom,0px));padding:0 8px env(safe-area-inset-bottom,0px);background:var(--es-bg);border-top:1px solid var(--es-border);z-index:30;transition:transform 140ms ease}.es-mobile-navigation>a{min-width:0;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;height:64px;font-size:10px;color:var(--es-muted)}.es-mobile-navigation>a.es-selected{color:var(--es-accent)}.es-mobile-navigation svg{width:22px;height:22px}.es-nav-add{background:var(--es-button);color:#fff;border:0;border-radius:50%;width:44px;height:44px;margin:0 8px;font-size:28px;line-height:1}.es-nav-hidden{transform:translateY(100%)}.es-stories-heading h2{font-size:14px}.es-story-view-controls{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.es-mobile-navigation{transition:none}}
.es-quick-symbol{font-size:20px;line-height:1}.es-photo-symbol{color:#2e7d32}.es-pdf-symbol{color:#ba1a1a}.es-poll-symbol{color:#4059aa}
/* This community shell provides its own navigation on phones. */
@media(max-width:550px){body:has(#engineering-social) #main-navigation{display:none}body:has(#engineering-social){background:var(--aw-bg,#f8f9fe)}.es a.es-brand{font-size:clamp(22px,7.5vw,30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.es-header-actions{flex-shrink:0}.es-stories-heading h2{min-width:0}.es-stories-heading>div{flex-shrink:0}}
.es-community-header~.es-layout .es-feed-heading{display:none}
.es-post-head .es-tag{margin:4px 0 0;padding:1px 6px;border-radius:20px;background:var(--es-soft);font-size:11px;line-height:18px;max-width:100%}.es-actions svg{width:18px;height:18px}.es-actions .es-button{gap:5px}
@media(max-width:550px){.es{padding-top:112px}.es-community-header{position:fixed;top:0;inset-inline:0;width:100%;z-index:40}}

/* Keep story cards stable and show the account photo above the add action. */
.es-story-add-cover{position:relative;overflow:hidden}
.es-story-add-cover>svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.es-story-add-cover>.es-story-account-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.es-stories-heading>div{display:flex;align-items:center;gap:4px}
.es-story-refresh{width:32px;height:32px;display:grid;place-items:center;padding:6px}
.es-story-refresh svg{width:20px;height:20px}
.es-story-refresh[aria-busy="true"] svg{animation:es-story-refresh-turn .75s linear infinite}
.es-story-placeholder{background:var(--es-soft);pointer-events:none}
.es-story-placeholder:before{content:"";display:block;width:32px;height:32px;border-radius:50%;background:var(--es-border);margin:10px}
.es-story-refresh:disabled{opacity:1}
@keyframes es-story-refresh-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.es-story-refresh[aria-busy="true"] svg{animation:none}}
/* Full-height account cover and a compact add action overlay. */
.es-story-add-cover{position:absolute;inset:0;height:100%;width:100%}
.es-story-add-label{position:absolute;inset-inline:8px;bottom:12px;height:auto;min-height:48px;background:transparent;padding:0;color:#fff;gap:6px;z-index:2}
.es-story-add:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#0009);pointer-events:none}
.es-story-plus{position:static;width:28px;height:28px;border-width:2px;border-color:#fff;font-size:20px;flex-shrink:0}
.es-avatar-story .es-avatar{border:2px solid var(--es-accent);padding:2px;background:var(--es-bg)}
.es-avatar-story[aria-busy="true"]{opacity:.7;pointer-events:none}
.es-story-viewers{display:grid;gap:8px;margin:12px 0}
.es-story-viewer-account{display:flex;align-items:center;gap:10px;padding:10px;background:var(--es-soft);border-radius:12px;color:var(--es-text)!important}
.es-story-viewer-account img{width:40px;height:40px;object-fit:cover;border-radius:50%}
.es-story-viewers-action{margin-top:12px}

/* Reference discussion: account/story avatar, rounded bubble and compact actions. */
.es-account-avatar{display:inline-flex;flex-shrink:0;align-self:flex-start;border-radius:50%}
.es-post-comment-preview{padding:6px 16px 10px;border-top:1px solid var(--es-border)}
.es-comment{gap:10px;align-items:flex-start;margin-block:6px}
.es-comment>.es-account-avatar{width:36px;height:36px}
.es-comment .es-avatar,.es-post .es-comment .es-avatar{width:36px;height:36px;font-size:12px}
.es-comment-content{min-width:0;flex:1;background:transparent!important;padding:0!important;border-radius:0}
.es-comment-bubble{background:var(--es-soft);border-radius:16px;padding:10px;min-width:0}
.es-comment-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}
.es-comment-heading .es-author-name{font-size:12px;line-height:18px;overflow-wrap:anywhere}
.es-comment-heading time{font-size:10px;color:var(--es-muted);flex-shrink:0;max-width:45%;text-align:end}
.es-comment-bubble .es-body{font-size:13px;line-height:20px;padding:0!important}
.es-comment-footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0;min-height:32px}
.es-comment-footer button,.es-comment-replies-more{border:0;background:transparent;color:var(--es-muted);padding:4px 0;min-height:32px;font-family:inherit;font-weight:600;font-size:11px;line-height:18px}
.es-comment-footer [aria-pressed=true]{color:var(--es-accent)}
.es-comment-preview .es-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.es-comment-replies{padding-inline-start:12px;margin-inline-start:8px;border-inline-start:1px solid var(--es-border)}
.es-comment-replies .es-comment{margin-block:10px}
.es-comments-title{font-size:14px;margin:0 0 12px}
.es-comment-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--es-border)}
.es-comment-entry{display:flex;gap:8px;align-items:flex-start;min-width:0}
.es-comment-entry>.es-avatar{width:32px;height:32px;flex-shrink:0}
.es-comment-entry .es-mention-field{min-width:0;flex:1}
.es-comment-entry textarea{min-height:42px;max-height:160px;border-radius:20px;padding:10px 12px;resize:vertical}
.es-comment-entry>.es-button{min-width:0;padding:10px;font-size:11px;min-height:42px}
.es-reply-notice{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--es-accent);padding:4px 0 8px}
.es-reply-cancel{border:0;background:transparent;color:var(--es-muted);min-width:32px;min-height:32px;font-size:20px}
.es-comments .es-help{font-size:10px;margin-top:6px!important}
@media(max-width:550px){.es-comments{padding:12px 16px}.es-comment-entry>.es-button{max-width:72px;white-space:normal}.es-comment-replies{margin-inline-start:0;padding-inline-start:6px}.es-comment-heading time{max-width:40%}.es-post-comment-preview{padding:4px 16px 8px}}

.es-post-head>.es-account-avatar{width:44px;height:44px}.es-post-head>.es-avatar-story>.es-avatar{width:36px;height:36px}.es-comment .es-avatar-story .es-avatar{width:28px;height:28px}

/* Full-screen story viewer from the supplied engineering reference. */
.es-story-dialog.es-story-player{padding:0;width:min(440px,100vw);height:min(950px,100dvh);max-width:100vw;max-height:100dvh;border:1px solid #1e293b;border-radius:40px;background:#020617;color:#fff;overflow:hidden;margin:auto;box-shadow:0 24px 80px #0008}
.es-story-player::backdrop{background:#000e}
.es-story-player>.es-dialog-heading{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0;margin:0}
.es-story-player #es-story-content{height:100%;padding:0}
.es-story-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:hidden;color:#fff;font-family:Cairo,inherit;user-select:none;container-type:inline-size}
.es-story-background,.es-story-vignette{position:absolute;inset:0;z-index:-2}
.es-story-background{background:linear-gradient(135deg,#12316b,#020617 55%,#133634)}
.es-story-background>.es-story-view-image{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;margin:0;display:block;filter:brightness(.88) contrast(1.05)}
.es-story-vignette{z-index:-1;background:linear-gradient(#000c,#0003 45%,#020617f2);pointer-events:none}
.es-story-tap{position:absolute;top:0;bottom:0;width:33.333%;padding:0;border:0;background:none;color:transparent;z-index:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.es-story-tap-next{right:0}.es-story-tap-previous{left:0}
.es-story-tap:focus-visible{outline:2px solid #60a5fa;outline-offset:-3px}
.es-story-header,.es-story-footer{position:relative;z-index:3;padding:16px}
.es-story-header{padding-top:max(env(safe-area-inset-top),16px)}
.es-story-footer{padding-bottom:max(env(safe-area-inset-bottom),16px);display:flex;flex-direction:column;gap:10px}
.es-story-progress{display:flex;gap:6px;padding-top:4px;margin-bottom:16px}
.es-story-progress-track{flex:1;min-width:0;height:4px;background:#ffffff4d;border-radius:20px;overflow:hidden}
.es-story-progress-fill{display:block;height:100%;width:100%;background:#fff;transform-origin:left;border-radius:20px;will-change:transform}
[dir=rtl] .es-story-progress-fill{transform-origin:right}
.es-story-progress-current{background:linear-gradient(90deg,#0f52ba,#fff,#60a5fa)}
.es-story-author-line{display:flex;gap:10px;align-items:center;min-width:0}
.es-story-author-photo{width:44px;height:44px;flex-shrink:0;padding:3px;border-radius:50%;position:relative;display:grid;place-items:center;background:linear-gradient(45deg,#f59e0b,#0f52ba,#60a5fa);color:#60a5fa!important;text-decoration:none!important}
.es-story-author-photo>span{position:absolute;inset:3px;display:grid;place-items:center;border-radius:50%;background:#0f172a;font-size:13px;font-weight:700}
.es-story-author-photo>img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #ffffffcc}
.es-story-author-info{min-width:0;flex:1}.es-story-name-line{display:flex;gap:6px;align-items:center;min-width:0;flex-wrap:wrap}
.es-story-name-line .es-author-name{font-size:13px;line-height:20px;color:#fff!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}
.es-story-index{font-size:10px;line-height:15px;padding:1px 6px;border-radius:6px;background:#ffffff33;color:#e2e8f0;border:1px solid #ffffff1a;white-space:nowrap}
.es-story-verified{color:#60a5fa;font-size:13px}.es-story-time{font-size:11px;color:#cbd5e1}
.es-story-header-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}
.es-story-header-actions #es-story-close,.es-story-icon{width:36px;height:36px;min-width:36px;min-height:36px;display:grid;place-items:center;border:1px solid #fff3;border-radius:50%;padding:7px;background:#ffffff1f;color:#ffffffe6;font-size:14px;touch-action:manipulation}
.es-story-stage svg{width:18px;height:18px;flex-shrink:0}
.es-story-metric{display:flex;align-items:center;gap:4px;min-height:30px;padding:4px 8px;border-radius:30px;border:1px solid #fff3;background:#ffffff1f;color:#fff;font-size:11px}.es-story-metric svg{width:14px;height:14px;color:#60a5fa}
.es-story-widgets{position:relative;z-index:2;padding:16px;margin-block:auto;max-height:65%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;pointer-events:none}
.es-story-widgets>*{pointer-events:auto}
.es-story-glass{background:#0f172aa6;border:1px solid #ffffff29;box-shadow:0 10px 25px #0005}
.es-story-topic{display:inline-block;margin-bottom:14px;padding:7px 12px;font-size:11px;border-radius:30px;border:1px solid #fff3;background:#0f172aa6;color:#e2e8f0}
.es-story-insights{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.es-story-tray{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:6px 12px;background:#ffffff1f;border:1px solid #fff3;border-radius:30px;color:#e2e8f0;font-size:11px;margin:0}
.es-story-tray svg{width:14px;height:14px;color:#93c5fd}
.es-story-interactions{display:flex;gap:4px;align-items:center;margin:0}
.es-story-reply-field{flex:1;min-width:0;position:relative}
.es .es-story-reply-input{width:100%;height:42px;min-width:0;border-radius:30px;padding:10px 12px;padding-inline-end:34px;background:#0f172ab3;color:#fff;border:1px solid #fff3;font-family:inherit;font-size:11px}
.es-story-reply-input::placeholder{color:#94a3b8}.es-story-reply-input:focus{outline:1px solid #60a5fa}
.es-story-reply-field>.es-story-icon{position:absolute;inset-inline-end:2px;top:3px;border:0;background:none;color:#60a5fa}
.es-story-reaction-idea{color:#fcd34d}.es-story-reaction-clap{color:#6ee7b7}.es-story-reaction-like{color:#fb7185}
html[data-aw-theme="light"] .es-story-stage:not(.es-story-photo) .es-story-reaction-idea{color:#a16207}
html[data-aw-theme="light"] .es-story-stage:not(.es-story-photo) .es-story-reaction-clap{color:#0f766e}
html[data-aw-theme="light"] .es-story-stage:not(.es-story-photo) .es-story-reaction-like{color:#be123c}
.es-story-icon[aria-pressed=true]{background:#ffffff40;border-color:currentColor;box-shadow:0 0 0 1px currentColor}
.es-story-platform{display:flex;align-items:center;justify-content:space-between;color:#94a3b8;font-size:10px;gap:8px}
.es-story-action-status{color:#cbd5e1!important;font-size:11px;text-align:center;margin:0!important;overflow-wrap:anywhere}.es-story-action-status[data-error=true]{color:#ffabb6!important}
.es-story-private{font-size:10px;color:#94a3b8;margin:0!important;text-align:center}
.es-story-read-error{display:flex;align-items:center;gap:8px;font-size:11px;color:#ffabb6;margin-top:8px}
.es-story-text-button{border:0;background:none;color:#93c5fd;padding:6px;white-space:nowrap}
.es-story-media-retry{position:absolute;top:34%;left:50%;transform:translateX(-50%);padding:10px 16px;border:1px solid #fff3;border-radius:20px;background:#0f172add;color:#fff;z-index:4}
.es-story-replies{display:grid;gap:12px;padding-block:12px}.es-story-reply{display:flex;align-items:flex-start;gap:10px;padding:10px;background:var(--es-soft);border-radius:16px}
.es-story-reply>.es-story-author-photo{width:36px;height:36px}.es-story-reply>div{min-width:0;flex:1}.es-story-reply p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0!important;font-size:13px}.es-story-reply time{font-size:10px}
.es-story-stage button:disabled{opacity:.5}.es-story-stage a:focus-visible,.es-story-stage button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
@media(max-width:550px){.es-story-dialog.es-story-player{width:100vw;height:100dvh;border-radius:0;border:0;max-height:100dvh}.es-story-header,.es-story-footer{padding-inline:16px}.es-story-stage{font-size:12px}}
@media(max-width:360px){.es-story-header-actions{gap:4px}.es-story-author-line{gap:7px}.es-story-header-actions #es-story-close,.es-story-header-actions .es-story-icon{width:32px;min-width:32px;height:32px;min-height:32px;padding:6px}.es-story-metric{padding:4px 6px}.es-story-name-line .es-author-name{font-size:12px}}
@media(max-height:650px){.es-story-header{padding-top:10px}.es-story-progress{margin-bottom:10px}.es-story-footer{gap:6px;padding-top:8px}.es-story-widgets{padding-block:8px}.es-story-services{padding:12px}}

/* Saved story image text and its interactive publishing preview. */
.es-story-preview-stage{position:relative;isolation:isolate;width:min(100%,360px);aspect-ratio:9/16;margin:0 auto 12px;overflow:hidden;border-radius:16px;background:#020617;container-type:inline-size}
.es .es-story-preview-stage>img{width:100%;height:100%;max-height:none;display:block;object-fit:cover;margin:0}
.es-story-overlay{position:absolute;transform:translate(-50%,-50%);width:max-content;max-width:90%;max-height:65%;overflow:hidden;padding:6px 10px;border-radius:10px;background:#0004;line-height:1.3;font-weight:700;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;z-index:2;pointer-events:none}
.es-story-overlay-editable{pointer-events:auto;touch-action:none;cursor:move;user-select:none}
.es-story-overlay-editable:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}
.es-story-overlay-editor{display:grid;gap:10px}.es-story-overlay-editor[hidden]{display:none}
.es-story-overlay-colors{display:flex;gap:10px}.es-story-color{width:40px;height:40px;border-radius:50%;border:1px solid var(--es-border);box-shadow:0 0 0 2px transparent}
.es-story-color[aria-pressed=true]{box-shadow:0 0 0 3px var(--es-accent);border-color:var(--es-accent)}
.es-story-overlay-editor input[type=range]{width:100%;accent-color:var(--es-accent)}
.es-story-with-overlay .es-story-widgets{margin-block:auto 0;padding-block:8px}

/* Photo stories use readable media controls; text stories follow the selected theme. */
.es-story-dialog.es-story-player{background:var(--es-bg);border-color:var(--es-border)}
.es-story-stage{--story-text:var(--es-text);--story-muted:var(--es-muted);--story-control:var(--es-bg);--story-border:var(--es-border);color:var(--story-text)}
.es-story-photo{--story-text:#fff;--story-muted:#cbd5e1;--story-control:#0f172ab3;--story-border:#ffffff33}
.es-story-background{background:linear-gradient(135deg,var(--es-soft),var(--es-bg))}
.es-story-background>.es-story-view-image{filter:none}
.es-story-vignette{display:none}
.es-story-photo .es-story-vignette{display:block;background:linear-gradient(#0009,transparent 45%,#000b)}
.es-story-name-line .es-author-name{color:var(--story-text)!important}
.es-story-time,.es-story-platform,.es-story-private{color:var(--story-muted)}
.es-story-index{background:var(--story-control);color:var(--story-muted);border-color:var(--story-border)}
.es-story-header-actions #es-story-close,.es-story-icon,.es-story-metric,.es-story-tray{background:var(--story-control);border-color:var(--story-border);color:var(--story-text)}
.es-story-progress-track{background:var(--story-border)}
.es-story-progress-fill{background:var(--es-accent)}
.es-story-photo .es-story-progress-fill{background:#fff}
.es-story-progress-current{background:var(--es-accent)}
.es-story-widgets{flex:1;display:flex;align-items:center;justify-content:center;margin:0;max-height:none;padding:12px 16px;overflow:hidden}
.es-story-photo .es-story-widgets{align-items:flex-end}
.es-story-view-body{max-width:100%;max-height:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(19px,5cqw,26px);line-height:1.5;text-align:center;color:var(--story-text);user-select:text}
.es-story-photo .es-story-view-body{max-height:120px;font-size:14px;text-align:start;background:var(--story-control);border-radius:14px;padding:10px 12px}
.es-story-corner{display:flex;justify-content:flex-end}
.es-story-consult-action{width:38px;height:38px;min-width:38px;min-height:38px;box-shadow:0 2px 10px #0002}
.es .es-story-reply-input{background:var(--story-control);color:var(--story-text);border-color:var(--story-border)}
.es-story-reply-input::placeholder{color:var(--story-muted)}
.es-story-action-status{color:var(--story-muted)!important}
.es-story-reaction-idea{color:#fcd34d}.es-story-reaction-clap{color:#6ee7b7}.es-story-reaction-like{color:#fb7185}

/* Full-height publishing canvas with a compact tool pill and bottom publishing tray. */
.es-story-dialog.es-story-composer{width:min(480px,100vw);height:min(950px,100dvh);max-width:100vw;max-height:100dvh;margin:auto;padding:0;overflow:hidden;border-radius:24px;background:var(--es-bg);color:var(--es-text);display:flex;flex-direction:column}
.es-story-dialog.es-story-composer:not([open]){display:none}
.es-story-composer .es-dialog-heading{height:56px;flex-shrink:0;padding:8px 16px;margin:0;display:flex;align-items:center;border:0}
.es-story-composer .es-dialog-heading h2{font-size:17px!important;margin:0!important}
.es-story-composer .es-dialog-heading button{color:var(--es-text)}
.es-story-composer #es-story-content{min-height:0;flex:1;padding:0 6px 6px}
.es-story-composer .es-story-form{position:relative;height:100%;min-height:0;display:block;overflow:hidden;border-radius:22px;isolation:isolate;background:linear-gradient(135deg,var(--es-soft),var(--es-bg));container-type:inline-size}
.es-story-composer .es-story-preview{position:absolute;inset:0;margin:0;background:transparent;max-height:none}
.es-story-composer .es-story-preview-stage{width:100%;height:100%;aspect-ratio:auto;max-width:none;margin:0;border-radius:0;background:var(--es-soft)}
.es-story-composer .es-story-preview-stage>img{height:100%;max-height:none}
.es-story-editor-empty{position:absolute;inset:100px 24px 130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.es-story-draft-body{max-height:60%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;font-size:22px;font-weight:700;color:var(--es-text)}
.es-story-editor-tools{position:absolute;inset-inline-start:14px;top:12px;display:flex;gap:2px;padding:4px;border-radius:30px;background:#0009;z-index:4}
.es-story-editor-tool,.es-story-remove-image{width:40px;height:40px;min-width:40px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:white;font-weight:700;padding:8px;touch-action:manipulation}
.es-story-text-tool{background:white;color:#111827;font-size:17px;padding:4px;width:36px;min-width:36px;height:36px;margin:2px}
.es-story-editor-tools svg,.es-story-remove-image svg,.es-story-editor-topic svg,.es-story-editor-audience svg{width:20px;height:20px;flex-shrink:0}
.es-story-remove-image{position:absolute;inset-inline-end:12px;top:16px;background:#0009;z-index:4}
.es-story-editor-topic{position:absolute;inset-inline-end:14px;top:76px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 28px);padding:6px 12px;border:0;border-radius:30px;background:var(--es-bg);color:var(--es-accent);font-size:12px;font-weight:700;z-index:4}
.es-story-editor-details{position:absolute;inset-inline:12px;bottom:110px;max-height:calc(100% - 125px);overflow:auto;display:grid;gap:12px;padding:16px;border-radius:20px;background:var(--es-bg);color:var(--es-text);box-shadow:0 12px 40px #0004;z-index:6}
.es-story-editor-details select{width:100%}
.es-story-composer .es-story-overlay-editor{display:contents}
.es-story-text-panel{display:none;position:absolute;inset-inline:12px;bottom:145px;padding:14px;background:var(--es-bg);color:var(--es-text);border-radius:18px;box-shadow:0 12px 40px #0004;z-index:6}
.es-story-editing-text .es-story-text-panel{display:grid;gap:8px}
.es-story-editor-done{justify-self:end;border:0;border-radius:20px;padding:7px 16px;background:var(--es-button);color:#fff}
.es-story-composer .es-story-size-label{position:absolute;inset-inline-start:8px;top:137px;font-size:10px;color:#fff;text-shadow:0 1px 3px #000;z-index:4}
.es-story-composer #es-story-text-size{position:absolute;inset-inline-start:12px;top:165px;width:24px;height:min(28%,180px);writing-mode:vertical-lr;direction:rtl;accent-color:white;z-index:4}
.es-story-editor-footer{position:absolute;bottom:0;inset-inline:0;display:grid;gap:10px;padding:60px 14px 14px;background:linear-gradient(transparent,#000b);color:white;z-index:4;pointer-events:none}
.es-story-editor-footer>*{pointer-events:auto}
.es-story-composer .es-story-overlay-colors{justify-content:center;gap:12px}
.es-story-composer .es-story-color{width:32px;height:32px;border:1px solid #ffffff80}
.es-story-composer .es-story-color[aria-pressed=true]{box-shadow:0 0 0 2px #60a5fa}
.es-story-publish-row{display:flex;gap:12px;align-items:center;justify-content:space-between}
.es-story-editor-audience{display:flex;align-items:center;gap:6px;font-size:12px}
.es-story-publish-row button{border-radius:28px;padding-inline:22px;font-size:12px;background:#0f52ba}
.es-story-editor-limit{font-size:10px;text-align:center;color:#ffffffb3;margin:0!important}
.es-story-editor-status{background:var(--es-bg);color:var(--es-text)!important;padding:8px;border-radius:10px;font-size:12px;text-align:center;max-height:90px;overflow:auto}
.es-story-editor-status[data-error=true]{color:var(--es-text)!important;border:1px solid #f87171}
.es-story-composer .es-story-overlay-editable:focus{outline:2px solid #60a5fa;outline-offset:3px}
@media(max-width:550px){.es-story-dialog.es-story-composer{width:100vw;height:100dvh;border:0;border-radius:0}.es-story-composer .es-dialog-heading{height:calc(56px + env(safe-area-inset-top));padding-top:calc(8px + env(safe-area-inset-top))}.es-story-composer #es-story-content{padding-bottom:max(6px,env(safe-area-inset-bottom))}}