@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(./ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(./ibm-plex-sans-arabic-arabic-500-normal-C4MQITzh.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(./ibm-plex-sans-arabic-arabic-700-normal-DrtBj6UE.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(./ibm-plex-sans-arabic-latin-400-normal-Bo5KPYvw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(./ibm-plex-sans-arabic-latin-500-normal-Cd6jVIg7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(./ibm-plex-sans-arabic-latin-700-normal-BzSf6GNr.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-weight:400;font-display:swap;src:url(./cairo-arabic-400-normal-DN15VWMM.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Cairo;font-style:normal;font-weight:700;font-display:swap;src:url(./cairo-arabic-700-normal-D3nDedWX.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(./tajawal-arabic-400-normal-CyCXRvzh.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(./tajawal-arabic-700-normal-D2-eand5.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(./amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(./amiri-arabic-700-normal-D8FrblyB.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Reem Kufi;font-style:normal;font-weight:400;font-display:swap;src:url(./reem-kufi-arabic-400-normal-DtbpzZsC.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Reem Kufi;font-style:normal;font-weight:700;font-display:swap;src:url(./reem-kufi-arabic-700-normal-D4RhYlR1.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #fafbfc;--line: #e6e8ec;--line-soft: #eef0f3;--ink: #15181d;--ink-soft: #626b78;--ink-faint: #8b93a1;--accent: #1f6feb;--accent-soft: #eaf1fe;--accent-line: #b9d0fb;--danger: #b3261e;--topbar-h: 52px;--toolbar-w: 52px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--sh-1: 0 1px 2px rgb(16 24 40 / 5%), 0 1px 3px rgb(16 24 40 / 6%);--sh-2: 0 4px 12px rgb(16 24 40 / 8%), 0 1px 3px rgb(16 24 40 / 6%);--sh-3: 0 12px 32px rgb(16 24 40 / 14%), 0 2px 6px rgb(16 24 40 / 6%);--font-ar: "IBM Plex Sans Arabic", "SF Arabic", "Geeza Pro", "Noto Naskh Arabic", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-ar);-webkit-font-smoothing:antialiased}#app{height:100%;display:flex;flex-direction:column}#topbar{height:var(--topbar-h);flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line);user-select:none}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:-.1px;color:var(--ink);text-decoration:none;padding:4px 6px;border-radius:var(--r-sm);transition:background .12s ease}.brand:hover{background:var(--surface-2)}.brand-mark{width:18px;height:18px;display:block}.board-name{color:var(--ink-soft);font-size:13.5px;padding:4px 8px;border-radius:var(--r-sm);transition:background .12s ease}.board-name:hover{background:var(--surface-2);color:var(--ink)}.board-name-input{font-family:inherit;font-size:13.5px;color:var(--ink);border:1px solid var(--accent);border-radius:var(--r-sm);padding:4px 8px;outline:none;background:var(--surface)}.spacer{flex:1}.status{font-size:12px;color:var(--ink-faint);min-height:1em;font-variant-numeric:tabular-nums}#toolbar{position:absolute;inset-inline-start:14px;top:calc(var(--topbar-h) + 14px);width:var(--toolbar-w);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:5px;display:flex;flex-direction:column;gap:2px;z-index:20;box-shadow:var(--sh-2)}.tool-group{position:relative;display:flex}.tool-tail{margin-block-start:4px;padding-block-start:5px;border-block-start:1px solid var(--line-soft);display:flex;flex-direction:column;gap:2px}.tool-btn{appearance:none;border:0;background:transparent;border-radius:var(--r-sm);width:40px;height:40px;display:grid;place-items:center;color:var(--ink-soft);cursor:pointer;position:relative;transition:background .12s ease,color .12s ease}.tool-btn svg{width:21px;height:21px;display:block}.tool-btn:hover{background:var(--surface-2);color:var(--ink)}.tool-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.tool-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tool-btn .more{position:absolute;inset-block-end:3px;inset-inline-end:3px;width:10px;height:10px;border-radius:3px;background:var(--surface-2);color:var(--ink-faint);display:grid;place-items:center;transition:background .12s ease,color .12s ease}.tool-btn .more:after{content:"";width:0;height:0;border-inline-start:3px solid transparent;border-inline-end:3px solid transparent;border-block-start:3.5px solid currentColor}.tool-btn:hover .more{color:var(--ink-soft)}.tool-btn[aria-pressed=true] .more{background:transparent;color:var(--accent)}.tool-pop{position:absolute;inset-inline-start:calc(100% + 8px);top:-5px;z-index:25;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:5px;display:flex;flex-direction:column;gap:1px;min-width:182px}.tool-pop[hidden]{display:none}.tool-item{appearance:none;border:0;background:transparent;border-radius:var(--r-sm);height:34px;padding:0 9px;display:flex;align-items:center;gap:10px;font-family:inherit;font-size:13px;color:var(--ink);cursor:pointer;text-align:start;transition:background .12s ease}.tool-item svg{width:18px;height:18px;color:var(--ink-soft);flex:0 0 auto}.tool-item span{flex:1}.tool-item kbd{font-family:inherit;font-size:10.5px;color:var(--ink-faint);background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;min-width:20px;text-align:center}.tool-item:hover{background:var(--surface-2)}.tool-item[aria-pressed=true]{background:var(--accent-soft)}.tool-item[aria-pressed=true] svg{color:var(--accent)}.tool-item[aria-pressed=true] span{color:var(--accent);font-weight:500}#stage-host{flex:1 1 auto;position:relative;overflow:hidden}.text-editor{position:absolute;margin:0;padding:10px 12px;border:1px dashed var(--accent);border-radius:6px;outline:none;resize:none;overflow:hidden;background:transparent;font-family:var(--font-ar);line-height:1.45;z-index:40;transform-origin:top left;white-space:pre-wrap;word-break:break-word}.bar[hidden]{display:none}.bar{position:absolute;z-index:30;display:flex;align-items:center;gap:4px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-2);user-select:none}.bar button{appearance:none;border:0;background:transparent;border-radius:var(--r-sm);height:32px;padding:0 10px;font-family:inherit;font-size:13px;color:var(--ink-soft);cursor:pointer}.bar button:hover{background:var(--surface-2);color:var(--ink)}.bar button.danger:hover{background:#fdecea;color:var(--danger)}.bar .sep{width:1px;height:20px;background:var(--line);margin:0 2px}.ctxbar{position:absolute;z-index:35;display:flex;align-items:center;gap:2px;padding:5px 6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 4px 16px #0000001f;user-select:none;white-space:nowrap}.ctxbar[hidden]{display:none}.ctxbar button{appearance:none;border:0;background:transparent;border-radius:var(--r-sm);height:30px;padding:0 9px;font-family:inherit;font-size:12.5px;color:var(--ink-soft);cursor:pointer;line-height:1}.ctxbar button:hover{background:var(--surface-2);color:var(--ink)}.ctxbar button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:700}.ctxbar button.danger:hover{background:#fdecea;color:var(--danger)}.ctxbar button.bold{font-weight:700}.ctxbar button.ink{font-size:15px;font-weight:700}.ctxbar .sep{width:1px;height:20px;background:var(--line);margin:0 3px}.ctx-group{position:relative;display:flex;align-items:center;gap:2px}.ctx-group[hidden],.ctxbar button[hidden]{display:none}.ctx-num{min-width:26px;text-align:center;font-size:12.5px;color:var(--ink);font-variant-numeric:tabular-nums}.ctx-pop{position:absolute;top:calc(100% + 8px);inset-inline-start:0;padding:9px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);z-index:2}.ctx-pop[hidden]{display:none}.palette{display:flex;flex-direction:column;gap:8px}.pal-grid{display:flex;flex-direction:column;gap:4px}.pal-row{display:flex;gap:4px}.pal-cell{appearance:none;width:22px;height:22px;padding:0;border:1px solid rgb(16 24 40 / 14%);border-radius:5px;cursor:pointer;background:transparent;position:relative;transition:transform .1s ease}.pal-cell:hover{transform:scale(1.14);z-index:1}.pal-cell:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pal-cell[aria-pressed=true]:after{content:"";position:absolute;inset:0;margin:auto;width:6px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px);color:#15181d;filter:drop-shadow(0 0 1px rgb(255 255 255 / 90%))}.pal-cell.none{background:linear-gradient(to top left,transparent calc(50% - 1px),#d92d20 calc(50% - 1px),#d92d20 calc(50% + 1px),transparent calc(50% + 1px)),#fff}.pal-cell.alpha{background-image:linear-gradient(var(--c),var(--c)),linear-gradient(45deg,#d9dde2 25%,transparent 25%,transparent 75%,#d9dde2 75%),linear-gradient(45deg,#d9dde2 25%,#fff 25% 75%,#d9dde2 75%);background-size:100% 100%,8px 8px,8px 8px;background-position:0 0,0 0,4px 4px}.pal-head{font-size:11.5px;font-weight:700;color:var(--ink-soft);border-top:1px solid var(--line-soft);padding-top:8px}.pal-mine{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pal-mine-item{position:relative;display:inline-flex}.pal-mine-x{position:absolute;inset-block-start:-6px;inset-inline-end:-6px;width:14px;height:14px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:11px;line-height:1;cursor:pointer;display:none;place-items:center}.pal-mine-item:hover .pal-mine-x{display:grid}.pal-add{width:22px;height:22px;border-radius:5px;border:1px dashed var(--ink-faint);color:var(--ink-soft);display:grid;place-items:center;cursor:pointer;font-size:13px;position:relative;overflow:hidden}.pal-add:hover{border-color:var(--accent);color:var(--accent)}.pal-add input{position:absolute;inset:0;opacity:0;cursor:pointer}.zoombar{bottom:16px;inset-inline-end:16px}.zoom-label{min-width:56px;font-variant-numeric:tabular-nums}.databar{position:absolute;inset-inline:12px;bottom:12px;z-index:30;background:#fff4f2;border:1px solid #f0c8c2;color:var(--danger);border-radius:var(--r-md);padding:10px 14px;font-size:13px}.visually-hidden{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.login-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#1b1f2473;backdrop-filter:blur(3px)}.login-card{width:min(380px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px 26px 22px;box-shadow:0 12px 40px #0000002e;display:flex;flex-direction:column;gap:14px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:20px;font-weight:700}.login-mark{width:34px;height:34px;display:block;color:var(--ink)}.login-hint{margin:0;font-size:13px;color:var(--ink-soft);line-height:1.7}.login-hint code{background:var(--surface-2);padding:1px 5px;border-radius:4px;direction:ltr;display:inline-block}.login-field{display:flex;flex-direction:column;gap:5px}.login-field span{font-size:13px;color:var(--ink-soft)}.login-field input{font-family:inherit;font-size:15px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;outline:none;background:#fff;color:var(--ink)}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-submit{appearance:none;border:0;background:var(--accent);color:#fff;font-family:inherit;font-size:15px;font-weight:700;padding:11px;border-radius:9px;cursor:pointer;margin-top:4px}.login-submit:hover{filter:brightness(1.06)}.login-submit:disabled{opacity:.6;cursor:default}.login-error{margin:0;font-size:13px;color:var(--danger);background:#fdecea;border:1px solid #f0c8c2;border-radius:var(--r-sm);padding:8px 11px}.login-error[hidden]{display:none}.facilitate{position:absolute;inset-inline-end:16px;top:calc(var(--topbar-h) + 12px);width:260px;z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;box-shadow:var(--sh-2);display:flex;flex-direction:column;gap:14px;user-select:none}.facilitate[hidden]{display:none}.fac-section{display:flex;flex-direction:column;gap:8px}.fac-section+.fac-section{border-top:1px solid var(--line);padding-top:12px}.fac-title{font-size:13px;font-weight:700;color:var(--ink)}.fac-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.fac-label{font-size:12px;color:var(--ink-soft);flex:1}.fac-hint{margin:2px 0 0;font-size:11.5px;color:var(--ink-soft);line-height:1.6}.fac-clock{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;padding:6px 0;color:var(--ink);letter-spacing:1px}.fac-clock.running{color:var(--accent)}.fac-clock.over{color:var(--danger)}.facilitate button{appearance:none;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:6px 10px;font-family:inherit;font-size:12.5px;color:var(--ink-soft);cursor:pointer}.facilitate button:hover{background:var(--surface-2);color:var(--ink)}.facilitate button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.facilitate button.primary:hover{filter:brightness(1.06)}.facilitate button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.facilitate button:disabled{opacity:.5;cursor:default}.facilitate input[type=number]{width:62px;font-family:inherit;font-size:13px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;outline:none}.facilitate input:focus{border-color:var(--accent)}.topbar-btn{appearance:none;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:5px 12px;font-family:inherit;font-size:13px;color:var(--ink-soft);cursor:pointer}.topbar-btn:hover{background:var(--surface-2);color:var(--ink)}.topbar-btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.comments-panel{position:absolute;inset-inline-end:16px;top:calc(var(--topbar-h) + 12px);width:290px;max-height:calc(100% - var(--topbar-h) - 36px);z-index:31;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;box-shadow:var(--sh-2);display:flex;flex-direction:column;gap:10px}.comments-panel[hidden]{display:none}.cm-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cm-title{font-size:13px;font-weight:700;color:var(--ink)}.cm-filter{display:flex;gap:4px}.cm-filter button{font-family:inherit;font-size:12px;padding:4px 9px;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);cursor:pointer}.cm-filter button.primary{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.cm-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.cm-row{font-family:inherit;text-align:start;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.cm-row:hover{border-color:var(--accent)}.cm-row.resolved{opacity:.62}.cm-row-head{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--ink)}.cm-count{color:var(--ink-soft);font-weight:400}.cm-row-body{font-size:12.5px;color:var(--ink-soft);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cm-hint{margin:0;font-size:11.5px;color:var(--ink-soft);line-height:1.6}.comment-card{position:fixed;z-index:60;width:300px;max-height:60vh;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:12px;display:flex;flex-direction:column;gap:10px}.comment-card[hidden]{display:none}.comment-title{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--ink-soft)}.comment-resolve{font-family:inherit;font-size:12px;padding:3px 9px;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);cursor:pointer}.comment-resolve:hover{border-color:var(--accent);color:var(--accent)}.comment-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.comment-msg{display:flex;flex-direction:column;gap:3px}.comment-head{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-soft)}.comment-who{font-weight:700;color:var(--ink)}.comment-when{flex:1}.comment-x{font-family:inherit;font-size:15px;line-height:1;border:0;background:transparent;color:var(--ink-soft);cursor:pointer;padding:0 2px}.comment-x:hover{color:var(--danger)}.comment-body{font-size:13px;line-height:1.7;color:var(--ink);white-space:pre-wrap;word-break:break-word}.comment-compose{display:flex;gap:6px;align-items:flex-end}.comment-input{flex:1;font-family:inherit;font-size:13px;line-height:1.6;padding:7px 9px;border-radius:9px;border:1px solid var(--line);resize:vertical;min-height:42px}.comment-input:focus{outline:none;border-color:var(--accent)}.comment-compose button.primary{font-family:inherit;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:9px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}.comment-compose button.primary:hover{filter:brightness(1.06)}.tpl-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.tpl-row{font-family:inherit;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.tpl-row:hover{border-color:var(--accent-line);box-shadow:var(--sh-2);transform:translateY(-1px)}.tpl-thumb{flex:0 0 auto;width:72px;height:48px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line-soft);overflow:hidden;display:grid;place-items:center}.tpl-thumb svg{width:100%;height:100%;display:block}.tpl-text{display:flex;flex-direction:column;gap:2px;min-width:0}.tpl-name{font-size:13px;font-weight:700;color:var(--ink)}.tpl-hint{font-size:11.5px;color:var(--ink-soft);line-height:1.5}.font-pop{min-width:190px;display:flex;flex-direction:column;gap:2px;padding:6px}.font-item{appearance:none;border:1px solid transparent;background:transparent;border-radius:var(--r-sm);padding:7px 9px;text-align:start;cursor:pointer;display:flex;flex-direction:column;gap:1px;color:var(--ink)}.font-item:hover{background:var(--surface-2);border-color:var(--line)}.font-item[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line)}.font-name{font-size:15px;font-weight:700}.font-note{font-size:11px;color:var(--ink-soft);font-family:var(--font-ar)}body[data-route=home] #topbar,body[data-route=home] #toolbar,body[data-route=home] #stage-host,body[data-route=home] #zoombar,body[data-route=home] #facilitate,body[data-route=home] #comments,body[data-route=home] #templates,body[data-route=home] #media{display:none}.home{flex:1;min-height:0;display:grid;grid-template-columns:248px 1fr;background:var(--bg)}.home[hidden]{display:none}.home-side{background:var(--surface);border-inline-end:1px solid var(--line);padding:18px 16px;display:flex;flex-direction:column;gap:18px}.home-brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700;color:var(--ink)}.home-mark{width:24px;height:24px;display:block}.home-who{display:flex;align-items:center;gap:10px}.home-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-line);flex:0 0 auto}.home-who-text{display:flex;flex-direction:column;min-width:0}.home-who-text strong{font-size:13px;color:var(--ink)}.home-who-text span{font-size:11.5px;color:var(--ink-faint)}.home-nav{display:flex;flex-direction:column;gap:2px}.home-nav-item{appearance:none;border:0;background:transparent;font-family:inherit;font-size:13.5px;color:var(--ink-soft);text-align:start;padding:9px 11px;border-radius:var(--r-sm);cursor:pointer}.home-nav-item:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.home-nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:700}.home-nav-item:disabled{color:var(--ink-faint);cursor:default}.home-side-tail{margin-top:auto}.home-signout{appearance:none;font-family:inherit;font-size:12.5px;color:var(--ink-soft);background:transparent;border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 12px;cursor:pointer}.home-signout:hover{border-color:var(--danger);color:var(--danger)}.home-main{padding:26px 30px;overflow-y:auto}.home-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.home-head h1{font-size:24px;margin:0;letter-spacing:-.3px}.home-actions{margin-inline-start:auto;display:flex;gap:10px;align-items:center}.home-search{font-family:inherit;font-size:13px;padding:8px 12px;width:220px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);outline:none}.home-search:focus{border-color:var(--accent)}.home-new{appearance:none;font-family:inherit;font-size:13.5px;font-weight:700;padding:9px 18px;border:0;border-radius:var(--r-sm);background:var(--accent);color:#fff;cursor:pointer;box-shadow:var(--sh-1)}.home-new:hover{filter:brightness(1.06)}.home-error{margin:0 0 14px;padding:10px 12px;border-radius:var(--r-sm);background:#fdecea;color:var(--danger);font-size:13px}.home-error[hidden]{display:none}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.home-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.home-card:hover{border-color:var(--accent-line);box-shadow:var(--sh-2);transform:translateY(-1px)}.home-card-thumb{appearance:none;display:block;width:100%;height:104px;padding:0;border:0;border-block-end:1px solid var(--line-soft);background:var(--surface-2);cursor:pointer}.home-card-thumb svg{width:96px;height:66px;fill:none;stroke:var(--accent-line);stroke-width:2;stroke-linecap:round}.home-card-body{padding:11px 12px 13px;display:flex;flex-direction:column;gap:3px}.home-card-title{appearance:none;border:0;background:transparent;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--ink);text-align:start;padding:0;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-card-title:hover{color:var(--accent)}.home-card-meta{font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.home-card-rename{font-family:inherit;font-size:13.5px;font-weight:700;color:var(--ink);border:1px solid var(--accent);border-radius:6px;padding:2px 6px;outline:none;width:100%}.home-card-tools{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:flex;gap:4px;opacity:0;transition:opacity .12s ease}.home-card:hover .home-card-tools,.home-card:focus-within .home-card-tools{opacity:1}.home-icon{appearance:none;width:28px;height:28px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-soft);cursor:pointer;box-shadow:var(--sh-1)}.home-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.home-icon:hover{color:var(--ink);border-color:var(--ink-faint)}.home-icon[data-act=delete]:hover{color:var(--danger);border-color:var(--danger)}.home-confirm{position:absolute;inset:0;background:#fffffff0;display:grid;place-content:center;gap:8px;justify-items:center;font-size:13px;color:var(--ink)}.home-confirm button{appearance:none;font-family:inherit;font-size:12.5px;padding:6px 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer}.home-confirm-yes{border-color:var(--danger)!important;color:#fff!important;background:var(--danger)!important}.home-empty{grid-column:1 / -1;padding:48px 20px;text-align:center;color:var(--ink-soft);border:1px dashed var(--line);border-radius:var(--r-lg);background:var(--surface)}.home-empty p{margin:0 0 6px;font-size:15px}.home-empty-hint{font-size:13px;color:var(--ink-faint)}@media (max-width: 720px){.home{grid-template-columns:1fr}.home-side{flex-direction:row;align-items:center;gap:12px;overflow-x:auto}.home-nav{flex-direction:row}.home-side-tail{margin-top:0;margin-inline-start:auto}.home-main{padding:18px 16px}}#media{inset-inline-start:calc(var(--toolbar-w) + 26px);inset-inline-end:auto}.media-tabs{display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:3px;margin-bottom:10px}.media-tab{flex:1;appearance:none;border:0;background:transparent;font-family:inherit;font-size:12px;font-weight:600;color:var(--ink-soft);border-radius:var(--r-sm);padding:6px 4px;cursor:pointer;transition:background .12s ease,color .12s ease}.media-tab:hover{color:var(--ink)}.media-tab[aria-selected=true]{background:var(--surface);color:var(--accent);box-shadow:var(--sh-1)}.media-body{overflow-y:auto;display:flex;flex-direction:column;gap:6px}.media-head{font-size:11.5px;font-weight:700;color:var(--ink-faint);margin-top:6px}.media-grid{display:grid;gap:4px}.media-grid.emoji{grid-template-columns:repeat(6,1fr)}.media-grid.glyph{grid-template-columns:repeat(5,1fr)}.media-grid.photo{grid-template-columns:repeat(3,1fr)}.media-grid.gif{grid-template-columns:repeat(2,1fr)}.gif-bar{display:flex;gap:6px;margin-bottom:8px}.gif-search{flex:1;min-width:0;font-family:inherit;font-size:12.5px;padding:7px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);outline:none}.gif-search:focus{border-color:var(--accent)}.gif-go{appearance:none;font-family:inherit;font-size:12.5px;font-weight:700;padding:7px 14px;border:0;border-radius:var(--r-sm);background:var(--accent);color:#fff;cursor:pointer}.media-cell.gif{aspect-ratio:4 / 3;overflow:hidden;border-color:var(--line);background:var(--surface-2)}.media-cell.gif img{width:100%;height:100%;object-fit:cover;display:block}.media-cell{appearance:none;border:1px solid transparent;background:transparent;border-radius:var(--r-sm);aspect-ratio:1;display:grid;place-items:center;font-size:20px;line-height:1;color:var(--ink);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .1s ease}.media-cell:hover{background:var(--accent-soft);border-color:var(--accent-line);transform:scale(1.06)}.media-cell:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.media-cell svg{width:24px;height:24px;display:block}.media-cell.photo{overflow:hidden;border-color:var(--line);background:var(--surface-2)}.media-cell.photo img{width:100%;height:100%;object-fit:cover;display:block}.media-upload{appearance:none;font-family:inherit;font-size:12.5px;font-weight:600;padding:9px;border-radius:var(--r-sm);border:1px dashed var(--accent-line);background:var(--accent-soft);color:var(--accent);cursor:pointer}.media-upload:hover{background:var(--surface)}.branch-layer{position:absolute;inset:0;pointer-events:none;z-index:14}.branch-layer[hidden]{display:none}.branch-handle{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;appearance:none;width:22px;height:22px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink-faint);box-shadow:var(--sh-1);cursor:pointer;display:grid;place-items:center;opacity:.55;transition:opacity .12s ease,background .12s ease,color .12s ease,transform .12s ease}.branch-handle svg{width:12px;height:12px;display:block}.branch-handle:hover{opacity:1;background:var(--accent);border-color:var(--accent);color:#fff;transform:translate(-50%,-50%) scale(1.15)}.branch-handle:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:2px}.branch-handle[hidden]{display:none}body{font-feature-settings:"ss01" on;letter-spacing:-.005em}.status,.zoom-label,.fac-clock,.ctx-num,.cm-count,.comment-when{font-variant-numeric:tabular-nums}.bar,.ctxbar{border-color:var(--line-soft);box-shadow:var(--sh-2)}.ctxbar{padding:5px;gap:3px}.ctxbar button{height:30px;padding:0 9px;font-size:12.5px;border-radius:var(--r-sm)}.ctxbar button[aria-pressed=true]{font-weight:500}.bar button{transition:background .12s ease,color .12s ease}.facilitate,.comments-panel{border-color:var(--line-soft);box-shadow:var(--sh-2);border-radius:var(--r-lg)}.fac-title,.cm-title{font-size:12.5px;font-weight:700;letter-spacing:-.1px}.fac-section+.fac-section{border-top-color:var(--line-soft)}.facilitate button,.cm-filter button,.comment-resolve{transition:background .12s ease,border-color .12s ease,color .12s ease}.databar{border-radius:var(--r-md);box-shadow:var(--sh-2)}.comment-input:focus,.login-field input:focus,.facilitate input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.zoombar{padding:5px}.zoombar button{height:30px;min-width:30px}.login-card{border-radius:var(--r-lg);box-shadow:var(--sh-3)}@media (prefers-reduced-motion: reduce){*{transition:none!important}}