/* GENOTION contextual UX / v0.1.3 */
.g-popover{position:fixed;z-index:10020;width:306px;max-width:calc(100vw - 16px);max-height:min(510px,78vh);overflow-y:auto;padding:7px;background:#262626;border:1px solid #414141;border-radius:10px;box-shadow:0 20px 65px #0009;color:#e8e8e6}
.g-pop-label{padding:10px 9px 7px;color:#999996;font-size:10px;font-weight:750;letter-spacing:.7px}
.g-pop-entry{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;color:#e2e2df;width:100%;min-height:37px;padding:8px 10px;border-radius:6px;font-size:12px}
.g-pop-entry:hover,.g-pop-entry:focus-visible{background:#383838}
.g-pop-icon{color:#aaa;font-size:16px;width:20px;text-align:center}
.g-emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:6px}
.g-emoji{border:0;background:transparent;font-size:21px;border-radius:5px;min-height:32px}
.g-emoji:hover,.g-cover-tile:hover{background:#424242;outline:2px solid #89b49b;outline-offset:-2px}
.g-cover-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:7px}
.g-cover-tile{border:1px solid #4b4b4b;border-radius:6px;min-height:58px;cursor:pointer}
.g-modal-overlay{position:fixed;inset:0;z-index:10030;background:#090909aa;backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-start;padding:15vh 14px 20px}
.g-modal{width:min(435px,100%);border:1px solid #454545;background:#262626;color:#e7e7e5;border-radius:12px;box-shadow:0 22px 75px #0009;padding:16px}
.g-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.g-modal-head strong{font-size:15px}.g-modal-head .g-pop-entry{width:auto;min-height:27px;padding:2px 10px}
.g-modal-help{font-size:12px;color:#b3b3af;line-height:1.5}
.g-input{width:100%;padding:11px;background:#1e1e1e;border:1px solid #51514e;border-radius:6px;outline:none;color:#f2f2f1}
.g-input:focus{border-color:#8db29c}
.g-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}
.g-ghost,.g-primary,.g-danger{border:1px solid #505050;border-radius:6px;padding:9px 14px;font-size:12px}
.g-ghost{background:#343434;color:#ddd}
.g-primary{background:#426c55;color:#f4fff5;border-color:#527c62}.g-danger{background:#673d3d;color:#f5e9e9;border-color:#845050}
.g-page-banner{position:relative;height:178px;overflow:hidden;background:linear-gradient(115deg,#283d33,#516356,#a2a393);border-radius:8px;margin:-15px 0 37px}
.g-page-banner.has-image{background-size:cover;background-position:center}
.g-cover-actions{position:absolute;right:10px;bottom:10px;display:flex;gap:7px;opacity:0;transition:opacity .15s}
.g-page-banner:hover .g-cover-actions,.g-page-banner:focus-within .g-cover-actions{opacity:1}
.g-cover-btn,.g-icon-action{background:#232323d9;color:#efefed;border:1px solid #555a55;border-radius:6px;padding:6px 9px;font-size:11px;backdrop-filter:blur(6px)}
.g-cover-btn:hover,.g-icon-action:hover{background:#3e453d}
.g-page-tools{display:flex;align-items:center;gap:7px;margin-top:-20px;margin-bottom:10px}
.g-page-tools button{background:transparent;color:#a1a19e;font-size:12px;border:0;padding:6px;border-radius:5px}
.g-page-tools button:hover{background:#303030;color:#eee}
.g-hero-icon{margin-top:-7px;font-size:43px;width:max-content;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;padding:3px}
.g-hero-icon:hover{background:#303030}
.g-icon-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}
.g-hero-icon .g-icon-img{width:62px;height:62px}
.nav-page .p-icon .g-icon-img{width:20px;height:20px}
.block-toolbar{position:absolute;left:-64px;top:0;display:flex;align-items:center;gap:1px;opacity:0;z-index:2}
.editor-block:hover .block-toolbar,.editor-block:focus-within .block-toolbar{opacity:1}
.block-toolbar .g-line-add,.block-toolbar .g-line-grip{background:transparent;border:0;color:#92928d;font-size:17px;height:28px;width:26px;border-radius:5px}
.block-toolbar button:hover{background:#363636;color:#f3f3ef}
.g-icon-inline{display:inline-flex;align-items:center;justify-content:center;max-width:32px;max-height:32px}
.g-icon-inline .g-icon-img{width:25px;height:25px}
@media(max-width:800px){.block-toolbar{left:-39px;gap:0}.block-toolbar .g-line-add,.block-toolbar .g-line-grip{width:19px;font-size:14px;opacity:.8}.g-page-banner{height:125px}.g-cover-actions{opacity:1}}