:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{background:#f4f6f9;flex-direction:column;height:100%;display:flex}.app__bar{background:#fff;border-bottom:1px solid #d9dee6;flex:none;align-items:center;gap:1.25rem;padding:.5rem 1rem;display:flex}.app__title{letter-spacing:-.01em;color:#1d2430;margin:0;font-size:1.05rem;font-weight:600}.app__title-accent{color:#2f6fdc}.app__panes{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.pane{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.pane--viewer{border-left:1px solid #d9dee6}.pane__head{border-bottom:1px solid #e6eaf0;flex:none;padding:.5rem .75rem}.pane__body{flex:1;min-height:0;position:relative}.pane__foot{border-top:1px solid #e6eaf0;flex:none;padding:.5rem .75rem;overflow-x:auto}.pane__smiles{color:#1d2430;white-space:nowrap;font-family:ui-monospace,Consolas,monospace;font-size:.85rem}.pane__smiles--muted{color:#98a1b0}.viewer3d{width:100%;height:100%;position:relative}.overlay{pointer-events:none;background:#ffffffeb;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.overlay__text{color:#5b6472;text-align:center;margin:0;font-size:.9rem}.overlay__text--warn{color:#a8480f}.styles{flex-wrap:wrap;gap:.25rem;display:inline-flex}.styles__button{font:inherit;color:#3d4757;cursor:pointer;background:#f1f4f9;border:1px solid #d9dee6;border-radius:5px;padding:.3rem .65rem;font-size:.8rem}.styles__button:hover{background:#e6ebf3}.styles__button--active,.styles__button--active:hover{color:#fff;background:#2f6fdc;border-color:#2f6fdc}.tools{flex:none;gap:.25rem;display:inline-flex}.tools__button{font:inherit;color:#3d4757;cursor:pointer;background:#f1f4f9;border:1px solid #d9dee6;border-radius:5px;padding:.35rem .7rem;font-size:.8rem}.tools__button:hover{background:#e6ebf3}.search{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.search__input{min-width:0;font:inherit;color:#1d2430;background:#fff;border:1px solid #d9dee6;border-radius:5px;flex:0 22rem;padding:.4rem .6rem;font-size:.875rem}.search__input:focus-visible{outline-offset:-1px;outline:2px solid #2f6fdc}.search__button{font:inherit;color:#fff;cursor:pointer;background:#2f6fdc;border:1px solid #2f6fdc;border-radius:5px;padding:.4rem .85rem;font-size:.85rem}.search__button:disabled{color:#8b95a5;cursor:default;background:#e6eaf0;border-color:#dde2ea}.search__error{color:#a8480f;font-size:.8rem}.pane__body--editor>*{height:100%}.builder{height:100%;display:flex;position:relative}.builder__canvas{flex:1;min-width:0}.btools{flex-direction:column;flex:none;order:1;gap:.6rem;padding:.5rem .35rem;display:flex;overflow-y:auto}.btools__group{background:#fff;border:1px solid #d9dee6;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.btools__button{color:#3d4757;cursor:pointer;background:#fff;border:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.btools__button+.btools__button{border-top:1px solid #eef1f6}.btools__button:hover:not(:disabled){background:#eef2f9}.btools__button--active,.btools__button--active:hover:not(:disabled){background:#dbe7fb}.btools__button:disabled{opacity:.4;cursor:default}.btools__button svg{width:20px;height:20px}.ptools{display:contents}.ptools__rule{border:1px solid #cad3dd;width:25px;height:2px;margin:6px 0}.ptools__button--lead,.ptools__rule--lead{order:-1}.ptools__button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:4px;width:28px;height:28px;padding:3px;display:block}.ptools__button:hover{background:#eef2f9}.ptools__button--active,.ptools__button--active:hover{background:#dbe7fb}.ptools__button svg{width:100%;height:100%}.picker{z-index:2;background:#d9dee6;border:1px solid #d9dee6;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px;display:grid;position:absolute;box-shadow:0 6px 16px #1d243024}.picker__button{min-width:3.4rem;font:inherit;color:#1d2430;cursor:pointer;background:#fff;border:none;padding:.4rem .5rem;font-size:.8rem}.picker__button--icon{place-items:center;padding:.35rem;display:grid}.picker__button--icon svg{width:22px;height:22px}.picker__button:hover{background:#eef2f9}.picker__button--active{background:#dbe7fb}.reactions{border-top:1px solid #e6eaf0;flex:none;height:9rem}.pane__loading{color:#7a8290;place-items:center;height:100%;font-size:.9rem;display:grid}@media (width<=900px){.app__panes{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:1fr}.pane--viewer{border-top:1px solid #d9dee6;border-left:none}.reactions{height:5rem}}