:root{--ease:cubic-bezier(.2, .8, .2, 1);--radius:12px;font-family:SF Pro Text,Segoe UI,system-ui,sans-serif}:root,html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18181b;--bg:#f4f4f5;--panel:#ffffffd6;--line:#18181b1a;--muted:#71717a;--text:#18181b;--accent:#3d6fd9;--accent-dim:#dbe7ff;--on-accent:#1e3a8a;--shadow:0 8px 28px #18181b14;--surface:#fff;--surface-2:#fff;--hover:#ececef;--inset:#f4f4f5;--chip:#f4f4f5;--row-hover:#f0f0f2;--thumb:#fff;--node-fill:#fff;--danger:#e11d48;--scrollbar:#d4d4d8;--hover-line:#d4d4d8;--accent-border:#93c5fd;--cta-bg:#18181b;--cta-text:#fafafa;--cm-bg:#fafafa}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ececec;--bg:#0f0f0f;--panel:#161616c7;--line:#ffffff14;--muted:#8b8b8b;--text:#ececec;--accent:#7aa2f7;--accent-dim:#243044;--on-accent:#d6e4ff;--shadow:0 8px 32px #0006;--surface:#141414;--surface-2:#1a1a1a;--hover:#242424;--inset:#121212;--chip:#1c1c1c;--row-hover:#181818;--thumb:#161616;--node-fill:#1e1e1e;--danger:#f7768e;--scrollbar:#3a3a3a;--hover-line:#3a3a3a;--accent-border:#31476a;--cta-bg:#ececec;--cta-text:#111;--cm-bg:#161616}}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ececec;--bg:#0f0f0f;--panel:#161616c7;--line:#ffffff14;--muted:#8b8b8b;--text:#ececec;--accent:#7aa2f7;--accent-dim:#243044;--on-accent:#d6e4ff;--shadow:0 8px 32px #0006;--surface:#141414;--surface-2:#1a1a1a;--hover:#242424;--inset:#121212;--chip:#1c1c1c;--row-hover:#181818;--thumb:#161616;--node-fill:#1e1e1e;--danger:#f7768e;--scrollbar:#3a3a3a;--hover-line:#3a3a3a;--accent-border:#31476a;--cta-bg:#ececec;--cta-text:#111;--cm-bg:#161616}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18181b;--bg:#f4f4f5;--panel:#ffffffd6;--line:#18181b1a;--muted:#71717a;--text:#18181b;--accent:#3d6fd9;--accent-dim:#dbe7ff;--on-accent:#1e3a8a;--shadow:0 8px 28px #18181b14;--surface:#fff;--surface-2:#fff;--hover:#ececef;--inset:#f4f4f5;--chip:#f4f4f5;--row-hover:#f0f0f2;--thumb:#fff;--node-fill:#fff;--danger:#e11d48;--scrollbar:#d4d4d8;--hover-line:#d4d4d8;--accent-border:#93c5fd;--cta-bg:#18181b;--cta-text:#fafafa;--cm-bg:#fafafa}*{box-sizing:border-box}html,body,#app{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}button,input,select,textarea{font-family:inherit}input,textarea{-webkit-user-select:text;user-select:text}button:focus{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px var(--accent-dim), 0 0 0 3px var(--accent)}canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}#overlay{cursor:default}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px)}#modes[hidden]{display:none}.brand{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:2px;padding:4px 4px 12px;display:flex}.brand-name{letter-spacing:.02em;flex:1;min-width:0;font-size:13px;font-weight:600}.brand-mark{background:var(--accent);border-radius:3px;width:10px;height:10px}.theme-wrap{flex:none;position:relative}.theme-btn{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.theme-btn:hover,.theme-wrap.open .theme-btn{background:var(--hover);color:var(--text)}.theme-btn svg{display:block}.theme-menu{background:var(--surface-2);border:1px solid var(--line);min-width:132px;box-shadow:var(--shadow);z-index:8;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .14s var(--ease), transform .14s var(--ease), visibility .14s;border-radius:10px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;transform:translateY(4px)}.theme-wrap.open .theme-menu{opacity:1;pointer-events:auto;visibility:visible;transform:none}.theme-item{appearance:none;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-size:12px;font-weight:500;display:flex}.theme-item svg{color:var(--muted);flex:none;display:block}.theme-item:hover{background:var(--hover)}.theme-item.active{background:var(--accent-dim);color:var(--on-accent)}.theme-item.active svg{color:var(--on-accent)}.type-wrap{z-index:5;position:relative}.type-trigger{appearance:none;border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;gap:1px;padding:8px 28px 8px 10px;display:flex;position:relative}.type-trigger:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:6px;height:6px;position:absolute;top:50%;right:12px;transform:translateY(-70%)rotate(45deg)}.type-wrap.open .type-trigger:after{transform:translateY(-20%)rotate(225deg)}.type-trigger:hover{border-color:var(--hover-line)}.type-trigger-name{font-size:13px;font-weight:500}.type-trigger-detail{color:var(--muted);font-size:11px}.type-menu{background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--shadow);z-index:8;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .14s var(--ease), transform .14s var(--ease), visibility .14s;border-radius:10px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;transform:translateY(4px)}.type-wrap.open .type-menu{opacity:1;pointer-events:auto;visibility:visible;transform:none}.type-item{appearance:none;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:1px;padding:8px 10px;display:flex}.type-item:hover{background:var(--hover)}.type-item.active{background:var(--accent-dim)}.type-item-name{font-size:13px;font-weight:500}.type-item-detail{color:var(--muted);font-size:11px}#actions{z-index:2;align-items:center;gap:4px;padding:4px 6px 4px 4px;display:flex;position:absolute;top:12px;right:12px}#rail{z-index:2;flex-direction:column;align-items:stretch;gap:2px;width:244px;padding:10px;display:flex;position:absolute;top:12px;bottom:12px;left:12px;overflow:visible}.side-body{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 4px 6px;font-size:10px;font-weight:600}.brand+.section-label{padding-top:10px}.tool-list,.rel-list{flex-direction:column;gap:2px;display:flex}.rail-extra{border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:2px;width:100%;margin-top:4px;padding-top:6px;display:flex}.rail-extra.empty{display:none}.rail-btn{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:36px;padding:0 8px;font-size:12px;font-weight:500;display:flex;position:relative}.rail-btn:hover{background:var(--hover)}.rail-btn.active{background:var(--accent-dim);color:var(--on-accent)}.rail-btn svg{flex:none;display:block}.icon-btn{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex;position:relative}.icon-btn:hover{background:var(--hover)}.icon-btn.active{background:var(--accent-dim);color:var(--on-accent)}.icon-btn svg{display:block}.icon-btn:after{content:attr(data-tooltip);background:var(--surface-2);border:1px solid var(--line);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;visibility:hidden;z-index:9;box-shadow:var(--shadow);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)translate(-2px)}#actions .icon-btn:after,#code-head .icon-btn:after{top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-2px)}.icon-btn:hover:after{opacity:1;visibility:visible;transition:opacity .12s var(--ease) .4s, visibility .12s .4s}.shape-list{flex-direction:column;gap:2px;display:flex}.shape-item{appearance:none;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;font-size:12px;display:flex}.shape-item:hover{background:var(--hover)}.shape-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.shape-item-name{font-size:12px;font-weight:500}.shape-item-detail{color:var(--muted);font-size:11px}.thumb{border:1.5px solid var(--accent);background:var(--thumb);border-radius:4px;flex:none;width:28px;height:18px}.chip{appearance:none;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 8px;font-size:12px}.chip:hover{background:var(--hover)}.chip.active{background:var(--accent-dim);color:var(--on-accent)}#inspector{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;z-index:2;flex-direction:column;gap:8px;width:280px;max-height:calc(100% - 84px);padding:12px;display:flex;position:absolute;top:56px;right:12px;overflow-y:auto}#inspector[hidden]{display:none}#node-pop{z-index:5;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;pointer-events:auto;flex-direction:column;gap:8px;width:320px;max-height:min(72vh,100% - 24px);padding:10px;display:flex;position:absolute;overflow-y:auto}#node-pop[hidden]{display:none}.pop-head{align-items:center;gap:4px;display:flex}.pop-name{height:36px;padding:8px 10px;font-weight:600}.insp-section{justify-content:space-between;align-items:center;gap:8px;display:flex}.insp-section .insp-label{margin:0}.insp-title{font-size:14px;font-weight:600}.insp-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:2px;font-size:10px;font-weight:600}.insp-hint{color:var(--muted);font-size:11px;line-height:1.35}.insp-meta{color:var(--muted);font-size:13px}.insp-input,.insp-area,.insp-select{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;width:100%;padding:8px 10px;font-size:13px}.insp-input,.insp-select{height:36px}.insp-area{resize:vertical;min-height:64px;font:12px/1.4 ui-monospace,Menlo,monospace}.insp-chips{flex-wrap:wrap;gap:4px;display:flex}.insp-chips .chip{border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:11px}.insp-actions{gap:6px;margin-top:4px;display:flex}.insp-btn{appearance:none;border:1px solid var(--line);background:var(--inset);color:var(--text);cursor:pointer;border-radius:8px;flex:1;padding:6px 10px;font-size:12px}.insp-btn:hover{background:var(--hover)}.insp-btn.danger{color:var(--danger)}.member-editor{flex-direction:column;gap:8px;display:flex}.member-list{flex-direction:column;gap:6px;display:flex}.member-row{border:1px solid var(--line);background:var(--inset);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.insp-select{cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M3 4.5 6 7.5 9 4.5' stroke='%238b8b8b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right 10px center;background-repeat:no-repeat;flex:none;width:auto;min-width:104px;padding:0 28px 0 10px}.insp-input.mini{flex:72px;width:auto;min-width:0;height:32px;padding:0 8px;font-size:12px}.insp-select.mini,.member-row .insp-select{height:32px;font-size:12px}.flag-chip{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:8px;height:32px;padding:0 10px;font-size:11px;font-weight:500}.flag-chip:hover{color:var(--text);background:var(--chip)}.flag-chip.active{background:var(--accent-dim);color:var(--on-accent);border-color:#0000}.member-x{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 32px;width:32px;height:32px;font-size:16px;line-height:1}.member-x:hover{background:var(--hover);color:var(--danger)}.member-add-inline{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;width:22px;height:22px;font-size:16px;line-height:1}.member-add-inline:hover{background:var(--hover);color:var(--text)}.save-status{color:var(--muted);white-space:nowrap;pointer-events:none;padding:0 8px;font-size:12px}.save-status[hidden],.save-status-signin[hidden]{display:none}.save-status.busy{color:var(--accent)}.save-status.error{color:var(--danger)}.save-status-signin{appearance:none;background:var(--accent-dim);color:var(--on-accent);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.save-status-signin:hover{filter:brightness(1.08)}.save-status-signin svg{display:block}.text-action{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;height:32px;padding:0 8px;font-size:12px;font-weight:500}.text-action:hover{background:var(--hover);color:var(--text)}.text-action.active{background:var(--accent-dim);color:var(--on-accent)}.diagram-name{appearance:none;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;width:168px;padding:6px 8px;font-size:13px;font-weight:500}.diagram-name:hover,.diagram-name:focus{background:var(--hover);outline:none}.diagram-name.conflict{color:var(--danger)}.library-scrim{z-index:20;background:var(--bg);justify-content:center;align-items:flex-start;padding:28px 20px 48px;display:flex;position:absolute;inset:0;overflow:auto}.library-scrim[hidden]{display:none}.library-card{flex-direction:column;width:min(880px,100%);max-height:none;padding:20px 20px 16px;display:flex}.library-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.library-title{letter-spacing:-.03em;font-size:22px;font-weight:600}.library-close{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;width:auto;height:32px;padding:0 10px;font-size:12px;line-height:1}.library-close:hover{background:var(--hover);color:var(--text)}.library-body{flex-direction:column;gap:8px;min-height:0;display:flex}.library-copy{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.library-error{color:var(--danger);margin:0 0 8px;font-size:12px}.library-filter{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.library-toolbar{flex-wrap:wrap;gap:12px;display:flex}.library-list{scrollbar-width:thin;flex-direction:column;gap:4px;max-height:none;display:flex;overflow:visible}.library-row{appearance:none;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.library-row:hover{background:var(--hover)}.library-item{border:1px solid #0000;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.library-item:hover{background:var(--row-hover)}.library-item.open{background:var(--accent-dim);border-color:var(--accent-border)}.library-item-main{appearance:none;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:2px;min-width:0;padding:0;display:flex}.library-item-actions{flex-wrap:wrap;flex-shrink:0;gap:4px;display:flex}.library-mini{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:7px;padding:5px 8px;font-size:11px}.library-mini.danger{color:var(--danger)}.library-mini.danger:hover{background:var(--hover)}.library-modal-scrim{z-index:32;background:color-mix(in srgb, var(--bg) 72%, transparent);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.library-modal{width:min(420px,100%);padding:0}.library-modal-body{flex-direction:column;gap:10px;padding:20px 20px 16px;display:flex}.library-modal-title{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:600}.library-modal-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.library-danger{appearance:none;background:var(--danger);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500}.library-danger:hover{filter:brightness(1.08)}.library-danger:disabled,.library-primary:disabled{opacity:.55;cursor:default}.library-mini:disabled{opacity:.45;cursor:default}.library-rename-warn{width:100%;color:var(--danger);margin:0;font-size:11px}.library-rename-warn[hidden]{display:none}.library-row-name{font-size:13px;font-weight:500}.library-row-detail{color:var(--muted);font-size:11px}.library-primary{appearance:none;background:var(--accent-dim);color:var(--on-accent);cursor:pointer;border:0;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:500}.library-primary:hover{filter:brightness(1.08)}.library-text{appearance:none;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;padding:6px 4px;font-size:12px}.library-text:hover{color:var(--text)}.library-footer{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.gate{z-index:30;background:var(--bg);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gate[hidden]{display:none}.gate-card{background:var(--panel);border:1px solid var(--line);width:min(400px,100vw - 40px);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:12px;padding:28px 28px 22px;display:flex}.gate-brand{align-items:center;gap:8px;display:flex}.gate-title{letter-spacing:-.02em;margin:8px 0 0;font-size:22px;font-weight:600}.gate-copy{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.gate-error{color:var(--danger);margin:0;font-size:12px;line-height:1.45}.gate-github{appearance:none;background:var(--cta-bg);width:100%;color:var(--cta-text);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:14px;font-weight:600;display:inline-flex}.gate-github svg{display:block}.gate-github:hover{filter:brightness(.96)}.gate-skip{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:12px}.gate-skip:hover{color:var(--text)}.gate-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;display:flex}.gh-repo{color:var(--muted);align-items:center;gap:7px;min-width:0;font-size:12px;text-decoration:none;display:inline-flex}.gh-repo span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gh-repo svg{flex:none}.gh-repo:hover{color:var(--text)}.gh-star{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--muted);transition:color .15s var(--ease), border-color .15s var(--ease);border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 11px;font-size:12px;line-height:1;text-decoration:none;display:inline-flex}.gh-star:hover{color:var(--text);border-color:var(--muted)}.gh-star-count{font-variant-numeric:tabular-nums;font-weight:700}.sidebar .gh-star{align-self:flex-start;margin:8px 2px 2px}.gate-filter{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px}.gate-list{scrollbar-width:thin;flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.gate-row{appearance:none;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.gate-row:hover{background:var(--hover)}.gate-row-name{font-size:13px;font-weight:500}.gate-row-detail{color:var(--muted);font-size:11px}#toast{z-index:24;color:var(--text);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);border-radius:999px;padding:8px 14px;font-size:12px;position:absolute;bottom:54px;left:50%;transform:translate(-50%)}#toast[hidden]{display:none}#hint{z-index:2;color:var(--muted);background:var(--panel);border:1px solid var(--line);pointer-events:none;white-space:nowrap;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:opacity .14s var(--ease), transform .14s var(--ease), visibility .14s;border-radius:999px;padding:6px 14px;font-size:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)translateY(4px)}#hint.visible{opacity:1;visibility:visible;transform:translate(-50%)}#zoom{appearance:none;z-index:2;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);border-radius:8px;min-width:52px;padding:6px 10px;font-size:11px;font-weight:500;position:absolute;bottom:12px;left:268px}#zoom:hover{color:var(--text);border-color:var(--hover-line)}#code-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:min(400px,40vw);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);z-index:3;flex-direction:column;display:flex;position:absolute;top:56px;bottom:12px;right:12px;overflow:hidden}#code-panel[hidden]{display:none}#code-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 8px 8px 14px;display:flex}.code-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.code-actions{gap:2px;display:flex}#code-host{flex:1;overflow:hidden}#code-error{color:var(--danger);border-top:1px solid var(--line);padding:8px 12px;font-size:12px}#text-edit{z-index:4;border:1.5px solid var(--accent);background:var(--node-fill);color:var(--text);resize:none;border-radius:8px;margin:0;padding:10px 12px;font:13px/1.4 SF Pro Text,Segoe UI,system-ui,sans-serif;position:absolute}#text-edit.compartment{text-align:left;padding:10px 12px 12px;font:12px ui-monospace,Menlo,monospace}@media (width<=1100px){#hint{display:none}}